.banner{	padding-top: 80px;}.banner .swiper-slide img{	width: 100%;}.banner .swiper-pagination{	bottom: 4%;}.banner .swiper-pagination span{	width: 10px;	height: 10px;	background: #fff;	border-radius: 0;}@media (max-width: 1440px) {	.banner{		padding-top: 66px;	}}@media (min-width: 992px) {	.banner .swiper-slide i.mb{		display: none;	}}@media (max-width: 992px) {	.banner{		padding-top: 44px;	}	.banner .swiper-slide i.pc{		display: none;	}	.banner .swiper-pagination span{		width: 6px;		height: 6px;	}}.title{	display: flex;	align-items: center;}.title p{	font-size: 34px;	font-family:ShscB;	line-height: 48px;	text-transform:uppercase;}.title i{	width: 62px;	height: 26px;	background: url(../images/yj.png) center no-repeat;	background-size: 100% 100%;	transform: translateY(2px);	margin-left: 15px;}@media (max-width: 1440px) {	.title p{		font-size: 26px;		line-height: 38px;	}	.title i{		width: 42px;		height: 20px;		background-size: 100% auto;		transform: translateY(-6px);		margin-left: 10px;	}}@media (max-width: 992px) {	.title p{		font-size: 16px;		line-height: 20px;	}	.title i{		width: 28px;		height: 16px;		transform: translateY(0px);		margin-left: 5px;	}}.about{	display: flex;	justify-content: space-between;	padding: 85px 0px 75px;	overflow:hidden;}.about .abimg{	width: 39vw;	background: url(../images/abbg.png) left top no-repeat;	background-size: 85% auto;}.about .abtext{	width: 50vw;}.abimg dl{	padding: 8% 0px 0px;	width: 66%;}.abimg dl dd{	margin: 0px 0px 20px;}.abtext section{	margin: 10px 0px 20px;	font-size: 16px;	line-height: 26px;	font-weight: 300;}.abtext ul{	margin: 0px 0px 3%;}.abtext ul li{	font-size: 16px;	line-height: 22px;	color: var(--green-color);	font-weight: 300;	position: relative;	padding: 4px 0px 4px 26px;}.abtext ul li::before{	content: "";	position: absolute;	width: 6px;	height: 6px;	background: rgba(0, 0, 0, .8);	left: 12px;	top: 12px;	border-radius: 50%;}a.more{	display: block;	width: 160px;	height: 44px;	text-align: center;	line-height: 44px;	background: #18b965;	color: #fff;	font-size: 18px;	transition: .3s;	font-weight: 300;	border-radius: 20px 0px 20px 0px;}a.more:hover{	background: var(--green-color);	border-radius: 0px 20px 0px 20px;}@media (max-width: 1440px) {	.about{		padding: 55px 0px 45px;	}	.abimg dl{		padding: 8% 0px 0px;		width: 70%;	}	.abimg dl dd:nth-child(1){		width: 80%;	}	.abtext section{		margin: 10px 0px;		font-size: 16px;		line-height: 26px;	}	.abtext ul{		margin: 0px 0px 3%;	}	.abtext ul li{		font-size: 14px;		line-height: 20px;		padding: 4px 0px 4px 20px;	}	.abtext ul li::before{		width: 6px;		height: 6px;		left: 6px;		top: 11px;	}	a.more{		width: 150px;		height: 38px;		line-height: 38px;		font-size: 16px;		border-radius: 15px 0px 15px 0px;	}	a.more:hover{		border-radius: 0px 15px 0px 15px;	}}@media (max-width: 992px) {	.about{		padding: 20px 0px;	}	.about .abimg{		display: none;	}	.about .abtext{		width: 100vw;	}	.abtext section{		margin: 10px 0px;		font-size: 14px;		line-height: 22px;	}	.abtext ul{		margin: 0px 0px 15px;	}	.abtext ul li{		font-size: 14px;		line-height: 22px;		padding: 2px 0px 2px 18px;	}	.abtext ul li::before{		width: 6px;		height: 6px;		left: 5px;		top: 10px;	}	a.more{		width: 120px;		height: 34px;		line-height: 34px;		font-size: 14px;		border-radius: 10px 0px 10px 0px;	}	a.more:hover{		border-radius: 0px 10px 0px 10px;	}}.product{	background-color: #0e7d6a;	background-image: url(../images/pdbg.jpg), url(../images/pbbg.jpg);	background-position: center 0, center bottom -1px;	background-repeat: no-repeat, no-repeat;	padding: 115px 0px 55px;}.product .title{	color: #fff;}.product ul{	display: grid;	grid-template-columns: repeat(6,minmax(0,1fr));	gap: 15px;	margin-top: 45px;	margin-bottom: 55px;}.product li a{	display: block;	background: #fff;}.product li i{	display: block;	padding: 25px 0px 15px;	transition: .3s;}.product li p{	text-align: center;	font-size: 18px;	line-height: 36px;	transition: .3s;	padding-bottom: 20px;	font-weight: 300;}.product li span{	display: flex;	justify-content: space-between;	background: #18b965;	line-height: 44px;	padding: 0px 15%;	color: #fff;	font-size: 16px;	font-weight: 300;	overflow: hidden;	height: 0;	transition: .3s;}.product li a:hover i{	padding: 0px 0px;}.product li a:hover p{	padding-bottom: 16px;}.product li a:hover span{	height: 44px;}.product a.more{	margin: 0 0 0 auto;	overflow: hidden;}.product a.more:hover{	background: #fff;	color: var(--green-color);}@media (max-width: 1440px) {	.product{		padding: 85px 0px 40px;		background-size: 100% auto;	}	.product ul{		gap: 10px;		margin-top: 30px;		margin-bottom: 35px;	}	.product li i{		padding: 20px 0px 10px;	}	.product li p{		font-size: 16px;		line-height: 32px;		padding-bottom: 15px;	}	.product li span{		line-height: 34px;		padding: 0px 10%;		font-size: 14px;	}	.product li a:hover i{		padding: 0px 0px;	}	.product li a:hover p{		padding-bottom: 11px;	}	.product li a:hover span{		height: 34px;	}}@media (max-width: 992px) {	.product{		padding: 35px 0px 20px;	}	.product ul{		gap: 5px;		margin-top: 15px;		margin-bottom: 15px;		grid-template-columns: repeat(2,minmax(0,1fr));	}	.product li i{		padding: 20px 0px 10px;	}	.product li p{		font-size: 14px;		line-height: 30px;		padding-bottom: 10px;	}	.product li span{		line-height: 30px;		font-size: 14px;	}	.product li a:hover i{		padding: 0px 0px;	}	.product li a:hover p{		padding-bottom: 10px;	}	.product li a:hover span{		height: 30px;	}	.product a.more{		margin: 0 auto;	}}.news{	padding: 40px 0px 90px;}.news .title{	justify-content: center;}.news .nl-tabs{	margin: 60px 0px 35px;	display: flex;	justify-content: space-between;	align-items: flex-end;	position: relative;}.news .nl-tabs::after{	content: "";	height: 2px;	background: #eeeeee;	width: calc(100% - 30px);	position: absolute;	left: 0;	bottom: 0;}.news .nl-tabs a{	background: var(--green-color);	position: relative;	z-index: 2;}.news dl{	display: flex;	width: 70%;	position: relative;	z-index: 2;}.news dl dd{	width: 25%;	line-height: 50px;	color: #000;	font-size: 16px;	background: #eeeeee;	text-align: center;	font-weight: 300;	transition: .3s;}.news dl dd:nth-child(Odd){	background: #f4f4f4;}.news dl dd.on{	color: #fff;	background: var(--green-color);}.news dl dd:not(.on):hover{	cursor: pointer;	color: #fff;	background: #18b965;}.news .nc-tblist{	display: none;}.news .nc-tblist.active{	display: block;}.news ul{	display: grid;	grid-template-columns: repeat(3,minmax(0,1fr));	gap: 15px;}.news li a{	display: block;	box-shadow: 0px 0px 3px rgba(0, 0, 0, .25);	transition: .3s;}.news li a>i{	display: block;	overflow: hidden;	transition: 1s;	position:relative;	width:100%;	padding-bottom:65%;}.news li img{	width: 100%;	height:100%;	object-fit:cover;	position:absolute;	top:0;	left:0;}.news li section{	padding: 10px 20px 25px;}.news li p{	font-size: 16px;	line-height: 24px;	height: 48px;	overflow: hidden;	display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 2;	line-clamp: 2;	overflow: hidden;	text-overflow: ellipsis;	display: -webkit-box;	display: -moz-box;	display: box;	font-weight: 300;}.news li span{	display: flex;	justify-content: space-between;	font-weight: 300;	font-size: 14px;	margin: 10% 0px 0px;	transition: .3s;	color: #666;}.news li h5{	color: var(--green-color);	display: flex;	align-items: center;	transition: .3s;}.news li h5 i{	display: flex;	margin-left: 10px;	width: 24px;	position: relative;}.news li h5 i::before{	content: "";	height: 1px;	width: 100%;	background: var(--green-color);	transition: .3s;}.news li h5 i::after{	content: "";	position: absolute;	width: 6px;	height: 6px;	border-right: 1px solid var(--green-color);	border-bottom: 1px solid var(--green-color);	right: 0;	top: 50%;	transform: rotate(-45deg);	margin-top: -3px;	transition: .3s;}.news li a:hover{	background: var(--green-color);	color: #fff;	box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);}.news li a:hover span{	color: #fff;}.news li a:hover h5{	color: #fff;}.news li a:hover h5 i::before{	background: #fff;}.news li a:hover h5 i::after{	border-color: #fff;}@media (max-width: 1440px) {	.news{		padding: 20px 0px 60px;	}	.news .nl-tabs{		margin: 40px 0px 25px;	}	.news dl dd{		line-height: 40px;		font-size: 16px;	}	.news ul{		gap: 10px;	}	.news li a{		box-shadow: 0px 0px 3px rgba(0, 0, 0, .2);	}	.news li section{		padding: 10px 15px 20px;	}	.news li p{		font-size: 15px;		line-height: 22px;		height: 44px;	}	.news li span{		margin: 7% 0px 0px;	}	.news li h5 i::after{		width: 6px;		height: 6px;		margin-top: -4px;	}}@media (max-width: 992px) {	.news{		padding: 20px 0px;	}	.news .nl-tabs{		margin: 20px 0px 10px;	}	.news dl{		width: 100%;	}	.news dl dd{		line-height: 36px;		font-size: 14px;	}	.news .nl-tabs a{		display: none;	}	.news ul{		gap: 15px;		grid-template-columns: repeat(1,minmax(0,1fr));	}	.news li section{		padding: 10px 10px 10px;	}	.news li p{		font-size: 14px;		line-height: 18px;		height: 36px;	}	.news li span{		margin: 15px 0px 0px;		font-size: 13px;	}}