@charset "utf-8";

/*--------------------------------------------------------------------------通用样式--------------------------------------------------------------------------*/
/* ========== 公共变量 ========== */
.green-more,
.green-more-line {
	--gx: 50%;
	--gy: 50%;
}

/* ========== 渐变实心按钮 ========== */
.green-more {
	font-size: 16px;
	height: 60px;
	padding: 0 30px;
	background: #1e9c33;
	color: #fff;
	border-radius: 60px;
	display: inline-flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	z-index: 0;
	transition: background 0.3s ease;
	border: none;
	overflow: hidden;
}

.green-more i,
.green-more span {
	pointer-events: none;
	position: relative;
	z-index: 2;
}

/* ========== 线框按钮 ========== */
.green-more-line {
	font-size: 16px;
	height: 60px;
	padding: 0 30px;
	box-sizing: border-box;
	border: 2px solid #1e9c33;
	background: none;
	color: #1e9c33;
	border-radius: 60px;
	display: inline-flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
	z-index: 0;
	transition: all 0.3s ease;
	overflow: hidden;
}

.green-more-line i,
.green-more-line span {
	pointer-events: none;
	position: relative;
	z-index: 2;
}

/* hover 后渐变背景 */
.green-more-line:hover {
	background-image: linear-gradient(90deg, #1e9c33 0%, #0c4e82 100%);
	background-color: transparent;
	border-color: transparent;
	color: #fff;
}

/* ========== 高光层（核心：两者共用） ========== */
.green-more::after,
.green-more-line::after {
	content: "";
	position: absolute;
	left: calc(var(--gx) - 35px);
	top: calc(var(--gy) - 35px);
	width: 70px;
	height: 70px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	filter: blur(20px);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
	z-index: 1;
}

/* hover 时显示高光 */
.green-more:hover::after,
.green-more-line:hover::after {
	opacity: 1;
}

.white-more {
	font-size: 16px;
	height: 60px;
	padding: 0 30px;
	background: #fff;
	color: #1e9c33;
	border-radius: 60px;
	display: inline-flex;
	gap: 20px;
	align-items: center;
	transition: all 0.3s ease;
	position: relative;
}

.white-more-line {
	height: 60px;
	padding: 0 30px;
	box-sizing: border-box;
	border: 2px solid #fff;
	background: none;
	color: #fff;
	border-radius: 60px;
	display: inline-flex;
	gap: 20px;
	align-items: center;
	transition: all 0.3s ease;
	overflow: hidden;
}

.white-more-line:hover {
	background: #fff;
	color: #1e9c33;
}

.green-more-nobg
{
	display:inline-flex;
	align-items: center;
	color:#1e9c33;
	gap:10px;
	margin-left:40px;
}

.green-more-nobg i
{
	margin-top:-2px;
}

.i-more-ct {
	display: flex;
	justify-content: center;
}

.i-more-box {
	margin: 40px 0 0;
}

.i-more-box .i-pdf-dl
{
	margin-left:20px;
}

.i-more {
	display: flex;
	align-items: center;
	gap: 20px;

}

.i-more span {
	font-size: 18px;
	font-weight: 600;
	color: #222;
}

.i-more em {
	width: 36px;
	height: 36px;
	border-radius: 36px;
	background: #1e9c33;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.i-more em i {
	font-size: 16px;
	color: #fff;
}

.i-more:hover span {
	color: #1e9c33;
}

.i-more:hover em {
	transform: scale(1.18);
}

.sp-pn {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 9;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background: #1e9c33;
	text-align: center;
	color: #fff;
	border-radius: 50px;
	transition: all .3s ease;
}

.sp-prev {
	left: 40px;
}

.sp-next {
	right: 40px;
}

.sp-pn i {
	display: inline-block;
	line-height: 50px;
}

.sp-bot.swiper-pagination {
	width: 100%;
	bottom: 0;
}

.sp-bot .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255, 0.5);
	opacity: 1 !important;
	margin: 0 10px !important;
	border-radius: 10px !important;
}

.sp-bot .swiper-pagination-bullet-active {
	width: 30px;
	background: rgba(255, 255, 255, 1);
}

.sp-bot-white .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.5) !important;
}

.sp-bot-white .swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, 1) !important;
}

.sp-bot-green .swiper-pagination-bullet {
	background: #cecece !important;
}

.sp-bot-green .swiper-pagination-bullet-active {
	background: #1e9c33 !important;
}

.pc-cc {
	display: block;
}

.m-cc {
	display: none;
}

/* ========== fancybox & layui========== */
.fancybox__content {
	padding: 0;
}

 .fancybox__caption
{
	color:#fff;
}

.fancybox__backdrop {
	background: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.fancybox__content>.f-button.is-close-btn {
	top: -48px;
}

.has-html5video .fancybox__content {
	width: 1200px !important;
	height: auto !important;
}

.layui-form-item {
	margin: 0;
}

.layui-form-label {
	padding: 0 0 15px;
	text-align: left;
	z-index: 2;
}

.layui-input-block {
	margin-left: 0;
}

.layui-input-wrap {
	line-height: 50px;
}

.layui-input {
	height: 50px;
	padding: 0 20px;
	color: #222;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
}

.layui-input:hover,
.layui-textarea:hover {
	border-color: #1e9c33 !important
}

.layui-input:focus,
.layui-textarea:focus {
	border-color: #1e9c33 !important;
	box-shadow: 0 0 0 3px rgba(22, 183, 119, .08)
}

.layui-input::placeholder {
	color: #999;
}

.layui-textarea {
	padding: 15px 20px;
	line-height: 160%;
	min-height: 100px;
	border: 1px solid #e6e6e6;
}

.layui-textarea::placeholder {
	color: #999;
	line-height: 160%;
}

.layui-input-split {
	border: none;
	width: 48px;
	display: flex;
	align-items: center;
}

.layui-input-split i {
	font-size: 16px;
	color: #1e9c33;
}

.layui-layer {
	border-radius: 10px;
}

.layui-layer-title {
	font-size: 20px;
	font-weight: 600;
	color: #222;
	padding: 0 40px 0 20px;
	height: 60px;
	line-height: 60px;
}

.layui-layer-setwin {
	top:20px;
	right: 20px;
}

.layui-layer-setwin .layui-layer-close {
	font-size: 28px;
}

.layui-layer-setwin span {
	width:20px;
	height:20px;
}

.layui-layer-page .layui-layer-content {
	padding: 20px;
}

.layui-form-select dl {
	top: 52px;
}

.layui-btn {
	padding: 0 40px;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	background: #1e9c33 !important;
	border-radius: 5px;
}

.layui-layer-shade {
	background-color: rgba(0, 0, 0, 0.8) !important;
	opacity: 1 !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.c-detail p {
	margin: 1vh 0;
}

.c-detail h1,
.c-detail h2,
.c-detail h3,
.c-detail h4,
.c-detail h5,
.c-detail h5,
.c-detail strong,
.c-detail-table strong
{
	color: #222;
}

.c-detail p a {
	color: #1e9c33;
	text-decoration: underline;
}

.c-detail a img {
	transition: all 0.3s ease;
}

.c-detail a:hover img {
	opacity: 0.8;
}

.c-detail table {
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}

.c-detail table tr td {
	padding: 10px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	line-height: 1.8;
}

.c-detail table thead tr td
{
	background: #f4f7f5;
}

/*
.c-detail table tr:nth-child(2n) td {
	background: #f4f7f5;
}
*/

.c-detail table tr:hover td {
	background: #f4f7f5;
}

.c-detail pre {
	font-family: "Google Sans", "Noto Sans JP", "微软雅黑", sans-serif;
	font-size:15px;
	line-height: 200%;
}

.news-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	background: #1e9c33;
	color: #fff;
	font-size: 16px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 9;
}

.gotop {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 9;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	text-align: center;
	background: #1e9c33;
	color: #fff;
	cursor: pointer;
}

.page-nav {
	display: flex;
	justify-content: flex-end;
	text-align: center;
	margin: 6vh 0 0;
}

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

.page-num:not(:disabled) {
	cursor: pointer;
}

.page-num,
.page-link {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	padding: 0 20px;
	line-height: 40px;
	border-radius: 40px;
	background: #f4f7f5;
	border: 1px solid #e6e6e6;
}

.page-num:hover,
.page-link:hover {
	background-color: #1e9c33;
	color: #fff;
	border-color: #1e9c33;

}

.page-num-current {
	z-index: 1;
	background-color: #1e9c33;
	color: #fff;
	border-color: #1e9c33;
}

.page-num-current:hover {
	color: #fff;
}

.mpnav,
.text-secondarym {
	display: none;
}

.ico-link {
	width: 24px;
	height: 24px;
	border-radius: 24px;
	background: #1e9c33;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.ico-link i {
	font-size: 16px;
	color: #fff;
}

.swiper-button-lock
{
	display:block;
}

/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/
.hmenu {
	position: fixed;
	top: 60px;
	right: 60px;
	z-index: 999;
}

.hamburger-menu {
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.hmenu.fixed .hamburger-menu {
	background: #f4f7f5;
}

.hamburger-menu div {
	width: 30px;
	height: 3px;
	border-radius: 3px;
	background: #1e9c33;
	position: relative;
	z-index: 1001;
	transition: all 0.3s ease;
}

.hamburger-menu div:before,
.hamburger-menu div:after {
	content: '';
	position: absolute;
	width: inherit;
	height: inherit;
	background: #1e9c33;
	border-radius: 3px;
	transition: all 0.3s ease;
}

.hamburger-menu div:before {
	transform: translateY(-10px);
}

.hamburger-menu div:after {
	transform: translateY(10px);
}

.hmenu.open .hamburger-menu div {
	background: transparent;
}

.hmenu.open .hamburger-menu div:before {
	transform: translateY(0) rotate(-45deg);
}

.hmenu.open .hamburger-menu div:after {
	transform: translateY(0) rotate(45deg);
}

.nav-wrap {
	position: fixed;
	top: 0;
	right: -100vw;
	z-index: 99;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background: #fff;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform .3s ease-in;
	transition: -webkit-transform .3s ease-in;
	transition: transform .3s ease-in;
	transition: transform .3s ease-in, -webkit-transform .3s ease-in;
	overflow-y: auto;
	-webkit-box-ordinal-group: 1;
}

.nav-wrap.open {
	-webkit-transform: translateX(-100vw);
	transform: translateX(-100vw);
}

.nav-wrap-list {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav-wrap-list ul {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 6vh;
}

.nav-wrap-list .tit {
	display: flex;
	align-items: center;
	gap: 0 20px;
	margin: 0 0 2vh;
}

.nav-wrap-list .tit em {
	width: 24px;
	height: 24px;
	border-radius: 24px;
	background: #1e9c33;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.nav-wrap-list .tit em i {
	font-size: 16px;
	color: #fff;
}

.nav-wrap-list .tit span {
	font-size: 30px;
	font-weight: 600;
	color: #222;
	text-transform: uppercase;
}

.nav-wrap-list .dl-box .dl {
	display: flex;
	gap: 0 20px;
}

.nav-wrap-list .dl-box .dl .dt a {
	padding: 10px 20px;
	background: #f4f7f5;
	border-radius: 100px;
}

.nav-wrap-list .dl-box .dl dt:hover a {
	background: #1e9c33;
	color: #fff;
}

/*--------------------------------------------------------------------------首页--------------------------------------------------------------------------*/
.ibanwarp .ib-txt {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	z-index: 9;
	color: #fff;
	text-align: center;
}

.ibanwarp .ib-txt h2 {
	font-size: 36px;
	color: #fff;
}

.ibanwarp .ib-txt .info {
	margin: 40px 0 0;
}

.ibanwarp .scroll-banner {
	margin: 40px 0 0;
	border-radius: 30px;
	overflow: hidden;
}

.ibanwarp .scroll-banner .bgimg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.ibanwarp .scroll-banner .bgimg img {
	width: 100%;
}

.iban-swp .swiper-slide-active .bgimg img {
	transform: scale(1.08);
	transition: all 5s ease;

}

.iban-swp .sp-bot-iban {
	bottom: 40px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.i-page,
.c-page {
	position: relative;
	z-index: 2;
}

.itit {
	margin: 0 0 60px;
}

.itit h3 {
	font-size: 36px;
	display: flex;
	gap: 10px;
}

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

.inews-wrap {
	display: flex;
}

.inews-wrap .inews-l {
	flex: 1;
	margin-right: 4vw;
}

/*
.inews-wrap .inews-l .list ul {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 20px;
}

.inews-wrap .inews-l .list ul li {
	position: relative;
	padding: 0 0 20px;
}

.inews-wrap .inews-l .list ul li::before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #e6e6e6;
	z-index: 1;
}

.inews-wrap .inews-l .list ul li::after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #1e9c33;
	z-index: 2;
	transition: all 0.3s ease;
}

.inews-wrap .inews-l .list ul li:hover::after {
	width: 100%;
}

.inews-wrap .inews-l .list .item {
	display: flex;
	align-items: center;
	gap: 0 20px;
}

.inews-wrap .inews-l .list .item span {
	width: 100px;
	height: 32px;
	line-height: 32px;
	border-radius: 32px;
	background: #1e9c33;
	color: #fff;
	text-align: center;
}

.inews-wrap .inews-l .list ul li .item p {
	flex: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
*/

.inews-navbox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border-bottom: 1px solid #e6e6e6;
	margin: 0 0 6vh;
}

.com-tab-nav ul {
	display: flex;
	align-items: center;
	gap: 0 40px;
}

.com-tab-nav ul li {
	cursor: pointer;
}

.com-tab-nav ul li span {
	position: relative;
	display: inline-flex;
	padding: 0 0 30px;
}

.com-tab-nav ul li span::before {
	content: '';
	width: 0;
	height: 3px;
	border-radius: 3px;
	background: #1e9c33;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	transition: all 0.3s ease;
}

.com-tab-nav ul li:hover span,
.com-tab-nav ul li.on span {
	font-size: 18px;
	color: #222;
	font-weight: 600;
}

.com-tab-nav ul li:hover span::before,
.com-tab-nav ul li.on span::before {
	width: 100%;
}


.com-news-list ul {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 20px;
}

.com-news-list ul li {
	position: relative;
	padding: 0 0 20px;
}

.com-news-list ul li::before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #e6e6e6;
	z-index: 1;
}

.com-news-list ul li::after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #1e9c33;
	z-index: 2;
	transition: all 0.3s ease;
}

.com-news-list ul li:hover::after {
	width: 100%;
}

.com-news-list .item {
	display: flex;
	align-items: center;
	gap: 0 20px;
}

.com-news-list .item span {
	width: 100px;
	height: 32px;
	line-height: 32px;
	border-radius: 32px;
	background: #1e9c33;
	color: #fff;
	text-align: center;
}

.com-news-list ul li .item p {
	flex: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.com-news-list ul li .info {
	margin: 20px 0 0;
	color: #999;
}

.inews-wrap .inews-r {
	width: 36%;
	position: relative;
}

.inews-wrap .inews-r .img {
	border-radius: 20px;
	overflow: hidden;
	position: absolute;
	z-index: 9;
}

.inews-wrap .inews-r .img img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.inews-wrap .inews-r .img1 {
	width: 60%;
	top: -8%;
	left: 0;
}

.inews-wrap .inews-r .img2 {
	width: 40%;
	top: 28%;
	right: 0;
}

.inews-wrap .inews-r .img3 {
	width: 40%;
	top: 36%;
	left: 4vw;
}

.inews-wrap .inews-r .img4 {
	width: 72%;
	top: 60%;
	right: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.txt-scroll {
	width: 100%;
	height: 6.8vw;
	line-height: 6.8vw;
	overflow: hidden;
}

.txt-scroll .scrollbox {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	transition: all .2s;
}

.txt-scroll .txt,
.txt-scroll .txt-clone {
	display: inline;
	position: relative;
	font-size: 7.8vw;
	font-weight: 500;
	color: rgba(30, 156, 51, 0.1);
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.itit-s {
	writing-mode: vertical-rl;
}

.itit-s h3 {
	font-size: 36px;
	display: flex;
	gap: 10px;
}

.itit-s h2 {
	font-size: 28px;
}

.m-pro {
	margin: 10vh 0 0;
}

.m-pro::before {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	width: 72%;
	height: 100%;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	background-image: url(../images/igreenbg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.m-pro-wrap {
	display: flex;
}

.m-pro-wrap .v-wrap {
	display: flex;
	align-items: center;
	padding: 10vh 0;
	margin-left: 4vw;
}

.m-pro-wrap .v-wrap .v-box {
	width: 56%;
}

.m-pro-wrap .v-wrap .v-box video {
	width: 100%;
	border-radius: 30px;
	overflow: hidden;
}

.m-pro-wrap .v-wrap .v-txt {
	flex: 1;
	margin-left: 4vw;
}

.m-pro-wrap .v-wrap .v-txt h2 {
	font-size: 20px;
	margin: 0 0 20px;
}

.m-pro-wrap .v-txt .btns {
	display: flex;
	align-items: center;
	gap: 0 40px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.accordionBox ul {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.accordionBox ul li {
	position: relative;
	flex: 1;
	height: 600px;
	position: relative;
	overflow: hidden;
	transition: all 0.5s ease;
}

.accordionBox ul li .item {
	width: 100%;
	height: 100%;
	background: #2b2b2b;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}

.accordionBox ul li .item::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
	transition: all 0.5s ease;
}

.accordionBox ul li .img {
	height: 100%;
}

.accordionBox ul li .name {
	padding: 40px;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	transition: all 0.3s ease;
}

.accordionBox ul li .name h3 {
	font-size: 20px;
	color: #fff;
}

.accordionBox ul li .txt {
	padding: 40px;
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	color: #fff;
	opacity: 0;
	transition: all 0.5s ease;
}

.accordionBox ul li .txt h2 {
	font-size: 20px;
	color: #fff;
	margin: 0 0 20px;
}

.accordionBox ul li .txt .i-more span {
	color: #fff;
}

.accordionBox ul li.on {
	flex: 3;
}

.accordionBox ul li.on .item::before {
	height: 100%;
}

.accordionBox ul li.on .name {
	opacity: 0;
}

.accordionBox ul li.on .txt {
	opacity: 1;
}

.accordionBox ul li.on .txt .info {
	opacity: 1;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.itit-w {
	text-align: center;
	margin-bottom: 8vh;
}

.itit-w h3 {
	font-size: 36px;
	display: flex;
	gap: 10px;
	color: #fff;
}

.itit-w h2 {
	font-size: 28px;
	color: #fff;
}

.p-cate-wrap .bg-img {
	height: 40vh;
	border-radius: 30px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../images/pcatebg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.p-cate-wrap .list {
	background: #f4f7f5;
	padding: 60px;
	border-radius: 30px;
	overflow: hidden;
	margin-top: -10vh;
}

.p-cate-wrap .list .list-wrap ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 40px;
}

.p-cate-wrap .list .list-wrap ul li .item .img {
	height: 24vh;
	border-radius: 20px;
	overflow: hidden;
}

.p-cate-wrap .list .list-wrap ul li .item .txt h2 {
	font-size: 20px;
	text-align: center;
	margin: 20px 0 0;
}

.last-two ul
{
	display: grid; 
	grid-template-columns: repeat(2, 1fr); 
	grid-gap: 40px; 
}

.last-two ul .item
{
	position: relative;
	border-radius: 30px;
    overflow: hidden;
}

.last-two ul .item::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
}

.last-two ul li .name {
    padding: 40px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    transition: all 0.3s ease;
}

.last-two ul li .name h3 {
    font-size: 20px;
    color: #fff;
}

.last-two ul li .item .img
{
	height: 300px;
}

.last-two ul li .item .txt {
	padding: 40px;
    box-sizing: border-box;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	z-index: 2;
	color:#fff;
	opacity: 0;
	transition: all 0.3s ease;
}

.last-two ul li .item .txt h2
{
	font-size: 20px;
	color: #fff;
	margin: 0 0 20px;
}

.last-two ul li .item .txt .i-more span
{
	color:#fff;
}

.last-two ul li:hover .name
{
	opacity: 0;
}

.last-two ul li:hover .item .txt {
	opacity:1;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.iabo-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.iabo-wrap .iabo-l {
	margin-right: 4vw;
}

.iabo-circle {
	width: 540px;
	height: 540px;
}

.iabo-circle::before {
	content: "";
	position: absolute;
	top: 80px;
	left: calc(50% - 230px);
	z-index: 1;
	display: block;
	width: 460px;
	height: 460px;
	background: #f4f7f5;
	border-radius: 460px;
}

.iabo-circle .logo img {
	width: 180px;
}

.iabo-circle .logo {
	position: absolute;
	left: calc(50% - 100px);
	top: 50%;
	z-index: 2;
}

.iabo-circle .item {
	width: 180px;
	height: 180px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 2;
	transition: all 0.3s ease;
}

.iabo-circle .item:hover {
	transform: scale(1.12);
}

.iabo-circle .item i {
	font-size: 60px;
	margin-bottom: 10px;
}

.iabo-circle .item h3 {
	color: #fff;
	font-size: 18px;
}

.iabo-circle .item.item1 {
	background-image: url(../images/iabo_itembg1.png);
	top: 0;
	left: calc(50% - 100px);
}

.iabo-circle .item.item2 {
	background-image: url(../images/iabo_itembg2.png);
	left: 0;
	bottom: 0;
}

.iabo-circle .item.item3 {
	background-image: url(../images/iabo_itembg3.png);
	right: 0;
	bottom: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.isol {
	margin: 0 0 10vh;
}

.isol::before {
	content: " ";
	position: absolute;
	top: 10vh;
	left: 0;
	width: 77%;
	height: 100%;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	background-image: url(../images/igreenbg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

.rem-sol-wrap {
	display: flex;
	justify-content: space-between;
}

.isol-wrap {
	width: 72%;
}

.com-sol-list ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
}

.com-sol-list ul li {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
}

.com-sol-list .item .img {
	height: 200px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.com-sol-list .item .txt {
	padding: 20px;
}

.com-sol-list .item .txt h2 {
	font-size: 18px;
}

.isol .solico {
	position: absolute;
	right: 0;
	bottom: -10vh;
	z-index: 9;
}

.isol .solico img {
	width: 16vw;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

.icont .bg-img {
	height: 40vh;
	border-radius: 30px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../images/icontbg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.icont .list {
	background: #f4f7f5;
	padding: 60px;
	border-radius: 30px;
	overflow: hidden;
	margin-top: -10vh;
}

.icont .list .icolist ul {
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.icont .list .icolist ul li i {
	font-size: 36px;
	color: #1e9c33;
}

.icont .list .icolist ul li h3 {
	font-size: 20px;
	margin: 20px 0 10px;
}

.icont-form {
	padding:40px;
	background: #f4f7f5;
	margin: 60px 0 0;
}

.icont-form .layui-form {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 40px;
}

.icont-form .layui-form .two {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 40px;
}

.icont-form .layui-form .three {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
}

.icont-form .layui-form p {
	color:#222;
	margin:0 0 10px;
}

.icont-form .layui-form p em
{
	color:#ff4444;
}

.i-ct-wrap {
	display:flex;
	align-items: center;
	justify-content: space-between;
}

.i-ct-wrap .item-l
{
	width:25%;
}

.i-ct-wrap .item-m 
{
	width:25%;
}

.i-ct-wrap .item-r 
{
	width:30%;
	margin-left:5%;
}

.i-ct-wrap .item-l 
{
	display:flex;
	flex-direction: column;
	gap:10px;
}

.i-ct-wrap .item-l h3 {
	font-size: 18px;
	margin:0 0 20px;
}

.i-ct-wrap .item-l span {
	font-size:16px;
	color:#222;
	font-weight: 600;
}

.i-ct-wrap .item-l  i {
	font-size:20px;
	color:#1e9c33;
	margin-right:10px;
}

.i-ct-wrap .item-m .btns
{
	display:flex;
	flex-direction: column;
	gap:30px; 
}

.i-ct-wrap .item-r img
{
	border-radius: 20px;
	overflow: hidden;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	padding: 0 60px;
	background: #f4f7f5;
/*	color: #fff;*/
	border-radius: 30px;
	overflow: hidden;
	margin-bottom: 40px;
	z-index: 9;
}

/*
.footer p,
.footer a {
	color: #fff;
}
*/

.footer a:hover {
	text-decoration: underline;
}

.ftop {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	padding: 60px 0 40px;
}

.ftop .ft-box-l {
	width: 32%;
}

.ftop .ft-box-l .logo-img img {
	height: 70px;
}

.ftop .ft-box-l .info {
	margin: 40px 0 30px;
}

.ftop .ft-box-m {
	display: flex;
	gap: 0 2vw;
}

.ftop .ft-box-m .item h2 {
	font-size: 18px;
	color: #222;
	margin: 0 0 30px;
}

.ftop .ft-box-m .item ul li {
	line-height: 200%;
	margin: 10px 0;
}

.ftop .ft-box-r .qrcode-list {
	display: flex;
	gap: 40px;
	justify-content: center;
	text-align: center;
	margin: 40px 0 0;
}

.ftop .ft-box-r .qrcode-list img {
	width: 140px;
	border-radius: 10px;
	margin: 0 0 10px;
}

.ftop .ft-box-r a:hover {
	text-decoration: none;
}

.f-ct-box p {
	margin: 10px 0;
}

.f-ct-box i {
	color: #1e9c33;
	margin-right: 10px;
}

.fbot {
	padding: 20px 0;
	border-top: 1px solid #e6e6e6;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fbot .fbot-r {
	display: flex;
	gap: 0 20px;
}

.fbot .fbot-r i
{
	font-size:20px;
	color:#1e9c33;
}

/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------案例列表--------------------------------------------------------------------------*/
.cbanner {
	width: 100%;
	height: 40vh;
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	margin: 40px 0 0;
}

.cbanner::before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
}

.cbanner .cbg {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.c-page {
	padding: 8vh 0;
}

.cp-tit {
	margin: 0 0 6vh;
	position: relative;
}

.cp-tit h2 {
	font-size: 28px;
	margin: 0 0 1vh;
}

.cp-tit .position
{
	display:flex;
	align-items: center;
}

.cp-tit .position a:hover {
	color: #1e9c33;
	text-decoration: underline;
}

.c-sol {
	display: flex;
	gap: 0 3vw;
}

.c-slider {
	width: 18%;
}

.c-nav ul {
	position: relative;
}

.c-nav ul::before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #e6e6e6;
	z-index: 1;
}

.c-nav ul {
	display: flex;
	flex-direction: column;
	gap: 2vh 0;
}

.c-nav ul li a {
	padding-left: 20px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
}

.c-nav ul li a::before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 0;
	border-radius: 3px;
	background: #1e9c33;
	z-index: 1;
	transition: all 0.3s ease;
}

.c-nav ul li a span {
	font-size: 18px;
	font-weight: 600;
	color: #222;
}

.c-nav ul li a:hover::before,
.c-nav ul li a.active::before {
	height: 100%;
}

.c-nav ul li a:hover span,
.c-nav ul li a.active span {
	color: #1e9c33;
}

.c-nav .item 
{
	display:flex;
	align-items: center;
	gap:20px;
}

.c-nav .item .img 
{
	width:80px;
}

.c-nav .item  .txt
{
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex:1;
}

.c-page-ct {
	flex: 1;
}

.c-sol-dt {
	padding: 60px;
	background: #f4f7f5;
	border-radius: 30px;
	overflow: hidden;
}

.com-sol-list.c-sol-list h2 {
	margin: 1vh 0;
}

.c-videobg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	overflow: hidden;
}

.c-videobg video {
	position: absolute;
	left: 50%;
	top: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.kt-ele {
	position: absolute;
	z-index: 9;
}

.kt-ele img {
	width: 100%;
}

.kt-ele-img1 {
	width: 15%;
	bottom: 0;
	right: 0;
}

.kt-ele-img2 {
	width: 100%;
	margin: 6vh 0 0;
}

/*--------------------------------------------------------------------------案例详情--------------------------------------------------------------------------*/
.cbanner.cd-banner {
	height: 40vh;
}

.cbanner.cd-banner::before {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.cd-tit-info {
	position: relative;
	z-index: 2;
	color: #fff;
	text-align: center;
	margin: 6vh 0 0;
}

.cd-tit-info h2 {
	font-size: 30px;
	color: #fff;
	margin: 0 0 2vh;
}

.c-tags p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2vh;
	margin: 10px 0;
}

.c-tags i {
	color: #1e9c33;
	margin-right: 10px;
}

.c-tags a:hover {
	color: #1e9c33;
	text-decoration: underline;
}

.c-tags.c-tags-white i,
.c-tags.c-tags-white a {
	color: #fff;
}

.pn-links {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 2vw;
	margin: 4vh 0 0;
}

.pn-links .item {
	padding: 20px 30px;
	background: #f4f7f5;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 20px;
}

.pn-links .item .link {
	flex: 1;
}

.pn-links .item span {
	font-size: 18px;
	color: #222;
	font-weight: 600;
}

.pn-links .item:hover,
.pn-links .item:hover a {
	background: #e6f0e9;
	color: #1e9c33;
}

/*--------------------------------------------------------------------------关于我们--------------------------------------------------------------------------*/
.c-abo-cate {
	padding: 60px;
	background: #f4f7f5;
	border-radius: 30px;
	overflow: hidden;
}

.cabo-ico ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
}

.cabo-ico ul li {
	padding: 20px;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
}

.cabo-ico ul li .item .img {
	padding: 40px;
}

.cabo-ico ul li .item .txt h2 {
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

/*--------------------------------------------------------------------------联系我们--------------------------------------------------------------------------*/
.c-cont .c-cont-info .t-info {
	text-align: center;
}

.c-cont .c-cont-info .info {
	margin: 40px auto;
	padding: 20px 40px;
	background: #f4f7f5;
	border-radius: 20px;
	overflow: hidden;
}

.c-cont .c-cont-info .info p {
	margin: 10px 0;
}

.c-cont .c-cont-info .info i {
	color: #1e9c33;
	margin-right: 10px;
}

.c-cont .c-cont-info .info a {
	color: #1e9c33;
	text-decoration: underline;
}

.c-cont .c-cont-info .info .tips {
	margin: 20px 0 0;
}

.c-cont .c-cont-info .t-info h2 {
	font-size: 30px;
	margin: 0 0 2vh;
}

.c-form .layui-form-item {
	display: flex;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6;
}

.c-form .layui-form-item span {
	display: inline-flex;
	width: 20%;
	height: 100%;
}

.c-form .layui-form-item .cf-txt {
	flex: 1;
}

.c-form .layui-form-item span em {
	color: #ff4444;
}

/*--------------------------------------------------------------------------新闻列表--------------------------------------------------------------------------*/
.c-slider-form
{
	padding:20px;
	background: #f4f7f5;
	border-radius:10px;
	margin:6vh 0 0;
}

.c-slider-form .layui-form {
	display: grid; 
	grid-template-columns: repeat(1, 1fr); 
	grid-gap: 20px; 
}

.com-news-list.cnews-list .item em,
.com-news-list.cnews-list .item p {
	color: #222;
	font-size: 18px;
	font-weight: 600;
}

/*--------------------------------------------------------------------------新闻详情--------------------------------------------------------------------------*/
.c-news-tit {
	text-align: center;
	margin: 0 0 4vh;
}

.c-news-tit h2 {
	font-size: 30px;
	margin: 0 0 2vh;
}

/*--------------------------------------------------------------------------人才招聘--------------------------------------------------------------------------*/
.c-form .layui-form {
	border: 1px solid #e6e6e6;
}

.c-form .layui-form-btn {
	display: flex;
	justify-content: center;
	margin: 40px 0;
}

.sec-title {
	background: #f4f7f5;
	padding: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #222;
	border-bottom: 1px solid #e6e6e6;
}

.cf-row {
	display: flex;
	border-bottom: 1px solid #e6e6e6;
	align-items: stretch;
}

.cf-row .lb {
	width: 240px;
	flex: none;
	background: #f4f7f5;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-right: 1px solid #e6e6e6;
}

.cf-row .lb span:first-child {
	flex: 1;
}

.cf-row .lb .must {
	font-size: 14px;
	color: #fff;
	background: #ff4444;
	border-radius: 4px;
	padding: 2px 6px;
}

.cf-row .lb .any {
	font-size: 14px;
	color: #fff;
	background: #ccc;
	border-radius: 4px;
	padding: 2px 6px;
}

.cf-row .fd {
	flex: 1;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;

}

.w-sm {
	width: 150px !important;
}

.w-md {
	width: 260px !important;
}

.w-lg {
	width: 430px !important;
}

.w-full {
	width: 100% !important;
}

.inline-txt {
	color: #666;
}

.ck-group label {
	margin-right: 16px;
	font-size: 13px;
}

.career-item {
	border: 1px dashed #e6e6e6;
	padding: 12px 14px;
	margin-bottom: 10px;
	background: #fbfcfe;
}

.career-item .cv-row {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.career-item .cv-row:last-child {
	margin-bottom: 0;
}

.career-item .cv-lb {
	width: 120px;
	color: #222;
	flex: none;
}

/*--------------------------------------------------------------------------产品分类--------------------------------------------------------------------------*/
.c-pcate-wrap
{
	display: grid; 
	grid-template-columns: repeat(1, 1fr); 
	grid-gap: 40px; 
}

.c-pcate ul {
	display: grid; 
	grid-template-columns: repeat(5, 1fr); 
	grid-gap: 40px; 
}

.c-pcate-item .tab
{
	position: relative;
    background: #f4f7f5;
    padding: 0 20px;
    border-radius: 10px;
    overflow: hidden;
	display: flex;
	align-items: center;
	gap:20px;
	margin:0 0 40px;
}

.c-pcate-item .tab span {
    position: relative;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 600;
    color: #222;
    transition: all 0.3s ease;
}

.c-pcate-item .tab::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    border-radius: 3px;
    background: #1e9c33;
    z-index: 1;
}

.c-pcate-item .c-pcate ul li
{
	padding:20px;
	border:1px solid #e6e6e6;
	border-radius: 10px;
	overflow: hidden;
}

.c-pcate-item .c-pcate ul li:hover
{
	border:1px solid #1e9c33;
}

.c-pcate-item .c-pcate .item .img
{
	height: 200px;
}

.c-pcate-item .c-pcate .item .img img
{
	object-fit: contain;
}

.c-pcate-item .c-pcate .item .txt
{
	margin:20px 0 0;
}

.c-pcate-item .c-pcate .item .txt h3
{
	font-size:18px;
	margin:0 0 10px;
}

.cp-menu-box
{
	display: grid; 
	grid-template-columns: repeat(1, 1fr); 
	grid-gap: 20px; 
}

.cp-menu-box .cp-item .tab
{
	display: flex;
	align-items: center;
	gap:20px;
	margin:0 0 20px;
}

.cp-menu-box .cp-item span
{
	font-size:18px;
	color:#222;
	font-weight:600;
}

.cp-menu-box ul
{
	display: grid; 
	grid-template-columns: repeat(6, 1fr); 
	grid-gap: 20px; 
}

.cp-menu-box .item
{
	background: #f4f7f5;
	padding:10px;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.cp-menu-box .item .img
{
	width:60px;
	height: 60px;
	border-radius: 10px;
	overflow: hidden;
	margin-right: 10px;
}

.cp-menu-box .item .img img
{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
	background: #fff;
	transition: all 0.5s ease-in-out;
}

.cp-menu-box .item .txt 
{
	flex:1;
}

.cp-menu-box .item .txt h3
{
	font-size:16px;
	font-weight:normal; 
}

.cp-menu-box .item:hover .txt h3
{
	color:#1e9c33;
}

/*--------------------------------------------------------------------------产品列表--------------------------------------------------------------------------*/
/* 占位块：静态时隐藏；吸顶时由 JS 写入宽高顶住空间 */
.nav-placeholder { display: none; }
.nav-placeholder.is-on { display: block; }
/* 若 .sol-intro 是 flex 两栏，占位块别被压缩 */
.sol-intro > .nav-placeholder { flex: none; }

/* 吸顶态 */
#comNav.is-fixed,
#solNav.is-fixed { position: fixed; box-sizing: border-box; }

/* 吸顶后彻底关掉动画残留：transform 会破坏 fixed，visibility 会导致空白 */
.is-fixed,
.is-fixed .wow,
.is-fixed .animated,
.is-fixed [data-ani] {
  animation: none !important;
  -webkit-animation: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  will-change: auto !important;
}

#solNav .nav-item.active { /* 你的高亮样式 */ }


.c-pcate-item.c-pro-list .c-pcate ul {
	grid-template-columns: repeat(4, 1fr); 
}

/*--------------------------------------------------------------------------产品详情--------------------------------------------------------------------------*/
.c-pro-de  {
	overflow: hidden;
}

.c-pro-de .top 
{
	display:flex;
}

.c-pro-de .pic {
	width: 40%;
	margin-right: 60px;
}

.c-pro-de .pic .view img
{
	border-radius: 20px;
	overflow: hidden;
}

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

.view>em {
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 9;
}

.view>em i {
	font-size:30px;
	color: #1e9c33;
}

.view .swiper-slide {
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;
	text-align: center;
}

.view .swiper-slide img {
	width: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center center;
}

.preview {
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin: 20px 0 0;
}

.preview .small {
	width: calc(100% - 90px);
	margin: 0 auto;
}

.preview .swiper-slide {
	width: 25%;
	box-sizing: border-box;
	cursor: pointer;
}

.preview .swiper-slide .imgbox {
	box-sizing: border-box;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	opacity: 0.5;
}

.preview .swiper-slide .imgbox img {
	height: auto;
	object-fit: cover;
	object-position: center center;
}

.preview .swiper-slide.swiper-slide-thumb-active .imgbox {
	opacity: 1;
}

.preview .arrow {
	background: #999;
	width: 30px;
	height: 100%;
	border-radius: 5px;
	position: absolute;
	top: 0;
	z-index: 10;
	color: #fff;
	text-align: center;
}

.preview .arrow i {
	display: inline-block;
	font-size: 14px;
	position: absolute;
	top: calc(50% - 7px);
	left: calc(50% - 7px);
}

.preview .arrow-left {
	left: 0;
}

.preview .arrow-right {
	right: 0;
}

.preview .arrow:hover {
	background: #1e9c33;
}

.c-pro-de .pinfo {
	flex:1;
}


.c-pro-de .pinfo .panel-title span
{
	font-size: 20px;
    font-weight: 600;
    color: #222;
}

.c-pro-de .pinfo .pinfo-back
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.c-pro-de .pinfo .pinfo-back i
{
	color:#1e9c33;
	margin-right: 10px;
}

.c-pro-de .pinfo .pinfo-back a:hover
{
	color:#1e9c33;
	text-decoration: underline;
}

.c-pro-de .pinfo h2 {
	font-size: 30px;
	margin: 20px 0;
	padding: 0 0 20px;
	border-bottom: 1px solid #e6e6e6;
}

.c-pro-de  .ct-box {
	display: flex;
	align-items: center;
	gap:40px;
	margin:4vh 0 0;
}

.c-pro-de  .ct-box .pct 
{
	display: flex;
	align-items: center;
}

.c-pro-de  .ct-box .pct i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	background: #1e9c33;
	color: #fff;
	text-align: center;
	font-size: 20px;
	margin-right: 20px;
}

.c-pro-de  .ct-box .pct p {
	font-size: 16px;
	line-height: 100%;
	margin:10px 0 0;
}

.c-pro-de  .ct-box a {
	color: #1e9c33;
	text-decoration: underline;
}

.c-pro-de .desc {
	background: #fff;
	margin: 40px 0 0;
	display: flex;
	flex-direction: column;
	gap:40px;
}

.c-pro-de .desc h5 {
	color: #333;
	font-size: 24px;
	border-bottom: 2px solid #f6f6f6;
	padding: 20px 40px 0;
}

.c-pro-de .desc h5 span {
	position: relative;
	display: inline-block;
	padding-bottom: 20px;
}

.c-pro-de .desc h5 span::after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 3px;
	background: #1e9c33;
	z-index: 2;
}

.c-pro-de .sec {
	margin: 40px 0 0;
}

.c-pro-de .sec p {
	width: calc(50% - 10px);
	background: #fff;
	box-sizing: border-box;
	padding: 10px 20px;
	font-size: 14px;
	color: #333;
}

.c-pro-de .sec p a {
	color: #333;
}

.c-pro-de h3 {
	display: none;
}

.cp-param {
	margin: 40px 0 0;
}

.spec-table table {
	border-collapse: collapse;
	width: 100%;
}

.spec-table table thead tr th, .spec-table table thead tr td
{
	background: #f4f7f5;
}

.spec-table table th,
.spec-table table td {
	border: 1px solid #e6e6e6;
	padding: 10px;
	line-height: 1.8;
	vertical-align: top;
}

.spec-table table th  p,
.spec-table table td p
{
	line-height: 1.8;
}

.spec-table table th {
	color:#222;
	background: #f4f7f5;
	font-weight: 600;
	text-align: left;
	white-space: nowrap;
}

/*
.spec-table table tr td:first-child
{
	background: #f4f7f5;
	color:#222;
	font-weight: 600;
}
*/

.spec-table table tr:hover td {
	background: #f4f7f5;
}

.com-tab .hd {
	position: relative;
	background: #f4f7f5;
	padding:0 20px;
	border-radius: 10px;
	overflow: hidden;
	margin:0 0 40px;
}


.com-tab .hd::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	border-radius: 3px;
	background: #1e9c33;
	z-index: 1;
}

.com-tab .hd ul {
	display: flex;
	gap: 40px;
	align-items: center;
}

.com-tab .hd ul li {
	cursor:pointer;
}

.com-tab .hd ul li span {
	position: relative;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	font-weight: 600;
	color:#222;
	transition: all 0.3s ease;
}

.com-tab.com-tab-sp .hd
{
	justify-content: center;
}

.com-tab.com-tab-sp .hd::before
{
	display: none;
}

.com-tab.com-tab-sp .hd ul li {
	cursor:pointer;
}

.com-tab.com-tab-sp .hd ul li span
{
	font-size: 16px;
	font-weight:normal;
}

.com-tab .hd ul li.on span, .com-tab .hd ul li:hover span
{
	font-size: 20px;
	font-weight: 600;
}

.com-tab.com-tab-sp .hd ul li span::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	background: #1e9c33;
	z-index: 1;
}

.com-tab.com-tab-sp .hd ul li.on span {
	font-size: 20px;
	font-weight: 600;
	color: #222;
}

.com-tab.com-tab-sp .hd ul li.on span::before {
	width: 100%;
}

.com-tab .bd .item-box {
	display: flex;
	flex-direction: column;
	gap:40px;
}

.c-album ul { 
	--gap: 40px;
  --cols: 4;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* 关键：不满一行（含只有 1 个）时自动居中 */
  gap: var(--gap);
 /* align-items: center;*/
}

.c-album ul li
{
  flex: 0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));/* 一行正好 4 个：4 个宽度 + 3 个间距 = 100% */
  min-width: 0;  /* 防止内容把格子撑破 */
}

.c-album .item .img {
	height: 200px;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.c-album .item h4
{
	font-size:16px;
	text-align: center;
	margin:2vh 0 0; 
}

.c-album .bg-mask
{
	display: flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	width:100%;
	height: 100%;
	left:0;
	top:0;
	z-index: 2;
	background: rgba(30,156,51,0.7);
	opacity: 0;
	transition: all 0.3s ease;
}

.c-album .bg-mask i {
	font-size: 30px;
    color: #fff;
}

.c-album ul li:hover .bg-mask
{
	opacity: 1;
}

/*--------------------------------------------------------------------------主推产品--------------------------------------------------------------------------*/
.cbanner.sp-banner {
	height: auto;
}

.cbanner.sp-banner::before
{
	height: 100%;
	background: #f4f7f5;
	border-radius: 30px;
	overflow: hidden;
}

.cbanner.sp-banner .c-videobg
{
	z-index:1;
}

.sp-info {
	position: relative;
	z-index: 2;
	display:flex;
	align-items: center;
	gap:40px;
	padding:40px;
	margin:100px 0 0;
}

.sp-info .img
{
	width:40%;
	height: 36vh;
	border-radius:20px;
	overflow: hidden;
}

.sp-info .txt
{
	flex:1;
	color:#fff
}

.sp-info .txt h2
{
	font-size:30px;
	color:#fff;
	margin:0 0 2vh;
}

/* ===== 外层容器 ===== */
.sol-intro {
	position: relative;
	display: flex;
	gap:0 3vw;
}

/* ===== 右侧导航 ===== */

/* 初始隐藏由 JS 收尾，务必保证终态可见 */
[data-anim] { opacity: 0; }
[data-anim].is-in { opacity: 1; }
[data-anim].animate__animated { animation-duration: .8s; animation-fill-mode: both; }

/* 无障碍：用户要求减少动效时直接显示 */
@media (prefers-reduced-motion: reduce) {
  [data-anim] { opacity: 1 !important; animation: none !important; }
}

.c-nav-sp {
	width: 240px;
	flex-shrink: 0;
	position: relative;
}

.c-nav-sp ul {
	display: flex;
	flex-direction: column;
	position: relative;
}

.c-nav-sp ul::before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #e6e6e6;
	z-index: 1;
}

.c-nav-sp ul li {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	padding:10px 0 10px 20px;
	position: relative;
}

.c-nav-sp ul li::before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 0;
	border-radius: 3px;
	background: #1e9c33;
	z-index: 1;
	transition: all 0.3s ease;
}

.c-nav-sp .item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.c-nav-sp .item .img 
{
	width:60px;
}

.c-nav-sp .item  .txt
{
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex:1;
}

.c-nav-sp ul li span {
	font-size: 18px;
	font-weight: 600;
	color: #222;
}

.c-nav-sp ul li:hover::before,
.c-nav-sp ul li.active::before {
	height: 100%;
}

.c-nav-sp ul li:hover span,
.c-nav-sp ul li.active span {
	color: #1e9c33;
}

/* fixed 状态 */
.c-nav-sp.fixed {
	position: fixed;
	top: 190px;
	right:calc((100% - 1400px) / 2 );
	width: 240px;
	z-index: 100;
}

/* ===== 占位符 ===== */
.nav-placeholder {
	display: none;
	width: 240px;
	flex-shrink: 0;
}

/* fixed 后显示占位符，防止左侧内容右移 */
.c-nav-sp.fixed~.nav-placeholder {
	display: block;
}

/* ===== 左侧内容 ===== */
.sol-intro-l {
	flex: 1;
	overflow: hidden;
}

.sol-intro-de {
	/* scroll-margin-top: 190px; */
	padding: 40px;
	margin:0 0 40px;
	background: #f4f7f5;
	border-radius: 40px;
}

.sp-item-top
{
	overflow: visible;
	margin: 0 0 40px;
}

.sp-item-top .top
{
	/*	display: flex;
	gap:40px;
	overflow: hidden;*/
	display: grid; 
	grid-template-columns: repeat(2, 1fr); 
	grid-gap: 40px; 
/*	align-items: center;*/
}

.sp-item-top .pic {
	width: 100%;
	height: 100%;
	padding:0;
	background: none;
	margin:0;
}

.sp-item-top .pic .view 
{
	padding:20px;
/*	height: 100%;*/
	background: #fff;
	border-radius:20px;
	overflow: hidden;
	text-align: center;
}

.sp-item-top .pic img
{
 	height: 100%;
	object-fit: contain;
	object-position: center;
}

.sp-item-top .p-info
{
	flex:1;
}

.sp-item-top .p-info .p-tit
{
	display:flex;
	align-items: center;
	justify-content: space-between;
	margin:0 0 40px;
}

.sp-item-top .p-info h2
{
	font-size:24px;
}

.sp-item-top .p-info .panel-title
{
	background: #fff;
}

.sp-item-info
{
	margin:40px 0;
}

/*--------------------------------------------------------------------------支撑器--------------------------------------------------------------------------*/
.c-ap-item.sol-intro-de
{
	padding:0;
	background: none;
	border-radius: 0;
}

.c-ap-item-intro .c-ap-item
{
	background:#f7f4f5;
	padding:40px;
	border-radius: 20px;
	overflow: hidden;
}

.c-ap-item-intro .top 
{
	display: flex;
}

.c-ap-item-intro .top .pic
{
	width:480px;
}

.c-ap-item-intro .preview .small
{
	width:100%;
}

.c-ap-item-intro .top .pic .i-more
{
	position: absolute;
	top:50%;
	z-index: 2;
}

.c-ap-item-intro .top .pic .i-more.ico-ap-l i {
	transform: rotate(180deg);
}

.c-ap-item-intro .top .pic .i-more.ico-ap-l
{
	left:0;
}

.c-ap-item-intro .top .pic .i-more.ico-ap-r {
	right:0;
}

.l-intro-wrap
{
	display: grid; 
	grid-template-columns: repeat(2, 1fr); 
	grid-gap: 40px; 
}

.l-intro-item .title {
    display: flex;
    align-items: center;
	justify-content: center;
    gap: 20px;
	position: relative;
	padding: 0 0 10px;
	margin: 0 0 40px;
}

.l-intro-item .title::after
{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #1e9c33;
    z-index: 1;
}

.l-intro-item .title .img 
{
	width:80px;
}

.l-intro-item .title  h2 {
	font-size: 20px;
}

.cal-wrap {
	display: grid; 
	grid-template-columns: repeat(1, 1fr); 
	grid-gap: 20px; 
}

.cal-box .layui-card-header {
	font-size:20px;
	font-weight: 600;
	color:#222;
	border:none;
}

.cal-box .layui-form
{
	display: grid; 
	grid-template-columns: repeat(4, 1fr); 
	grid-gap: 20px;
}

.cal-box .layui-form .layui-form-label
{
	width:auto;
	padding:0;
	color:#222;
}

.cal-box .layui-form .layui-form-item
{
	display: flex;
	flex-direction: column;
	gap:20px;
}

.cal-box .layui-form .layui-form-item .layui-input-inline
{
	width: 100%;
	margin:0;
	display: flex;
	gap:10px;
	align-items: center;
}

.cal-box .layui-form .layui-form-item .layui-input-inline .layui-input-wrap
{
	 width:calc(100% - 30px);
}

.cal-box .layui-form .layui-form-item .layui-form-mid
{
	margin:0;
}

.cal-box .layui-card-body
{
	padding:40px 0 20px;
}

.cal-box .layui-input-split {
	border-left:1px solid #e6e6e6;
	top:auto;
	bottom:0!important;
}

.cal-box .layui-input-wrap .layui-input-number
{
	height: 50px;
}

.cal-box .layui-card 
{
	background:none;
	border-radius: 0;
    box-shadow: none;
}

.wpc-box {
	display:flex;
	align-items: center;
	gap:40px;
	margin:0 0 20px;
}

.wpc-box .layui-form
{
	grid-template-columns: repeat(2, 1fr);
}

.wpc-box .wpc-img
{
	width:56%;
}

.res-box {
	padding:20px;
	background: #f4f7f5;
	color:#222;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin:0 0 20px;
	border-radius: 10px;
	overflow: hidden;
}

.res-box .res-num
{
	margin:0 0 10px;
}

#s-result, #w-result  {
	font-size:30px;
	font-weight: 600;
	color:#1e9c33;
	margin-right:10px; 
}

.res-box  .layui-btn 
{
	padding: 0 20px;
    line-height: 46px;
    height: 46px;
}

.res-box .layui-btn+.layui-btn
{
	margin-left: 20px;
}

.panel-title {
	height: 60px;
	line-height: 60px;
	padding:0 20px;
	cursor: pointer; 
	user-select: none; 
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #f4f7f6;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

/*
.panel-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #1e9c33;
    z-index: 1;
}
*/

.panel-title  span i
{
	font-size:20px;
	font-weight: normal;
	color:#1e9c33;
	margin-right:10px;
}

.panel-title  em { 
	font-size:12px; 
	color:#1e9c33;
}

.panel-body { padding:40px 0 0;  display: none;   }   /* 默认收起 */
.arrow { transition: transform .3s; }
.panel.active .arrow { transform: rotate(180deg); }

.ap-install-v video {
	width:100%;
	border-radius: 20px;
	overflow: hidden;
}

.ap-download ul {
	display: grid; 
	grid-template-columns: repeat(4, 1fr); 
	grid-gap: 40px; 
}

.ap-download ul li .item 
{
	position: relative;
    background: #f4f7f5;
    padding: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.ap-download ul li .item .txt
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:10px 0 0;
}

.ap-download ul li .item .txt span {
	font-weight:600;
	color:#222;
}

.ap-download ul li .item .txt i
{
	font-size: 20px;
	color:#1e9c33;
}

.ap-download ul li:hover .item
{
	 background: #1e9c33;
}

.ap-download ul li:hover .item span , .ap-download ul li:hover .item i  {
	color:#fff;
}



/*--------------------------------------------------------------------------移动端--------------------------------------------------------------------------*/
@media only screen and (max-width:980px) {

	.pc-cc {
		display: none;
	}

	.m-cc {
		display: block;
	}

	.green-more,
	.green-more-line,
	.white-more， .white-more-line {
		height: 1.1rem;
		line-height: 1.1rem;
		padding: 0 0.48rem;
		gap: 0.36rem;
	}

	.sp-prev {
		left: 0.36rem;
	}

	.sp-next {
		right: 0.36rem;
	}

	table,
	input,
	select,
	textarea {
		font-size: 0.36rem;
	}

	.com-applyform {
		gap: 0.36rem;
	}

	.layui-form-label {
		line-height: 1.1rem;
		font-size: 0.36rem;
		float: none;
	}

	.layui-input {
		height: 1.1rem;
		font-size: 0.36rem;
	}

	.layui-form-checkbox>div {
		font-size: 0.36rem;
	}

	.layui-form-checkbox[lay-skin=primary] {
		margin: 0.36rem 0 0.24rem;
	}

	.fancybox__content {
		width: 90vw;
		max-width: 90vw;
		padding: 0.36rem;
		border-radius: 10px;
	}

	.is-compact .fancybox__content>.f-button.is-close-btn {
		top: 10px;
		right: 10px;
	}

	.gotop {
		right: 0.36rem;
		bottom: 0.36rem;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.gotop i {
		font-size: 0.56rem;
	}

	.pnav {
		display: none;
	}

	.mpnav {
		display: block;
	}

	.page-nav {
		margin: 0.36rem 0 0;
	}

	.page-num,
	.page-link {
		padding: 0 10px;
	}


}