@charset 'utf-8';

body {
	min-width: 320px;
	font-size: .16rem;
	color: #333;
	background: #fff;
	overflow-y: scroll
}

a {
	color: #333;
	transition: color .2s
}

::-webkit-scrollbar-track-piece {
	background-color: #f1f1f1
}

::-webkit-scrollbar-thumb {
	background-color: #c1c1c1
}

::-webkit-scrollbar-thumb:hover {
	background-color: #a8a8a8
}

::-webkit-selection {
	background: rgba(45, 155, 120, .75);
	color: #fff
}

::-moz-selection {
	background: rgba(45, 155, 120, .75);
	color: #fff
}

::selection {
	background: rgba(45, 155, 120, .75);
	color: #fff
}

.lazyload,
.lazyloading {
	opacity: 0
}

.lazyloaded {
	opacity: 1;
	transition: opacity 1s cubic-bezier(.7, 0, .3, 1)
}

#loading {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff
}

.la-ball-spin-fade-rotating,
.la-ball-spin-fade-rotating>div {
	position: relative;
	box-sizing: border-box
}

.la-ball-spin-fade-rotating {
	display: block;
	width: 64px;
	height: 64px;
	font-size: 0;
	color: rgba(45, 155, 120, .5);
	animation: ball-spin-fade-rotate 6s infinite linear
}

.la-ball-spin-fade-rotating>div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	border: 0 solid currentColor;
	background-color: currentColor;
	border-radius: 100%;
	animation: ball-spin-fade 1s infinite linear
}

.la-ball-spin-fade-rotating>div:nth-child(1) {
	top: 5%;
	left: 50%;
	-webkit-animation-delay: -1.125s;
	-moz-animation-delay: -1.125s;
	-o-animation-delay: -1.125s;
	animation-delay: -1.125s
}

.la-ball-spin-fade-rotating>div:nth-child(2) {
	top: 18.1801948466%;
	left: 81.8198051534%;
	-webkit-animation-delay: -1.25s;
	-moz-animation-delay: -1.25s;
	-o-animation-delay: -1.25s;
	animation-delay: -1.25s
}

.la-ball-spin-fade-rotating>div:nth-child(3) {
	top: 50%;
	left: 95%;
	-webkit-animation-delay: -1.375s;
	-moz-animation-delay: -1.375s;
	-o-animation-delay: -1.375s;
	animation-delay: -1.375s
}

.la-ball-spin-fade-rotating>div:nth-child(4) {
	top: 81.8198051534%;
	left: 81.8198051534%;
	-webkit-animation-delay: -1.5s;
	-moz-animation-delay: -1.5s;
	-o-animation-delay: -1.5s;
	animation-delay: -1.5s
}

.la-ball-spin-fade-rotating>div:nth-child(5) {
	top: 94.9999999966%;
	left: 50.0000000005%;
	-webkit-animation-delay: -1.625s;
	-moz-animation-delay: -1.625s;
	-o-animation-delay: -1.625s;
	animation-delay: -1.625s
}

.la-ball-spin-fade-rotating>div:nth-child(6) {
	top: 81.8198046966%;
	left: 18.1801949248%;
	-webkit-animation-delay: -1.75s;
	-moz-animation-delay: -1.75s;
	-o-animation-delay: -1.75s;
	animation-delay: -1.75s
}

.la-ball-spin-fade-rotating>div:nth-child(7) {
	top: 49.9999750815%;
	left: 5.0000051215%;
	-webkit-animation-delay: -1.875s;
	-moz-animation-delay: -1.875s;
	-o-animation-delay: -1.875s;
	animation-delay: -1.875s
}

.la-ball-spin-fade-rotating>div:nth-child(8) {
	top: 18.179464974%;
	left: 18.1803700518%;
	-webkit-animation-delay: -2s;
	-moz-animation-delay: -2s;
	-o-animation-delay: -2s;
	animation-delay: -2s
}

@keyframes ball-spin-fade-rotate {
	100% {
		transform: rotate(360deg)
	}
}

@keyframes ball-spin-fade {

	0%,
	100% {
		opacity: 1;
		transform: scale(1)
	}

	50% {
		opacity: .25;
		transform: scale(0.5)
	}
}

.bd_weixin_popup {
	box-sizing: content-box
}

#header {
	position: relative; /* 改为相对定位，不再漂浮 */
	z-index: 100;
	height: 100%
}

.top-bar>.wrap {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	padding: 0 .3rem;
	width: 100%;
	max-width: 100%;
	min-width: 320px;
	height: .96rem;
	background-image: url('/static/images/top_background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media .top-bar>.wrap (max-width:<768px) {
display: flex;
	margin-left: auto;
	margin-right: auto;
	padding: 0 .3rem;
	width: 100%;
	max-width: 100%;
	min-width: 320px;
	height: .96rem;
	background-image: url('/static/images/wap_top_background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.top-box {
	flex: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: .96rem
}

.top-box .logo {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	max-height: 56.25%;
}

.top-box .logo>a {
	display: flex;
	align-items: center;
	margin-right: .3rem;
	height: 100%;
}

.top-box .logo img {
	max-height: 100%;
}

.top-search {
	flex-shrink: 0;
	margin-left: .3rem;
	width: .23rem
}

.top-search .search-btn {
	display: block;
	height: 100%;
	background: url(../images/ico-search.png) center / contain no-repeat
}

.top-search .search-layer {
	position: absolute;
	z-index: 50;
	left: 0;
	top: -100%;
	width: 100%;
	height: .96rem;
	overflow: hidden;
	background: #fff;
	opacity: 0;
	transition: top .6s cubic-bezier(.7, 0, .3, 1), opacity .6s cubic-bezier(.7, 0, .3, 1)
}

.top-search .search-layer>.area {
	position: relative;
	height: 100%
}

.top-search .search-layer .text {
	padding: 0 .44rem;
	width: 100%;
	height: .96rem;
	line-height: .96rem;
	font-size: .25rem;
	border: 0 none;
	background: url(../images/ico-search.png) 0 center / .23rem .25rem no-repeat
}

.top-search .search-layer .close {
	position: absolute;
	top: 0;
	right: .3rem;
	width: .24rem;
	height: .96rem;
	background: url(../images/ico-close.png) center / .24rem no-repeat;
	color: #c00
}

#header[search="show"] .search-layer {
	top: 0;
	opacity: 1
}

#content {
	display: flex
}

#content>.wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 100vh
}

#content #main {
	flex: auto;
	position: relative;
	z-index: 5;
	background: #fff
}

#content #main.bgGray {
	background: #f9f9f9
}

.swiper-banner {
	overflow: hidden;
	width: 100%
}

.swiper-banner a {
	display: block
}

.swiper-banner img {
	vertical-align: top;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.swiper-banner-pagination {
	position: absolute;
	z-index: 10;
	left: 50%;
	bottom: .4rem;
	transform: translateX(-50%);
	line-height: 0;
	font-size: 0;
	text-align: center
}

.swiper-banner-pagination .swiper-pagination-bullet {
	vertical-align: top;
	margin: 0 .08rem;
	width: .8rem;
	height: .05rem;
	background: 0;
	opacity: 1;
	border-radius: 0;
	outline: 0
}

.swiper-banner-pagination .swiper-pagination-bullet:before {
	content: "";
	display: block;
	height: 100%;
	background: #fff;
	opacity: .7;
	transition: background .4s, opacity .4s
}

.swiper-banner-pagination .swiper-pagination-bullet-active:before {
	background: #2d9b78;
	opacity: 1
}

.m-business .listBox li {
	float: left;
	display: inline;
	background: #fff
}

.m-business .maskBox {
	position: relative;
	zoom: 1;
	overflow: hidden
}

.m-business .maskBox a {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0
}

.m-business .maskBox .u-con {
	position: relative;
	z-index: 10;
	transition: opacity .4s, transform .6s
}

.m-business .maskBox .ico {
	display: block;
	text-align: center
}

.m-business .maskBox .ico img {
	height: 100%
}

.m-business .maskBox .name h4,
.m-business .maskBox .name p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m-business .maskBox .u-img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: opacity .6s
}

.m-business .maskBox .u-img img {
	object-fit: cover
}

.m-business .maskBox .mask_canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: #fff
}

.m-business .maskBox .mask_canvas.transparent {
	background-color: transparent
}

.m-business .maskBox[hover] .u-con {
	opacity: 0;
	transform: scale(1.2)
}

.m-business .maskBox[hover] .u-img {
	opacity: 1
}

.swiper-product-button {
	line-height: 0;
	font-size: 0;
	text-align: center
}

.swiper-product-button>div {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	font-family: "SimSun";
	text-align: center;
	color: #fff;
	background: #31a781;
	outline: 0;
	cursor: pointer;
	transition: background .4s, filter .4s
}

.swiper-product-button>div:first-child {
	margin-left: 0
}

.swiper-product-button>div:hover {
	background: #31a781;
	filter: brightness(1.1)
}

.swiper-product-button>div.swiper-button-disabled {
	background: rgba(130, 130, 130, .21);
	cursor: auto;
	pointer-events: none
}

.m-news {
	background: #f9f9f9
}

.m-about {
	padding-top: .6rem
}

.swiper-partner-button>div {
	position: absolute;
	z-index: 10;
	top: .6rem;
	width: .7rem;
	line-height: 1.6rem;
	font-family: "SimSun";
	font-size: .6rem;
	text-align: center;
	color: #4382ae;
	outline: 0;
	cursor: pointer;
	transition: color .4s
}

.swiper-partner-button>div:hover {
	filter: brightness(1.1)
}

.swiper-partner-button>div.swiper-button-disabled {
	color: rgba(204, 204, 204, .72);
	cursor: auto;
	pointer-events: none
}

.swiper-partner-button-prev {
	left: 50%;
	transform: translateX(-7.9rem)
}

.swiper-partner-button-next {
	right: 50%;
	transform: translateX(7.9rem)
}

@media screen and (max-width:1590px) {
	.swiper-partner-button-prev {
		left: 0;
		transform: none
	}

	.swiper-partner-button-next {
		right: 0;
		transform: none
	}
}

#content #footer {
	position: relative;
	z-index: 10;
	overflow: hidden;
	background: url('/static/images/foot_b.jpg') center / cover no-repeat
}

#client {
	position: fixed
}

#wechat-QRcode {
	display: none;
	background: #fff
}

#wechat-QRcode p {
	margin-top: .2rem;
	line-height: 2;
	font-size: .2rem;
	text-align: center
}

#subNav {
	position: relative;
	z-index: 99
}

.sub-current {
	margin-top: .96rem;
	padding: .32rem 0;
	line-height: .36rem;
	font-size: .18rem
}

.sub-current,
.sub-current a {
	color: #666
}

.sub-current a:hover {
	color: #239873
}

.pro-detail .itemCon .listBox {
	display: flex;
	justify-content: space-between;
	padding: .3rem .3rem .3rem 0;
	border-top: solid 1px rgba(204, 204, 204, .65)
}

.pro-detail .itemCon .listBox li {
	text-align: center
}

.pro-detail .itemCon .listBox h4 {
	line-height: .74rem;
	font-size: .44rem;
	font-weight: normal
}

.pro-detail .itemCon .listBox h4 span {
	display: inline-block;
	vertical-align: top;
	padding-top: .18rem;
	line-height: .56rem;
	font-size: .18rem
}

.pro-detail .itemCon .listBox p {
	line-height: .36rem;
	color: #666
}

.pro-detail .itemThumbs {
	position: absolute;
	bottom: .2rem;
	left: 7.1rem;
	width: 6.52rem;
	height: 1.48rem
}

.pro-detail .itemThumbs .swiper-slide {
	position: relative;
	zoom: 1;
	cursor: pointer
}

.pro-detail .itemThumbs .swiper-slide:before {
	content: "";
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	border: solid 2px #2d9b78;
	transition: opacity .4s
}

.pro-detail .itemThumbs .swiper-slide-thumb-active:before {
	opacity: 1
}

.pro-detail .item-link {
	position: absolute;
	top: -1px;
	right: -1px;
	line-height: 0;
	font-size: 0
}

.pro-detail .item-link .link {
	margin-left: 1px;
	display: inline-block;
	vertical-align: top;
	width: .5rem;
	height: .5rem;
	background: #ededed url(../images/ico-link.png) 0 0 / 1rem .5rem no-repeat;
	transition: background-color .4s, background-image .4s
}

.pro-detail .item-link .link:hover {
	background-color: #2d9b78;
	background-image: url(../images/ico-link-hover.png)
}

.pro-detail .item-link .share {
	position: relative;
	zoom: 1;
	display: inline-block;
	vertical-align: top
}

.pro-detail .item-link .share>.share-btn {
	position: relative;
	z-index: 5;
	display: block;
	width: .5rem;
	height: .5rem;
	background: #ededed url(../images/ico-link.png) -.5rem 0 / 1rem .5rem no-repeat;
	transition: background-color .4s, background-image .4s
}

.pro-detail .item-link .share>.share-btn:hover,
.pro-detail .item-link .share.hover>.share-btn {
	background-color: #2d9b78;
	background-image: url(../images/ico-link-hover.png)
}

.pro-detail .item-link .bdsharebuttonbox {
	position: absolute;
	bottom: 0;
	right: 100%;
	white-space: nowrap;
	opacity: 0;
	transform: translateX(.06rem);
	transition: opacity .4s, transform .4s;
	pointer-events: none
}

.pro-detail .item-link .bdshare-button-style0-24 a,
.pro-detail .item-link .bdshare-button-style0-24 .bds_more {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 .06rem 0 0;
	padding-left: .24rem;
	height: .24rem;
	line-height: .24rem;
	font-size: 0;
	background-image: url(../images/ico-share.png);
	background-size: .24rem 1.26rem
}

.pro-detail .item-link .bdshare-button-style0-24 .bds_sqq {
	background-position: 0 0
}

.pro-detail .item-link .bdshare-button-style0-24 .bds_qzone {
	background-position: 0 -.34rem
}

.pro-detail .item-link .bdshare-button-style0-24 .bds_tsina {
	background-position: 0 -.68rem
}

.pro-detail .item-link .bdshare-button-style0-24 .bds_weixin {
	background-position: 0 -1.02rem
}

.pro-detail .item-link .hover .bdsharebuttonbox {
	opacity: 1;
	transform: none;
	pointer-events: auto
}

.swiper-gallery {
	position: relative;
	zoom: 1
}

.swiper-gallery .swiper-gallery-button>div {
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: .54rem;
	font-family: "SimSun";
	font-size: .6rem;
	color: #2d9b78;
	outline: 0;
	cursor: pointer;
	transition: opacity .4s
}

.swiper-gallery .swiper-gallery-button>div:hover {
	filter: brightness(1.1)
}

.swiper-gallery .swiper-gallery-button>div.swiper-button-disabled {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.swiper-gallery .swiper-gallery-button-prev {
	left: 0
}

.swiper-gallery .swiper-gallery-button-next {
	right: 0
}

.swiper-thumbs .swiper-gallery-button-next {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	right: -.76rem;
	width: .76rem;
	line-height: 1.48rem;
	font-family: "SimSun";
	font-size: .6rem;
	text-align: center;
	color: #339b7a;
	outline: 0;
	cursor: pointer;
	transition: color .4s
}

.swiper-thumbs .swiper-gallery-button-next:hover {
	filter: brightness(1.1)
}

.swiper-thumbs .swiper-gallery-button-next.swiper-button-disabled {
	display: none
}

.sub-content {

	line-height: .4rem;
	font-size: 16px;
	color: #999;
}

.sub-content h1,
.sub-content h2 {
	line-height: .64rem;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	color: #333
}

.sub-content h1 {
	margin-bottom: .4rem
}

.sub-content h2 {
	margin-bottom: .1rem
}

.sub-content h3 {
	font-weight: normal;
	text-align: center;
	color: #666
}

.sub-content2 {

	line-height: .4rem;
	font-size: 16px;
	color: #999;
	margin-top: -100px;
    background-color: #ffffff;
	margin-bottom: 50px;
	height: 7rem;
}
.sub-content2-1 {

	line-height: .4rem;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	height: 1rem;
	border-bottom: 1px solid #1e9bde;
    padding-bottom: 10px;
    margin-bottom: 20px;
	padding-top: 30px;
}
.sub-content2-1 p {

	line-height: .4rem;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
    background-color: #1e9bde;
    width: 1.3rem;
    margin: auto;
}

.no-result {
	padding: 1.5rem 6% 1.5rem 36%;
	background: url(../images/bg-search-no.png) 10% center / 25% no-repeat;
	box-sizing: content-box
}

.no-result h3 {
	margin-bottom: .2rem;
	font-size: .36rem;
	font-weight: normal;
	color: #333
}

.no-result h3 span {
	color: #c00
}

.no-result p {
	font-size: .24rem;
	color: #888
}

@media screen and (min-width:751px) {
	::-webkit-scrollbar {
		width: 10px;
		height: 10px
	}

	[pc="hide"] {
		display: none
	}

	#header .top-bar {
		transition: background .4s, box-shadow .4s
	}

	#header[background="show"] .top-bar,
	.innerPage #header .top-bar {
		background: rgba(255, 255, 255, .72);
		box-shadow: 0 .03rem .07rem rgba(0, 0, 0, .06)
	}

	.top-nav {
		flex-shrink: 0;
		align-items: center;
		padding-top: 0;
		line-height: 0;
		font-size: 0;
		text-align: right
	}

	.top-nav .fir-li {
		position: relative;
		zoom: 1;
		display: inline-block;
		vertical-align: top;
		text-align: left
	}

	.top-nav .fir-li:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 1px;
		height: .16rem;
		background: #ccc
	}

	.top-nav .fir-li:first-child:before {
		display: none
	}

	.top-nav .fir-li .u-a {
		display: inline-block;
		vertical-align: middle;
		padding: 0 .26rem;
		line-height: .96rem;
		font-size: .18rem
	}

	.top-nav .fir-li:hover .u-a,
	.top-nav .current .u-a {
		color: #4382ae
	}

	.top-nav .sec-box {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 2.8rem;
		transform: none;
		border: solid 1px rgba(217, 228, 234, .63);
		background: #fff;
		border-radius: 5px;
		box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
		opacity: 0;
		transition: transform .4s, opacity .4s
	}

	.top-nav .fir-li:last-child .sec-box {
		left: auto;
		right: 0
	}

	.top-nav .sec-ul {
		padding: 0 .12rem;
		line-height: 1.5;
		font-size: .16rem
	}

	.top-nav .sec-ul li {
		border-top: solid 1px #e9e9e9
	}

	.top-nav .sec-ul li:first-child {
		border-top: 0
	}

	.top-nav .sec-ul a {
		position: relative;
		zoom: 1;
		display: block;
		padding: .08rem .3rem .08rem .14rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.top-nav .sec-ul a:hover {
		color: #4382ae
	}

	.top-nav .hover .sec-box {
		opacity: 1;
		transform: translateY(-3px)
	}

	#banner,
	.swiper-banner {
		height: auto;
	}
		#banner,
	.swiper-banner2 {
		height: auto;
	
	}

	.swiper-banner {
		position: relative;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%
	}

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

	.swiper-banner .swiper-container {
		width: 100%;
		height: 100%
	}

	.swiper-banner .swiper-slide {
		overflow: hidden
	}

	.swiper-banner-button>div {
		position: absolute;
		z-index: 10;
		top: 0;
		bottom: 0;
		width: 7.1875%;
		outline: 0;
		cursor: pointer;
		transition: opacity .4s
	}

	.swiper-banner-button>div:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: .64rem;
		height: .64rem;
		background: url(../images/btn-banner.png) no-repeat;
		transition: background-image .4s
	}

	.swiper-banner-button>div:hover:before {
		background-image: url(../images/btn-banner-hover.png)
	}

	.swiper-banner-button>div.swiper-button-disabled {
		opacity: .5;
		cursor: auto;
		pointer-events: none
	}

	.swiper-banner-button .swiper-banner-button-prev {
		left: 0
	}

	.swiper-banner-button .swiper-banner-button-next {
		right: 0
	}

	.swiper-banner-button .swiper-banner-button-prev:before {
		background-position: left center;
		background-size: 1.38rem .64rem
	}

	.swiper-banner-button .swiper-banner-button-next:before {
		background-position: right center;
		background-size: 1.38rem .64rem
	}

	#banner.inner-banner,
	.inner-banner .swiper-banner {
		
	}

	.m-title {
		font-size: 0
	}

	.m-title h2 {
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin-right: .2rem;
		line-height: .78rem;
		font-size: .3rem
	}

	.m-title h2:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 2em;
		height: 2px;
		background: #4382ae
	}

	.m-title p {
		display: inline-block;
		vertical-align: top;
		padding-top: .08rem;
		line-height: .7rem;
		font-size: .2rem;
		color: #999
	}

	.m-menu {
		padding-top: .06rem
	}

	.m-menu li {
		position: relative;
		zoom: 1;
		padding-left: 1px;
		width: auto;
		line-height: .72rem;
		font-size: .2rem
	}

	.m-menu li:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 1px;
		height: .2rem;
		background: #ccc
	}

	.m-menu a {
		margin: 0 .16rem;
		color: #999
	}

	.m-menu a:hover,
	.m-menu li.current a {
		color: #279e78
	}

	.m-menu li:first-child:before {
		display: none
	}

	.m-menu li:first-child {
		padding-left: 0
	}

	.m-menu li:first-child a {
		margin-left: 0
	}

	.m-menu li:last-child a {
		margin-right: 0
	}

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

	.menuBox .m-title {
		margin-right: .3rem;
		flex-shrink: 0;
		white-space: nowrap
	}

	.m-business {
		padding: .6rem 0 .5rem;
		z-index: 5;
		width: 100%;
		background: #e5f4f9;
	}

	.m-business .m-title h2,
	.m-business .m-title p {
		color: #fff
	}

	.m-business .m-title h2:before {
		background: #fff
	}

	.m-business .listBox {
		margin-top: .76rem
	}

	.m-business .listBox li {
		margin: 1.6666% 0 0 1.6666%;
		width: 32.2222%
	}

	.m-business .listBox li:nth-child(-n+3) {
		margin-top: 0
	}

	.m-business .listBox li:nth-child(3n+1) {
		margin-left: 0
	}

	.m-business .maskBox .u-con {
		padding: .4rem
	}

	.m-business .maskBox .ico {
		height: .64rem
	}

	.m-business .maskBox .name {
		margin-top: .25rem;
		line-height: .34rem;
		font-size: .24rem;
		text-align: center
	}

	.m-business .maskBox .name:before {
		content: "";
		display: block;
		margin: 0 auto .3rem;
		width: .46rem;
		height: 1px;
		overflow: hidden;
		background: #ccc
	}

	.m-business .maskBox .name h4 {
		font-weight: normal
	}

	.m-business .maskBox .name p {
		font-weight: bold
	}

	.m-product {
		padding: .6rem 0 0.5rem;
		background: #fff;
		overflow: hidden
	}

	.swiper-product {
		position: relative;
		zoom: 1;
		margin-top: .5rem;
		transition: opacity .2s, transform .2s
	}

	.swiper-product:before {
		content: "";
		position: absolute;
		top: 4.32rem;
		left: 0;
		right: 0;
		height: 1px;
		overflow: hidden;
		/*background: rgba(226, 226, 226, .76)*/
	}

	.swiper-product .swiper-slide {
		margin-right: .4rem;
		padding: .4rem 0;
		width: 3.33rem
	}

	.swiper-product .swiper-slide:last-child {
		margin-right: 0
	}

	.swiper-product .u-box {
		position: relative;
		zoom: 1;
		height: 4.55rem;
		border: solid 1px rgba(227, 227, 227, .5);
		background: #fff;
		box-shadow: 0 .03rem .09rem rgba(0, 0, 0, .08);
		transition: border-color .3s, box-shadow .3s
	}

	.swiper-product .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-product .u-img {
		position: absolute;
		z-index: 5;
		left: 0;
		top: 0;
		width: 100%;
		
		transition: transform .6s, box-shadow .6s
	}

	.swiper-product .u-img img {
		width: 100%;
		height: 100%
	}

	.swiper-product .u-con {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 1.1rem;
		padding: 0 .3rem;
		transition: all .6s
	}

	.swiper-product .u-con .name {
		line-height: .36rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .22rem;
		font-weight: normal;
		text-align: center
	}

	.swiper-product .u-con .content {
		height: 0;
		line-height: .3rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .16rem;
		text-align: center;
		box-sizing: border-box;
		transition: padding-top .6s, height .6s
	}

	.swiper-product .u-box:hover {
		border-color: #fff;
		box-shadow: none;
		height: 3.35rem
	}

	.swiper-product .u-box:hover .u-img {
		transform: translateY(1.72rem) scale(.535714);
		box-shadow: 0 .03rem .09rem rgba(0, 0, 0, .08)
	}

	.swiper-product .u-box:hover .u-con {

		padding-top: .01rem;
		color: #fff;
		background: #4382ae
	}

	.swiper-product .u-box:hover .u-con .content {
		padding-top: .01rem;
		
	}

	.swiper-product-button {
		margin-top: .2rem
	}

	.swiper-product-button>div {
		margin-left: .1rem;
		width: .5rem;
		line-height: .5rem;
		font-size: .42rem
	}

	.swiper-advantage .swiper-slide {
		width: 25%
	}

	.swiper-advantage .u-box {
		position: relative;
		zoom: 1;
		padding-top: 153.125%
	}

	.swiper-advantage .u-box:before {
		content: "";
		position: absolute;
		z-index: 5;
		top: 0;
		right: 0;
		width: .65rem;
		height: .65rem;
		border-top: solid .1rem #fff;
		border-right: solid .1rem #fff
	}

	.swiper-advantage .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-advantage .u-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.swiper-advantage .u-name {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 2rem;
		padding: .86rem .3rem 0;
		line-height: .82rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .24rem;
		text-align: center;
		color: #fff;
		background: url(../images/bg-advantage.png) center bottom / auto 2rem repeat-x;
		box-sizing: border-box
	}

	.swiper-advantage .u-name:after {
		content: "";
		display: block;
		margin: 0 auto;
		width: .56rem;
		height: 2px;
		overflow: hidden;
		background: #2d9b78
	}

	.swiper-advantage .conBox {
		position: absolute;
		z-index: 5;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		color: #fff;
		background: #349e7e;
		opacity: 0;
		transform: scale(.75);
		transition: opacity .4s, transform .4s
	}

	.swiper-advantage .u-con {
		position: absolute;
		top: 3.0612%;
		bottom: 3.0612%;
		left: 3.125%;
		right: 3.125%;
		padding: 10.625% .6rem 0;
		border: solid 1px #32c596;
		background: #2d9b78
	}

	.swiper-advantage .num {
		line-height: 1.04rem;
		font-size: .8rem;
		font-family: Arial
	}

	.swiper-advantage .name {
		line-height: .5rem;
		font-size: .28rem
	}

	.swiper-advantage .title {
		margin-top: 18.0586%;
		padding: .1rem 0;
		border-bottom: solid 1px rgba(255, 255, 255, .5)
	}

	.swiper-advantage .title h5 {
		line-height: .54rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .24rem;
		font-weight: normal
	}

	.swiper-advantage .content {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		margin-top: 5.4176%;
		height: 1.08rem;
		line-height: .36rem;
		font-size: .16rem
	}

	.swiper-advantage .more {
		position: relative;
		zoom: 1;
		display: block;
		margin: 33.86% auto 0;
		width: .6rem;
		height: .6rem;
		border: solid 1px #fff
	}

	.swiper-advantage .more:before,
	.swiper-advantage .more:after {
		content: "";
		position: absolute;
		left: 25%;
		right: 25%;
		top: 50%;
		height: 1px;
		overflow: hidden;
		background: #fff;
		transform: translateY(-50%)
	}

	.swiper-advantage .more:after {
		transform: rotate(90deg)
	}

	.swiper-advantage .u-box:hover .conBox {
		opacity: 1;
		transform: none
	}

	.m-news {
		padding: .8rem 0 .6rem;
		overflow: hidden
	}

	.swiper-news {
		position: relative;
		zoom: 1;
		margin-top: .46rem
	}

	.swiper-news:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: .86rem;
		height: 1px;
		overflow: hidden;
		background: rgba(226, 226, 226, .76)
	}

	.swiper-news .swiper-container {
		position: relative;
		z-index: 5;
		padding: 0 .3rem;
		width: 100%;
		max-width: 1500px;
		min-width: 320px
	}

	.swiper-news .swiper-slide {
		width: 3.48rem /* 调整宽度以显示4个新闻项 */
	}

	.swiper-news .u-box {
		position: relative;
		zoom: 1;
		padding: .36rem .2rem .68rem;
		border: 1px solid #e0e0e0; /* 灰色边框 */
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 底部阴影 */
		transition: color .4s, background .4s, box-shadow .4s
	}

	.swiper-news .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-news .u-date {
		line-height: .36rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .24rem
	}

	.swiper-news .conBox {
		margin-top: .14rem
	}

	.swiper-news .u-con,
	.swiper-news .u-img {
		transition: transform .6s
	}

	.swiper-news .u-con {
		padding: .26rem 0 0
	}

	.swiper-news .name {
		overflow: visible; /* 改为可见 */
		white-space: normal; /* 允许换行 */
		word-wrap: break-word; /* 长单词换行 */
		line-height: .48rem;
		font-size: .24rem
	}

	.swiper-news .content {
		margin-top: .24rem;
		height: auto; /* 改为自动高度 */
		overflow: visible; /* 改为可见 */
		line-height: .36rem;
		font-size: .18rem
	}

	.swiper-news .u-img {
		margin-top: .3rem;
		height: 2.1rem
	}

	.swiper-news .u-more {
		margin-top: .3rem;
		display: block;
		width: .48rem;
		line-height: .48rem;
		font-size: .24rem;
		font-family: "SimSun";
		font-weight: bold;
		text-align: center;
		color: #fff;
		border: solid 1px #fff;
		opacity: 0;
		transform: translateX(50%);
		transition: opacity .4s, transform .6s
	}

	.swiper-news .u-box:hover {
		color: #fff;
		background: #4382ae
	}

	.swiper-news .u-box:hover .u-con {
		
	}

	.swiper-news .u-box:hover .u-img {
		transform: translateY(-2.72rem)
	}

	.swiper-news .u-box:hover .u-more {
		opacity: 1;
		transform: none
	}

	.m-about {
		overflow: hidden
	}

	.m-about .conBox {
		position: relative;
		zoom: 1;
		margin-top: .6rem
	}

	.m-about .conBox .u-img {
		height: 4.68rem
	}

	.m-about .conBox .u-img img {
		position: relative;
		left: 50%;
		width: auto;
		max-width: none;
		transform: translateX(-50%)
	}

	.m-about .conBox .u-con {
		position: absolute;
		top: 1.5rem;
		left: 50%;
		right: .5rem;
		margin-left: -1.8rem;
		line-height: .36rem;
		font-size: .18rem;
		color: #818181
	}

	.m-about .conBox .u-con h4 {
		margin-bottom: .24rem;
		line-height: .48rem;
		font-size: .3rem;
		font-weight: normal;
		color: #333
	}

	.m-partner {
		position: relative;
		zoom: 1;
		padding: .6rem 0 .4rem
	}

	.swiper-partner .u-box {
		position: relative;
		zoom: 1;
		padding-bottom: .2rem;
		transition: color .2s
	}

	.swiper-partner .u-box:before {
		content: "";
		position: absolute;
		z-index: 5;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border: solid 2px #4382ae;
		opacity: 0;
		transition: all .2s
	}

	.swiper-partner .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-partner .u-img {
		height: 1.58rem;
		border: solid 1px #ededed;
		filter: grayscale(1);
		transition: filter .4s
	}

	.swiper-partner .u-name {
		margin-top: .2rem;
		line-height: .42rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .22rem;
		font-weight: normal;
		text-align: center
	}

	.swiper-partner .u-box:hover {
		color: #4382ae
	}

	.swiper-partner .u-box:hover:before {
		opacity: 1;
		top: .15rem;
		left: .12rem;
		right: .12rem
	}

	.swiper-partner .u-box:hover .u-img {
		filter: grayscale(0)
	}

	.footer-box {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		padding: 0.2rem 0 .2rem;
	}

	.footer-box,
	.footer-box a {
		color: #dadada
	}

	.footer-box a:hover {
		color: #fff
	}

	.footer-nav {
		flex: auto
	}
	.footer-nav2 {
		flex: auto;
		height:1.4rem;
		margin-top: 40px;
	}
	.footer-nav2 img {
	width: 130px;

	}

	.footer-nav .fir-ul {
		display: flex;
		justify-content: space-between
	}

	.footer-nav .fir-li .u-a {
		display: inline-block;
		vertical-align: middle;
		padding-right: .2rem;
		line-height: .28rem;
		font-size: .18rem;
		
		color: #fff
	}

	.footer-nav .fir-li .u-a:before {
		content: "";
		display: inline-block;
		vertical-align: middle
	}

	.footer-nav .sec-box {
		margin-top: .36rem
	}

	.footer-nav .sec-ul li {
		position: relative;
		zoom: 1;
		padding: .05rem .4rem .05rem 0;
		line-height: .24rem;
		font-size: .16rem;
		overflow: hidden
	}

	.footer-nav .sec-ul a {
		display: inline-block;
		vertical-align: top;
		transition: transform .4s, color .4s
	}

	.footer-nav .sec-ul a:before {
		content: "";
		position: absolute;
		left: -.2rem;
		top: 50%;
		width: .14rem;
		height: 1px;
		overflow: hidden;
		background: #fff
	}

	.footer-nav .sec-ul a:hover {
		transform: translateX(.2rem)
	}

	.footer-contact {
	
		border-right: 0;
		border-left: 1px solid #e4e4e4;
		zoom: 1;
		width: 2.4rem;
		padding: 0 .1rem;
		padding-top: 20px;
	}

	.footer-contact:before,
	.footer-contact:after {
	border-right: 0;
		content: "";
		position: absolute;
		top: 0;
		height: 100%;
		border-left: solid 1px rgb(253 253 253 / 67%);

	}

	.footer-contact:before {
		left: 0
	}

	.footer-contact:after {
		right: 0
	}

	.footer-contact .telBox {
		font-weight: bold;
		color: #fff
	}

	.footer-contact .telBox h4 {
		line-height: .28rem;
		font-size: .2rem
	}

	.footer-contact .telBox p {
		line-height: .36rem;
		font-size: .24rem
	}

	.footer-contact .conBox {
		margin-top: .08rem;
		line-height: .34rem;
		font-size: .16rem
	}
		.footer-contact .conBox2 {
		   padding-top: 10px;
           margin: auto;
          text-align: center;

	}
		.footer-contact .conBox2 p {
		line-height: 40px;
        width: 120px;
        /* text-align: center; */
        margin: auto;
        background-color: #003577;
        border-radius: 8px;
		}

	.footer-contact .conBox .ico {
		position: relative;
		zoom: 1;
		padding-left: .4rem
	}
	.footer-contact .conBox .ico2 {
		position: relative;
		zoom: 1;
		padding-left: .4rem
	}

	.footer-contact .conBox .ico:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: .28rem;
		height: .34rem;
		background: url(../images/ico-contact.png) 0 0 / .28rem 1.36rem no-repeat
	}

	.footer-contact .conBox .ico-tel:before {
		background-position: 0 0
	}

	.footer-contact .conBox .ico-fax:before {
		background-position: 0 -.34rem
	}

	.footer-contact .conBox .ico-addr:before {
		background-position: 0 -.68rem
	}

	.footer-contact .conBox .ico-post:before {
		background-position: 0 -1.02rem
	}

	.footer-QRcode {
		padding: .12rem 0;
		position: relative;
		width: 2.1rem;
		border-left: solid 1px rgb(253 253 253 / 67%);
       
	}

	.footer-QRcode .QRcode {
		margin-left: .4rem;
		line-height: .36rem;
		font-size: .16rem;
		text-align: center
	}

	.footer-QRcode .QRcode:first-child {
		margin-left: 0px
	}

	.footer-QRcode .QRcode img {
		max-width: 1.4rem
	}

	.footer-QRcode .QRcode p {
		margin-top: .3rem;
		white-space: nowrap
	}

	.copyright-box {
		position: relative;
		zoom: 1;
		padding: .1rem 0 .1rem;
		line-height: .36rem;
		font-size: .16rem;
		color: #c1c1c1
	}

	.copyright-box a {
		color: #c1c1c1
	}

	.copyright-box a:hover {
		color: #fff
	}

	.copyright-box:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 0;
		overflow: hidden;

	}

	#client {
		z-index: 200;
		top: 50%;
		right: 0;
		transform: translateY(-.87rem)
	}

	#client li {
		border: solid 1px rgba(223, 223, 223, .63);
		border-top: 0
	}

	#client li:first-child {
		border-top: solid 1px rgba(223, 223, 223, .63)
	}

	#client .u-a {
		position: relative;
		display: block;
		padding-left: .56rem;
		height: .56rem;
		background: #fff
	}

	#client .u-a .ico {
		position: absolute;
		top: 0;
		left: 0;
		width: .56rem;
		height: .56rem;
		overflow: hidden;
		background: url(../images/ico-client.png) 0 .56rem / .56rem 2.24rem no-repeat;
		transition: background-image .4s
	}

	#client .u-a:hover .ico {
		background-image: url(../images/ico-client-hover.png)
	}

	#client .client-home .ico {
		background-position: 0 0
	}

	#client .client-tel .ico {
		background-position: 0 -.56rem
	}

	#client .client-qq .ico {
		background-position: 0 -1.12rem
	}

	#client .client-goTop .ico {
		background-position: 0 -1.68rem
	}

	#client .conBox .con {
		display: none;
		position: absolute;
		top: 0;
		right: 100%;
		margin-right: .06rem;
		border-radius: 2px
	}

	#client .conBox .con:before {
		content: "";
		position: absolute;
		top: .24rem;
		left: 100%;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: .04rem;
		border-style: solid;
		border-color: transparent transparent transparent #fff
	}

	#client .conBox .text {
		padding: 0 .2rem;
		line-height: .56rem;
		font-size: .2rem;
		font-weight: bold;
		color: #239873;
		background: #fff;
		white-space: nowrap
	}

	#client li.client-map {
		display: none
	}

	#client li.client-goTop {
		opacity: 0;
		transition: opacity .4s
	}

	#client li.client-goTop .u-a {
		height: 0;
		overflow: hidden;
		transition: height .4s
	}

	#client[goTop="show"] li.client-goTop {
		opacity: 1
	}

	#client[goTop="show"] li.client-goTop .u-a {
		height: .56rem
	}

	#subNav {
		padding-top: .2rem;
		box-shadow: 0 .03rem .07rem rgba(0, 0, 0, .06);
		background: #fbfbfb
	}

	#subNav .listBox {
		line-height: 0;
		font-size: 0;
		text-align: right
	}

	#subNav .listBox ul {
		margin-left: -.3rem
	}

	#subNav .listBox li {
		position: relative;
		zoom: 1;
		display: inline-block;
		vertical-align: top;
		margin-left: .3rem
	}

	#subNav .listBox a {
		line-height: .5rem;
		font-size: .18rem;
		color: #999
	}

	#subNav .listBox a:before {
		content: "";
		position: absolute;
		right: 0;
		bottom: -1px;
		width: 0;
		height: 2px;
		overflow: hidden;
		background: #2d9b78;
		transition: width .4s
	}

	#subNav .listBox a:hover:before,
	#subNav .listBox li.current a:before {
		width: 100%;
		right: auto;
		left: 0
	}

	#subNav.bgWhite {
		padding-top: .3rem;
		background: #fff
	}

	.sub-product {
		margin: 0 auto;
		padding: .5rem 0;
		max-width: 2200px
	}

	.sub-product ul {
		display: flex;
		flex-wrap: wrap
	}

	.sub-product li {
		padding: .02rem;
		width: 25%
	}

	.sub-product .u-box {
		position: relative;
		zoom: 1;
		border: solid 1px rgba(227, 227, 227, .5);
		box-shadow: 0 .03rem .09rem rgba(0, 0, 0, .08)
	}

	.sub-product .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-product .u-img {
		position: relative;
		zoom: 1;
		padding-top: 100%
	}

	.sub-product .u-img:before {
		content: "";
		position: absolute;
		z-index: 5;
		top: 50%;
		left: 50%;
		margin: -.375rem 0 0 -.375rem;
		width: .75rem;
		height: .75rem;
		background: rgba(102, 102, 102, .46) url(../images/ico-view.png) center / .48rem no-repeat;
		opacity: 0;
		transform: scale(2);
		transition: opacity .4s, transform .4s
	}

	.sub-product .u-img img {
		position: absolute;
		top: 0;
		left: 0
	}

	.sub-product .u-name {
		position: relative;
		zoom: 1;
		padding: 0 .25rem;
		line-height: 1.4rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .3rem;
		font-weight: normal;
		text-align: center;
		transition: color .4s
	}

	.sub-product .u-name:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		width: 0;
		height: 100%;
		background: #4382ae;
		transition: width .4s
	}

	.sub-product .u-box:hover .u-img:before {
		opacity: 1;
		transform: none
	}

	.sub-product .u-box:hover .u-name {
		color: #fff
	}

	.sub-product .u-box:hover .u-name:before {
		width: 100%;
		left: 0;
		right: auto
	}

	@media screen and (max-width:2200px) {
		.sub-product {
			max-width: 1650px
		}

		.sub-product li {
			width: 33.3333%
		}
	}

	.sub-news {
		padding: .2rem 0 .8rem
	}

	.sub-news li {
		padding: .6rem 0;
		border-bottom: solid 1px rgba(187, 187, 187, .5)
	}

	.sub-news .u-box {
		position: relative;
		zoom: 1;
		display: flex;
		justify-content: space-between;
		align-items: flex-start
	}

	.sub-news .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-news .conBox {
		flex: auto;
		display: flex;
		align-items: center
	}

	.sub-news .u-con {
		position: relative;
		z-index: 10;
		width: 7.3rem;
		transition: transform .4s
	}

	.sub-news .name {
		position: relative;
		zoom: 1;
		line-height: .4rem;
		font-size: .26rem;
		font-weight: normal;
		transition: color .4s
	}

	.sub-news .name:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -.2rem;
		width: 0;
		height: .04rem;
		min-height: 2px;
		overflow: hidden;
		background: #333;
		transform: translateY(-50%);
		transition: left .4s, width .4s, background .4s
	}

	.sub-news .content {
		margin-top: .24rem;
		height: .6rem;
		line-height: .3rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .16rem;
		color: #666
	}

	.sub-news .u-img {
		order: -1;
		margin-right: .7rem;
		width: 4.2rem
	}

	.sub-news .dateBox {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		margin-top: .7rem;
		text-align: right;
		transition: transform .4s
	}

	.sub-news .date .MMDD {
		line-height: .34rem;
		font-size: .26rem;
		color: #666
	}

	.sub-news .date .YY {
		line-height: .24rem;
		font-size: .16rem;
		color: #999
	}

	.sub-news .more {
		display: block;
		margin-left: .45rem;
		width: .5rem;
		height: .5rem;
		line-height: .5rem;
		font-size: .26rem;
		font-family: "SimSun";
		text-align: center;
		color: #666;
		border: solid 1px #ccc;
		transition: color .4s, border-color .4s, background-color .4s
	}

	.sub-news .u-box:hover .u-con {
		transform: translateX(.2rem)
	}

	.sub-news .u-box:hover .name {
		color: #4382ae
	}

	.sub-news .u-box:hover .name:before {
		left: -1.64rem;
		width: 1.44rem;
		background: #4382ae
	}

	.sub-news .u-box:hover .dateBox {
		transform: translateX(-.2rem)
	}

	.sub-news .u-box:hover .more {
		color: #fff;
		border-color: #fff;
		background-color: #42acf8
	}

	.sub-search {
		padding: .2rem 0 .8rem
	}

	.sub-search li {
		padding: .6rem 0;
		border-bottom: solid 1px rgba(187, 187, 187, .5)
	}

	.sub-search .u-box {
		position: relative;
		zoom: 1;
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.sub-search .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-search .conBox {
		display: flex;
		align-items: center
	}

	.sub-search .u-con {
		position: relative;
		z-index: 10;
		width: 7.3rem;
		transition: transform .4s
	}

	.sub-search .name {
		position: relative;
		zoom: 1;
		line-height: .4rem;
		font-size: .26rem;
		font-weight: normal;
		transition: color .4s
	}

	.sub-search .name:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -.2rem;
		width: 0;
		height: .04rem;
		min-height: 2px;
		overflow: hidden;
		background: #333;
		transform: translateY(-50%);
		transition: left .4s, width .4s, background .4s
	}

	.sub-search .content {
		margin-top: .24rem;
		height: .6rem;
		line-height: .3rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .16rem;
		color: #666
	}

	.sub-search .dateBox {
		display: flex;
		align-items: center;
		text-align: right
	}

	.sub-search .date .MMDD {
		line-height: .34rem;
		font-size: .26rem;
		color: #666
	}

	.sub-search .date .YY {
		line-height: .24rem;
		font-size: .16rem;
		color: #999
	}

	.sub-search .more {
		display: block;
		margin-left: .45rem;
		width: .5rem;
		height: .5rem;
		line-height: .5rem;
		font-size: .26rem;
		font-family: "SimSun";
		text-align: center;
		color: #666;
		border: solid 1px #ccc;
		transition: color .4s, border-color .4s, background-color .4s
	}

	.sub-search .u-box:hover .name {
		color: #396
	}

	.sub-search .u-box:hover .name:before {
		background: #2d9b78
	}

	.sub-search .u-box:hover .more {
		color: #fff;
		border-color: #fff;
		background-color: #2d9b78
	}

	.sub-search .skw {
		color: #c00
	}

	.detail-page {
		margin-top: .5rem;
		display: flex;
		line-height: 0;
		font-size: 0;
		text-align: center
	}

	.detail-page .page {
		flex: auto;
		position: relative;
		zoom: 1;
		display: inline-block;
		vertical-align: top;
		width: 50%;
		height: 1.84rem;
		transition: filter .4s
	}

	.detail-page .page:before {
		position: absolute;
		top: 50%;
		width: .7rem;
		line-height: .24rem;
		font-size: .3rem;
		font-family: "SimSun";
		text-align: center;
		transform: translateY(-50%)
	}

	.detail-page .page:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%
	}

	.detail-page .page .title {
		display: inline-block;
		vertical-align: middle;
		max-width: 100%;
		text-align: left
	}

	.detail-page .page h4 {
		line-height: .3rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .18rem;
		font-weight: normal
	}

	.detail-page .page p {
		line-height: .28rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .16rem
	}

	.detail-page .page a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0
	}

	.detail-page .page-prev {
		padding: 0 .4rem 0 1.1rem;
		text-align: left;
		background: #ededed
	}

	.detail-page .page-prev:before {
		content: "<";
		left: 0;
		color: #666;
		border-right: solid 1px #ccc
	}

	.detail-page .page-prev .title {
		color: #8c8c8c
	}

	.detail-page .page-next {
		padding: 0 1.1rem 0 .4rem;
		text-align: right;
		background: #4382ae
	}

	.detail-page .page-next:before {
		content: ">";
		right: 0;
		color: #fff;
		border-left: solid 1px #4310fc
	}

	.detail-page .page-next .title {
		color: #fff
	}

	.detail-page .page:hover {
		filter: brightness(1.1)
	}

	.detail-page .page-disabled {
		display: none
	}

	.pro-detail {
		padding-bottom: 1rem
	}

	.pro-detail .detail-item {
		position: relative;
		zoom: 1;
		padding: .2rem .3rem .2rem 7.1rem;
		min-height: 6.5rem;
		border: solid 1px #efefef;
		background: #fff;
		box-sizing: content-box
	}

	.pro-detail .detail-item h1 {
		padding-top: .6rem;
		line-height: .62rem;
		font-size: .42rem;
		font-weight: normal
	}

	.pro-detail .detail-item h1 span {
		display: inline-block;
		vertical-align: top;
		margin-left: .2rem;
		padding-top: .06rem;
		line-height: .56rem;
		font-size: .24rem
	}

	.pro-detail .itemGallery {
		position: absolute;
		top: .2rem;
		left: .2rem;
		width: 6.5rem;
		height: 6.5rem
	}

	.pro-detail .itemGallery .u-img {
		width: 6.5rem;
		height: 6.5rem
	}

	.pro-detail .itemCon {
		margin-right: -.3rem;
		height: 3.65rem;
		
	}

	.pro-detail .itemCon .conBox {
		padding: .15rem .3rem .15rem 0;
		min-height: 1.52rem;
		line-height: .38rem;
		font-size: .18rem;
		color: #999
	}

	.pro-detail .itemCon .conBox p {
		padding-left: 1.6rem
	}

	.pro-detail .itemCon .conBox p:before {
		content: "";
		display: inline-block;
		vertical-align: top;
		margin: .13rem .12rem 0 0;
		width: .12rem;
		height: .12rem;
		overflow: hidden;
		background: #e6e6e6;
		border-radius: 50%
	}

	.swiper-gallery .swiper-gallery-button {
		display: none
	}

	.pro-detail .detail-con {
		margin-top: .4rem
	}

	.swiper-tabs-title .swiper-slide {
		position: relative;
		zoom: 1;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 .2rem 0 .3rem;
		height: 1.2rem;
		border: solid 1px #efefef;
		background: #fff;
		cursor: pointer;
		box-sizing: border-box;
		transition: color .4s
	}

	.swiper-tabs-title .swiper-slide h4 {
		position: relative;
		line-height: .36rem;
		font-size: .26rem;
		font-weight: normal
	}

	.swiper-tabs-title .swiper-slide:before {
		content: "";
		position: absolute;
		top: -1px;
		bottom: -1px;
		left: -1px;
		right: calc(100% + 1px);
		background: #2d9b78;
		transition: right .4s
	}

	.swiper-tabs-title .swiper-slide:after {
		content: ">";
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		margin-left: .2rem;
		width: .34rem;
		height: .34rem;
		font-size: .3rem;
		font-family: "SimSun";
		color: #999;
		border: solid 1px #ccc;
		transition: opacity .4s, transform .4s
	}

	.swiper-tabs-title .swiper-slide-thumb-active {
		color: #fff
	}

	.swiper-tabs-title .swiper-slide-thumb-active:before {
		right: -1px
	}

	.swiper-tabs-title .swiper-slide-thumb-active:after {
		opacity: 0;
		transform: translateX(.1rem)
	}

	.swiper-tabs-title .swiper-no-swiping {
		padding: 0
	}

	.swiper-tabs-title .swiper-no-swiping:before,
	.swiper-tabs-title .swiper-no-swiping:after {
		display: none
	}

	.swiper-tabs-title .case-btn {
		position: relative;
		zoom: 1;
		flex: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 .2rem 0 .3rem;
		height: 100%;
		line-height: .36rem;
		font-size: .26rem;
		transition: color .4s
	}

	.swiper-tabs-title .case-btn:after {
		content: ">";
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		margin-left: .2rem;
		width: .34rem;
		height: .34rem;
		font-size: .3rem;
		font-family: "SimSun";
		color: #999;
		border: solid 1px #ccc;
		transition: opacity .4s, transform .4s
	}

	.swiper-tabs-content {
		margin-top: .4rem;
		border-top: solid 1px rgba(204, 204, 204, .4);
		background: #fff
	}

	.swiper-tabs-content .content {
		padding: .6rem .4rem;
		line-height: 1.6666;
		font-size: .18rem;
		color: #666
	}

	.swiper-tabs-content .content h4 {
		margin-bottom: .24rem;
		line-height: .36rem;
		font-size: .24rem;
		font-weight: normal;
		color: #333
	}

	.swiper-tabs-content .content hr {
		margin: .35rem 0;
		border: 0;
		border-bottom: solid 1px #ccc
	}

	.news-detail {
		padding: .2rem .3rem 1rem
	}

	.news-detail h1 {
		font-size: .48rem;
		font-size: .3rem;
		font-weight: normal
	}

	.news-detail .detail-date {
		line-height: .34rem;
		font-size: .18rem;
		color: #838383
	}

	.news-detail .detail-img {
		padding: .2rem 0
	}

	.news-detail .detail-con {
		padding: .2rem 0;
		line-height: 1.6666;
		font-size: .18rem;
		color: #666
	}

	.news-detail .detail-con h4 {
		margin-bottom: .12rem;
		line-height: .34rem;
		font-size: .22rem;
		font-weight: normal;
		color: #333
	}

	.sub-case {
		padding: 1rem 0
	}

	.sub-case ul {
		display: flex;
		flex-wrap: wrap
	}

	.sub-case li {
		width: 29.1666%;
		margin: 1rem 0 0 6.25%
	}

	.sub-case li:nth-child(-n+3) {
		margin-top: 0
	}

	.sub-case li:nth-child(3n+1) {
		margin-left: 0
	}

	.sub-case .u-box {
		position: relative;
		zoom: 1;
		padding-top: .26rem
	}

	.sub-case .u-box:before,
	.sub-case .u-box:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		height: .02rem;
		min-height: 1px;
		overflow: hidden;
		transition: width .4s
	}

	.sub-case .u-box:before {
		width: 100%;
		background: #999
	}

	.sub-case .u-box:after {
		width: 0;
		background: #2d9b78
	}

	.sub-case .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-case .u-name {
		position: relative;
		zoom: 1;
		padding-right: .7rem;
		line-height: .6rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .2rem;
		transition: transform .4s
	}

	.sub-case .u-name:before {
		content: ">";
		position: absolute;
		top: 50%;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: .5rem;
		height: .5rem;
		font-size: .28rem;
		font-family: "SimSun";
		color: #2d9b78;
		border: solid 1px #2d9b78;
		opacity: 0;
		transform: translate(-.1rem, -50%);
		transition: opacity .4s, transform .4s
	}

	.sub-case .u-con {
		margin-top: .16rem;
		height: .6rem;
		line-height: .3rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .16rem;
		transition: transform .4s
	}

	.sub-case .u-img {
		margin-top: .46rem;
		transition: transform .4s
	}

	.sub-case .u-box:hover:after {
		left: 0;
		right: auto;
		width: 100%
	}

	.sub-case .u-box:hover .u-name,
	.sub-case .u-box:hover .u-con {
		transform: translateY(-.05rem)
	}

	.sub-case .u-box:hover .u-name:before {
		opacity: 1;
		transform: translate(0, -50%)
	}

	.sub-case .u-box:hover .u-img {
		transform: translateY(-.24rem)
	}

	.sub-case .m-page {
		margin-top: 1rem
	}

	.sub-about {
		line-height: 2;
		font-size: .18rem;
		color: #666
	}

	.sub-about img.f-fl {
		margin-right: .4rem;
		max-width: 50%
	}

	.sub-about h2 {
		margin: 0;
		padding: .3rem 0;
		line-height: 2;
		font-size: .24rem;
		text-align: left
	}

	.sub-about hr {
		margin: 0;
		border: 0 none;
		border-bottom: solid 1px rgba(204, 204, 204, .67)
	}

	.sub-about .u-con {
		padding: .3rem 0
	}

	.sub-about-video {
		margin-top: .7rem;
		display: flex;
		flex-wrap: wrap
	}

	.sub-about-video li {
		margin-left: 2.0833%;
		width: 31.9444%
	}

	.sub-about-video li:nth-child(3n+1) {
		margin-left: 0
	}

	.sub-about-video .u-box,
	.sub-about-video .u-img {
		position: relative;
		zoom: 1;
		overflow: hidden
	}

	.sub-about-video .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-about-video .u-name {
		padding: .2rem 0;
		line-height: 1.8;
		font-size: .2rem;
		font-weight: normal;
		color: #333
	}

	.sub-history {
		position: relative;
		zoom: 1;
		margin: .5rem 0 -1rem;
		padding-bottom: 1rem
	}

	.sub-history:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		width: 2px;
		overflow: hidden;
		background: linear-gradient(#1e98cb, #8ac57f);
		transform: translateX(-50%)
	}

	.sub-history li {
		position: relative;
		zoom: 1;
		padding-bottom: .5rem;
		display: flex;
		flex-direction: column
	}

	.sub-history li:nth-child(even) {
		align-items: flex-start;
		text-align: right
	}

	.sub-history li:nth-child(even) .u-img {
		justify-content: flex-end
	}

	.sub-history li:nth-child(odd) {
		align-items: flex-end
	}

	.sub-history .ico {
		position: absolute;
		top: 0;
		left: 50%;
		width: .26rem;
		height: .26rem;
		background: #fff;
		border-radius: 50%;
		transform: translateX(-50%);
		background: linear-gradient(#1e98cb, #8ac57f)
	}

	.sub-history .u-box {
		width: 6.62rem
	}

	.sub-history .u-date {
		margin-bottom: .2rem;
		line-height: 1.2;
		font-size: .3rem;
		font-weight: normal;
		color: #333
	}

	.sub-history .u-con {
		min-height: 6.6666em;
		line-height: 1.6666;
		font-size: .18rem;
		color: #797979
	}

	.sub-history .u-img {
		margin-top: .16rem;
		line-height: 0;
		font-size: 0
	}

	.sub-history .u-img img {
		margin: 1.8126% 0 0 1.8126%;
		max-width: 49.0936%
	}

	.sub-history .u-img img:nth-child(-n+2) {
		margin-top: 0
	}

	.sub-history .u-img img:nth-child(2n+1) {
		margin-left: 0
	}

	.sub-partner {
		padding: 1rem 0
	}

	.sub-partner ul {
		display: flex;
		flex-wrap: wrap
	}

	.sub-partner li {
		width: 22.2222%;
		margin: 3.7037% 0 0 3.7037%
	}

	.sub-partner li:nth-child(-n+4) {
		margin-top: 0
	}

	.sub-partner li:nth-child(4n+1) {
		margin-left: 0
	}

	.sub-partner .u-box {
		position: relative;
		zoom: 1;
		padding-bottom: .2rem;
		transition: color .2s
	}

	.sub-partner .u-box:before {
		content: "";
		position: absolute;
		z-index: 5;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border: solid 2px #239873;
		opacity: 0;
		transition: all .2s
	}

	.sub-partner .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-partner .u-img {
		height: 1.58rem;
		border: solid 1px #ededed
	}

	.sub-partner .u-name {
		margin-top: .2rem;
		line-height: .42rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .22rem;
		font-weight: normal;
		text-align: center
	}

	.sub-partner .u-box:hover {
		color: #339b7a
	}

	.sub-partner .u-box:hover:before {
		opacity: 1;
		top: .15rem;
		left: .12rem;
		right: .12rem
	}

	.sub-contact h2 {
		padding: .2rem 0;
		line-height: 1.6;
		font-size: .3rem;
		font-weight: bold;
		text-align: left
	}

	.sub-contact hr {
		border: 0 none;
		border-bottom: solid 1px rgba(204, 204, 204, .68)
	}

	.sub-contact .u-con {
		padding: .4rem 0;
		line-height: 1.6666;
		font-size: .18rem;
		color: #666
	}

	.sub-contact .u-con h4 {
		margin-bottom: .12rem;
		line-height: 1.4545;
		font-size: .22rem;
		font-weight: normal
	}

	.sub-contact-img {
		position: relative;
		left: 50%;
		margin: .4rem 0 -1rem;
		padding: .8rem 0;
		width: calc(100vw - 10px);
		transform: translateX(-50%);
		background: #f7f7f7
	}

	.sub-contact-img ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		padding: 0 .3rem;
		max-width: 1500px
	}

	.sub-contact-img li {
		width: 25%
	}

	.sub-business {
		padding: .7rem 0
	}

	.sub-business li {
		margin-top: .7rem
	}

	.sub-business li:first-child {
		margin-top: 0
	}

	.sub-business .u-box {
		position: relative;
		zoom: 1;
		display: flex;
		align-items: center
	}

	.sub-business .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-business .u-img {
		flex-shrink: 0;
		width: 8rem;
		height: 5rem;
		overflow: hidden
	}

	.sub-business .u-img img {
		object-fit: cover;
		transition: transform 1s cubic-bezier(.7, 0, .3, 1)
	}

	.sub-business .u-con {
		position: relative;
		z-index: 5;
		margin-left: -.8rem;
		padding: .55rem .6rem 0 .8rem;
		width: 7.2rem;
		height: 3.76rem;
		border-top: solid 2px #399678;
		background: #fff;
		box-shadow: 0 0 .07rem rgba(19, 19, 19, .22)
	}

	.sub-business li:nth-child(even) .u-con {
		order: -1;
		margin: 0 -.8rem 0 0;
		padding: .55rem .8rem 0 .6rem
	}

	.sub-business .name {
		line-height: .34rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .22rem;
		font-weight: normal
	}

	.sub-business .name:before {
		content: "";
		display: block;
		margin-bottom: .4rem;
		width: .54rem;
		height: 2px;
		overflow: hidden;
		background: #396
	}

	.sub-business .content {
		margin-top: .3rem;
		height: 1.36rem;
		line-height: .34rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		font-size: .16rem;
		color: #666
	}

	.sub-business .u-box:hover .u-img img {
		transform: scale(1.1)
	}
}

@media screen and (max-width:750px) {
	/* 移动端 banner 图片放大显示 */
	.swiper-banner li {
		height: 160px;
	}
	.swiper-banner img {
		transform: scale(1.15);
		transform-origin: center;
	}

	::-webkit-scrollbar {
		width: 0;
		height: 0
	}

	[wap="show"] {display:none;}

[wap="hide"] {
		display: none
	}

	[wap="show"] {
		display: block !important;
	}

	/* 移动端顶部欢迎语 */
	.mobile-welcome-bar {
		background: #f2f2f2;
		color: #888;
		font-size: .22rem;
		line-height: .6rem;
		text-align: left;
		
	}

	/* 移动端顶部背景图 + 标题/搜索/电话一行布局 */
	.top-bar>.wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .2rem;
		padding: 0 .3rem;
		height: .8rem;
		background-image: url('/static/images/wap_top_background.jpg');
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
	}

	.mobile-header-title {
		flex: 0 0 auto;
		color: #fff;
		font-size: .42rem;
		font-weight: bold;
		line-height: 1;
		white-space: nowrap;
	}

	/* 让 header-search 在移动端显示（原来带 pc="show"） */
	.header-search {
		display: flex !important;
		align-items: center;
		margin-left: 0;
		margin-right: 0;
		gap: .2rem;
		width: 2.5rem;
		margin-right: 100px !important;
	}

	.search-input {
		width: 2.6rem;
		height: .46rem;
		border-radius: .23rem;
		font-size: .22rem;
		padding: 0 .6rem 0 .2rem;
	}

	.search-submit {
		width: .46rem;
		height: .46rem;
		background-size: .26rem;
	}

	.header-tel{display:flex;align-items:center;gap:.1rem;margin-left:0;font-size:.24rem;color:#fff;font-weight:normal;white-space:nowrap;}
	.header-tel .tel-item{display:inline-block;}
	.header-tel .tel-sep{margin:0 .1rem;}
	@media(max-width:750px){.header-tel{white-space:normal;flex-direction:column;align-items:flex-start;font-size:.22rem;}}

	/* 更窄手机：电话再缩小 */
	@media (max-width:480px){
		.header-tel{font-size:.2rem !important;max-width:100%;white-space:normal;line-height:0.2;word-break:break-all;
		 max-width:2.4rem;
		text-overflow:ellipsis;
		white-space:nowrap;
		}
	}


	#header {
		overflow: hidden;
		transition: height .4s, background .4s
	}

	#header[background="show"] .top-box,
	.innerPage #header .top-box {
		background: #fff;
		box-shadow: 0 0 .08rem #d5d5d5
	}

	.top-box {
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		right: 0;
		margin-right: 0;
		padding: 0 .3rem;
		min-width: 320px;
		height: auto; /* 自动高度 */
		transition: background .4s, box-shadow .4s
	}

	.top-bar>.wrap {
		display: block;
		padding-top: 0.6rem; /* 减小顶部内边距 */
		min-height: auto; /* 自动高度 */
	}

	/* 针对更小屏幕的优化 */
	@media (max-width: 480px) {
		.top-bar>.wrap {
			padding-top: 0.15rem; 
			background-image: url(/static/images/wap_top_background.jpg);
            background-size: 120% 40px;/* 更小的内边距 */
			 background-position:-50px 0; 
		}
		
		.top-box {
			padding: 0 0.2rem; /* 减小左右内边距 */
		}
	}

	.top-box .nav-btn {
		height: .42rem
	}

	.top-box .nav-btn .line {
		position: relative;
		display: block;
		width: .68rem;
		height: .04rem;
		overflow: hidden;
		background: #4382ae;
		transition: transform .4s
	}

	.top-box .nav-btn .line:nth-child(2) {
		margin: .15rem 0
	}

	.top-nav {
		padding: .8rem 0;
		opacity: 0;
		transform: translateY(-.4rem);
		transition: opacity .4s, transform .4s
	}

	.top-nav .fir-li {
		margin: 0 .4rem
	}

	.top-nav .fir-li:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		border-bottom: solid 1px #e6e6e6;
		transition: all .4s
	}

	.top-nav .fir-li .u-a {
		display: block;
		padding: .2rem 0;
		line-height: .36rem;
		font-size: .3rem
	}

	.top-nav .fir-li .u-a .ico {
		display: none;
		float: right;
		margin-left: .2rem;
		width: .3rem;
		height: .3rem
	}

	.top-nav .fir-li .u-a .ico:before,
	.top-nav .fir-li .u-a .ico:after {
		content: "";
		display: block;
		width: .3rem;
		height: .02rem;
		overflow: hidden;
		background: #4382ae;
		transition: transform .4s, background .4s, opacity .4s
	}

	.top-nav .fir-li .u-a .ico:before {
		margin-top: .14rem
	}

	.top-nav .fir-li .u-a .ico:after {
		margin-top: -.02rem;
		transform: rotate(90deg)
	}

	.top-nav .active .u-a .ico:before {
		background: #999;
		opacity: 0;
		transform: rotate(90deg)
	}

	.top-nav .active .u-a .ico:after {
		background: #999;
		transform: rotate(180deg)
	}

	.top-nav .sec-box {
		display: none
	}

	.top-nav .sec-ul {
		padding: 0 0 .2rem
	}

	.top-nav .sec-ul a {
		display: block;
		padding: .1rem 0 .1rem .9rem;
		line-height: .3rem;
		font-size: .24rem;
		color: #666
	}

	#header[nav="show"] {
		height: 100%;
		overflow: auto;
		background: #fff
	}

	#header[nav="show"] .top-box {
		background: #fff
	}

	#header[nav="show"] .nav-btn .line:nth-child(1) {
		transform: translateY(.19rem) rotate(45deg)
	}

	#header[nav="show"] .nav-btn .line:nth-child(2) {
		transform: translateX(50%) scaleX(0)
	}

	#header[nav="show"] .nav-btn .line:nth-child(3) {
		transform: translateY(-.19rem) rotate(-45deg)
	}

	#header[nav="show"] .top-nav {
		opacity: 1;
		transform: none
	}

	.swiper-banner {
		position: relative;
		zoom: 1
	}

	.swiper-banner-pagination {
		bottom: .25rem
	}

	.swiper-banner-pagination .swiper-pagination-bullet {
		margin: 0 .06rem;
		width: .56rem;
		height: .04rem
	}

	.m-title {
		font-size: 0;
		text-align: center
	}

	.m-title:after {
		content: "";
		display: block;
		margin: .12rem auto 0;
		width: .82rem;
		height: 2px;
		overflow: hidden;
		background: #4382ae
	}

	.m-title h2 {
		line-height: .48rem;
		font-size: .4rem
	}

	.m-title p {
		line-height: .38rem;
		font-size: .3rem;
		color: #999
	}

	.m-menu {
		padding: .22rem 0 .3rem
	}

	.m-menu li {
		position: relative;
		zoom: 1;
		padding-left: 2px;
		width: auto;
		line-height: .6rem;
		font-size: .3rem
	}

	.m-menu li:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 2px;
		height: .32rem;
		background: #ccc
	}

	.m-menu a {
		padding: 0 .24rem;
		color: #999
	}

	.m-menu li.current a {
		color: #279e78
	}

	.m-menu li:first-child {
		padding-left: 0
	}

	.m-menu li:first-child:before {
		display: none
	}

	.menuBox {
		border-bottom: solid 1px #e2e2e2
	}

	.m-business {
		padding: .3rem 0;
		background: #e5f4f9
	}

	.m-business .listBox li {
		margin: 2.8985% 0 0 2.8985%;
		width: 48.5507%
	}

	.m-business .listBox li:nth-child(-n+2) {
		margin-top: 0
	}

	.m-business .listBox li:nth-child(2n+1) {
		margin-left: 0
	}

	.m-business .maskBox .u-con {
		padding: .28rem .24rem .24rem
	}

	.m-business .maskBox .ico {
		height: .46rem
	}

	.m-business .maskBox .name {
		margin-top: .2rem;
		text-align: center
	}

	.m-business .maskBox .name:before {
		content: "";
		display: block;
		margin: 0 auto .1rem;
		width: .46rem;
		height: 1px;
		overflow: hidden;
		background: #ccc
	}

	.m-business .maskBox .name h4 {
		line-height: .36rem;
		font-size: .24rem;
		font-weight: normal
	}

	.m-business .maskBox .name p {
		line-height: .3rem;
		font-size: .2rem;
		color: #999
	}

	.m-product {
		padding: .48rem 0 .52rem;
		background: #fff;
		overflow: hidden
	}

	.swiper-product {
		margin-top: .16rem;
		padding: 0 .18rem
	}

	.swiper-product .swiper-slide {
		padding: .12rem;
		box-sizing: border-box
	}

	.swiper-product .u-box {
		position: relative;
		zoom: 1;
		border: solid 1px rgba(227, 227, 227, .5);
		background: #fff;
		box-shadow: 0 .03rem .09rem rgba(0, 0, 0, .08);
		transition: border-color .3s, box-shadow .3s
	}

	.swiper-product .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-product .u-img {
		position: relative;
		zoom: 1;
		width: 100%;
		padding: 50% 0
	}

	.swiper-product .u-img img {
		position: absolute;
		top: 0;
		left: 0
	}

	.swiper-product .u-con .name {
		padding-bottom: .04rem;
		line-height: .88rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .26rem;
		font-weight: normal;
		text-align: center
	}

	.swiper-product-button {
		margin-top: .38rem
	}

	.swiper-product-button>div {
		margin-left: .15rem;
		width: .7rem;
		line-height: .7rem;
		font-size: .6rem
	}

	.swiper-advantage .swiper-slide {
		width: 100%
	}

	.swiper-advantage .u-box {
		position: relative;
		zoom: 1
	}

	.swiper-advantage .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-advantage .u-img {
		height: 13.3rem;
		overflow: hidden
	}

	.swiper-advantage .u-img img {
		position: relative;
		left: 50%;
		width: auto;
		max-width: none;
		transform: translateX(-50%)
	}

	.swiper-advantage .conBox {
		position: absolute;
		z-index: 5;
		top: .3rem;
		bottom: .3rem;
		left: .3rem;
		right: .3rem;
		text-align: center;
		color: #fff;
		background: rgba(52, 158, 126, .75)
	}

	.swiper-advantage .u-con {
		position: absolute;
		top: .24rem;
		bottom: .24rem;
		left: .24rem;
		right: .24rem;
		padding: 10.625% .6rem 0;
		border: solid 1px #32c596;
		background: #2d9b78
	}

	.swiper-advantage .num {
		line-height: 1.16rem;
		font-size: 1rem;
		font-family: Arial
	}

	.swiper-advantage .name {
		line-height: .48rem;
		font-size: .34rem
	}

	.swiper-advantage .title {
		margin-top: .5rem;
		padding: .28rem 0;
		border-bottom: solid 1px rgba(255, 255, 255, .5)
	}

	.swiper-advantage .title h5 {
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .32rem;
		font-weight: normal
	}

	.swiper-advantage .content {
		margin-top: 1.22rem;
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		font-size: .26rem
	}

	.swiper-advantage .more {
		position: absolute;
		left: 50%;
		bottom: 1.75rem;
		width: .54rem;
		height: .54rem;
		border: solid 1px #fff;
		transform: translateX(-50%)
	}

	.swiper-advantage .more:before,
	.swiper-advantage .more:after {
		content: "";
		position: absolute;
		left: 25%;
		right: 25%;
		top: 50%;
		height: 1px;
		overflow: hidden;
		background: #fff;
		transform: translateY(-50%)
	}

	.swiper-advantage .more:after {
		transform: rotate(90deg)
	}

	.swiper-advantage .u-box:hover .conBox {
		opacity: 1;
		transform: none
	}

	.m-news {
		padding: .6rem 0 .7rem;
		overflow: hidden
	}

	.m-news .menuBox {
		border-bottom: 0
	}

	.m-news .m-more a {
		display: block;
		margin: .6rem auto 0;
		width: 2rem;
		line-height: .7rem;
		font-size: .26rem;
		text-align: center;
		color: #999;
		border: solid 1px #ccc
	}

	.swiper-news {
		margin-top: .45rem
	}

	.swiper-news .swiper-wrapper {
		flex-direction: column;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.swiper-news .swiper-slide {
		margin-bottom: .45rem
	}

	.swiper-news .swiper-slide:last-child {
		margin-bottom: 0
	}

	.swiper-news .u-box {
		position: relative;
		zoom: 1;
		border: 1px solid #e0e0e0; /* 灰色边框 */
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 底部阴影 */
	}

	.swiper-news .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-news .u-date {
		padding: .22rem .3rem;
		line-height: .54rem;
		font-size: .36rem;
		border-bottom: solid 1px #d2d2d2
	}

	.swiper-news .conBox {
		padding: .24rem .3rem 0
	}

	.swiper-news .name {
		line-height: .68rem;
		font-size: .34rem;
		color: #000;
		overflow: visible; /* 允许显示完整内容 */
		white-space: normal; /* 允许换行 */
		word-wrap: break-word; /* 长单词换行 */
	}

	.swiper-news .content {
		margin-top: .3rem;
		line-height: .48rem;
		overflow: visible; /* 改为可见 */
		font-size: .24rem;
		color: #666
	}

	.swiper-news .u-img {
		margin-top: .54rem
	}

	.m-about .conBox {
		position: relative;
		zoom: 1;
		margin-top: .4rem
	}

	.m-about .conBox .u-con {
		padding: .5rem 0;
		text-align: center;
		line-height: .48rem;
		font-size: .28rem;
		color: #818181
	}

	.m-about .conBox .u-con h4 {
		margin-bottom: .36rem;
		line-height: .48rem;
		font-size: .4rem;
		font-weight: normal;
		color: #333
	}

	.m-partner {
		position: relative;
		zoom: 1;
		margin-top: -.5rem;
		padding: .55rem 0
	}

	.swiper-partner {
		margin: -.15rem -.25rem
	}

	.swiper-partner .u-box {
		position: relative;
		zoom: 1;
		margin: .15rem .25rem;
		transition: color .2s
	}

	.swiper-partner .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.swiper-partner .u-img {
		height: 1.58rem;
		border: solid 1px #ededed
	}

	.swiper-partner .u-name {
		margin-top: .16rem;
		line-height: .46rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .26rem;
		font-weight: normal;
		text-align: center
	}

	body[layout="wap"] #footer {
		padding-bottom: .94rem
	}

	#footer>.goTop {
		display: block;
		height: 1.24rem;
		background: url(../images/ico-gotop.png) center / .29rem .16rem no-repeat
	}

	.footer-nav {
		margin: 0 .5rem
	}

	.footer-nav a {
		color: #fff
	}

	.footer-nav:before,
	.footer-nav .fir-li:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		border-top: solid 1px rgba(85, 77, 77, .57);
		border-bottom: solid 1px rgba(255, 255, 255, .14)
	}

	.footer-nav .fir-li .u-a {
		display: block;
		padding: .2rem 0;
		line-height: .36rem;
		font-size: .3rem;
		font-weight: bold
	}

	.footer-nav .fir-li .u-a .ico {
		display: none;
		float: right;
		margin-left: .2rem;
		width: .3rem;
		height: .3rem
	}

	.footer-nav .fir-li .u-a .ico:before,
	.footer-nav .fir-li .u-a .ico:after {
		content: "";
		display: block;
		width: .3rem;
		height: .02rem;
		overflow: hidden;
		background: #fff;
		transition: transform .4s, background .4s, opacity .4s
	}

	.footer-nav .fir-li .u-a .ico:before {
		margin-top: .14rem
	}

	.footer-nav .fir-li .u-a .ico:after {
		margin-top: -.02rem;
		transform: rotate(90deg)
	}

	.footer-nav .active .u-a .ico:before {
		background: #fff;
		opacity: 0;
		transform: rotate(90deg)
	}

	.footer-nav .active .u-a .ico:after {
		background: #fff;
		transform: rotate(180deg)
	}

	.footer-nav .sec-box {
		display: none
	}

	.footer-nav .sec-ul {
		padding: 0 0 .2rem
	}

	.footer-nav .sec-ul a {
		display: block;
		padding: .1rem 0 .1rem .9rem;
		line-height: .3rem;
		font-size: .24rem;
		color: #fff
	}

	.footer-QRcode {
		display: flex;
		justify-content: center;
		margin-top: .72rem
	}

	.footer-QRcode .QRcode {
		margin-left: .46rem;
		line-height: .42rem;
		font-size: .22rem;
		text-align: center;
		color: #fff
	}

	.footer-QRcode .QRcode:first-child {
		margin-left: 0
	}

	.footer-QRcode .QRcode img {
		width: 1.64rem
	}

	.copyright-box {
		padding: .5rem 0;
		line-height: .48rem;
		font-size: .24rem;
		text-align: center;
		color: rgba(255, 255, 255, .62)
	}

	.copyright-box a {
		font-weight: bold;
		color: rgba(255, 255, 255, .62)
	}

	.copyright-box a:hover {
		color: #fff
	}

	#client {
		z-index: 50;
		left: 0;
		right: 0;
		bottom: 0;
		height: .94rem;
		background: #4382ae
	}

	#client ul {
		display: flex;
		align-items: stretch;
		min-width: 320px;
		height: 100%
	}

	#client li {
		flex: auto;
		position: relative;
		zoom: 1
	}

	#client li:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -1px;
		width: 0;
		overflow: hidden;
		border-left: solid 1px #1f7e60;
		border-right: solid 1px rgba(255, 255, 255, .4)
	}

	#client li:first-child:before {
		display: none
	}

	#client .u-a {
		position: relative;
		display: block;
		height: 100%
	}

	#client .u-a:active {
		background: #128a63
	}

	#client .u-a .ico {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../images/ico-client-wap.png) center .94rem / .5rem 3.76rem no-repeat
	}

	#client .client-home .ico {
		background-position: center 0
	}

	#client .client-tel .ico {
		background-position: center -.94rem
	}

	#client .client-qq .ico {
		background-position: center -1.88rem
	}

	#client .client-map .ico {
		background-position: center -2.82rem
	}

	#client .client-goTop,
	#client .conBox .con {
		display: none
	}

	.innerPage #content>.wrap {
		padding-top: .96rem
	}

	.innerPage #banner,
	.innerPage .footer-box {
		display: none
	}

	.innerPage .copyright-box {
		margin: 0 .5rem;
		border-top: solid 1px rgba(255, 255, 255, .14)
	}

	#subNav {
		height: 1rem
	}

	#subNav>.area {
		position: fixed;
		top: .96rem;
		left: 0;
		width: 100%;
		padding: 0
	}

	#subNav .all-btn {
		position: relative;
		zoom: 1;
		display: flex;
		align-items: center;
		padding: 0 .3rem;
		height: 1rem;
		font-size: .3rem;
		color: #4382ae;
		border-bottom: solid 1px #e2e2e2;
		background: #f9f9f9
	}

	#subNav .all-btn .arrow {
		position: absolute;
		top: 0;
		right: .3rem;
		display: flex;
		justify-content: center;
		align-items: center;
		width: .68rem;
		height: 1rem
	}

	#subNav .all-btn .arrow:before {
		content: ">";
		line-height: 1;
		font-size: .4rem;
		font-family: "SimSun";
		color: #4382ae;
		transform: rotate(90deg)
	}

	#subNav .listBox {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 0;
		overflow: hidden;
		background: rgba(0, 0, 0, .5);
		opacity: 0;
		transition: opacity .4s, height 0s .4s
	}

	#subNav .listBox li {
		padding: 0 .3rem;
		background: rgba(39, 158, 120, .92)
	}

	#subNav .listBox li:after {
		content: "";
		display: block;
		height: 0;
		border-bottom: solid 1px rgba(255, 255, 255, .3)
	}

	#subNav .listBox li:last-child:after {
		display: none
	}

	#subNav .listBox li a {
		display: block;
		padding: 0 .54rem;
		line-height: 1rem;
		font-size: .26rem;
		color: #fff
	}

	#subNav .listBox li.current a {
		margin: 0 -.3rem;
		padding: 0 .84rem;
		text-align: center;
		background: #4382ae
	}

	#subNav[sub-nav="show"] .listBox {
		height: calc(100vh - (.96rem + 1rem + .94rem));
		overflow: auto;
		opacity: 1;
		transition: opacity .4s, height 0s 0s
	}

	.sub-product {
		padding: .4rem 0 1rem
	}

	.sub-product ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: .4rem;
		padding: 0 .3rem
	}

	.sub-product li {
		margin: .24rem 0 0 .24rem;
		width: 48.26%
	}

	.sub-product li:nth-child(-n+2) {
		margin-top: 0
	}

	.sub-product li:nth-child(2n+1) {
		margin-left: 0
	}

	.sub-product .u-box {
		position: relative;
		zoom: 1;
		border: solid 1px rgba(227, 227, 227, .5);
		box-shadow: 0 .03rem .09rem rgba(0, 0, 0, .08)
	}

	.sub-product .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-product .u-img {
		position: relative;
		zoom: 1;
		padding-top: 100%
	}

	.sub-product .u-img img {
		position: absolute;
		top: 0;
		left: 0
	}

	.sub-product .u-name {
		position: relative;
		zoom: 1;
		padding: 0 .3rem .04rem;
		line-height: .88rem;
		overflow: hidden;
		font-size: .26rem;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight: normal;
		text-align: center;
		transition: color .4s
	}

	.sub-news {
		padding: .4rem 0 1rem
	}

	.sub-news>.area {
		padding: 0
	}

	.sub-news ul {
		margin-top: .4rem
	}

	.sub-news li {
		margin-bottom: .45rem
	}

	.sub-news li:last-child {
		margin-bottom: 0
	}

	.sub-news .u-box {
		position: relative;
		zoom: 1;
		display: flex;
		flex-direction: column
	}

	.sub-news .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-news .dateBox {
		order: -1
	}

	.sub-news .date .MMDD {
		padding: .22rem .3rem;
		line-height: .54rem;
		font-size: .36rem;
		border-bottom: solid 1px #d2d2d2
	}

	.sub-news .conBox {
		padding: .24rem .3rem 0
	}

	.sub-news .name {
		line-height: .68rem;
		font-size: .34rem;
		color: #000
	}

	.sub-news .content {
		margin-top: .3rem;
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		font-size: .24rem;
		color: #666
	}

	.sub-news .u-img {
		margin-top: .54rem
	}

	.sub-search {
		padding: .4rem 0 1rem
	}

	.sub-search>.area {
		padding: 0
	}

	.sub-search ul {
		margin-top: .4rem
	}

	.sub-search li {
		margin-bottom: .45rem
	}

	.sub-search li:last-child {
		margin-bottom: 0
	}

	.sub-search .u-box {
		position: relative;
		zoom: 1;
		display: flex;
		flex-direction: column
	}

	.sub-search .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-search .dateBox {
		order: -1
	}

	.sub-search .date .MMDD {
		padding: .22rem .3rem;
		line-height: .54rem;
		font-size: .36rem;
		border-bottom: solid 1px #d2d2d2
	}

	.sub-search .conBox {
		padding: .24rem .3rem 0
	}

	.sub-search .name {
		line-height: .68rem;
		font-size: .34rem;
		color: #000
	}

	.sub-search .content {
		margin-top: .3rem;
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		font-size: .24rem;
		color: #666
	}

	.sub-search .skw {
		color: #c00
	}

	.detail-page {
		display: flex;
		padding: .45rem .3rem;
		line-height: 0;
		font-size: 0;
		text-align: center;
		border-top: solid 1px #eee;
		background: #fff
	}

	.detail-page .page {
		flex: auto;
		position: relative;
		zoom: 1;
		display: inline-block;
		vertical-align: top;
		width: 50%;
		height: 1.48rem;
		transition: filter .4s
	}

	.detail-page .page:before {
		position: absolute;
		top: 50%;
		width: .46rem;
		line-height: .24rem;
		font-size: .3rem;
		font-family: "SimSun";
		transform: translateY(-50%)
	}

	.detail-page .page:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%
	}

	.detail-page .page .title {
		display: inline-block;
		vertical-align: middle;
		max-width: 100%;
		text-align: left
	}

	.detail-page .page h4,
	.detail-page .page p {
		line-height: .3rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .2rem;
		font-weight: normal
	}

	.detail-page .page a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0
	}

	.detail-page .page-prev {
		padding: 0 .2rem 0 .8rem;
		text-align: left;
		background: #ededed
	}

	.detail-page .page-prev:before {
		content: "<";
		left: 0;
		padding-left: 6px;
		text-align: left;
		color: #666;
		border-right: solid 1px #ccc
	}

	.detail-page .page-prev .title {
		color: #8c8c8c
	}

	.detail-page .page-next {
		padding: 0 .8rem 0 .2rem;
		text-align: right;
		background: #4382ae
	}

	.detail-page .page-next:before {
		content: ">";
		right: 0;
		padding-right: 6px;
		text-align: right;
		color: #fff;
		border-left: solid 1px #47bf99
	}

	.detail-page .page-next .title {
		color: #fff
	}

	.detail-page .page:hover {
		filter: brightness(1.1)
	}

	.detail-page .page-disabled {
		display: none
	}

	.pro-detail.area {
		padding: 0
	}

	.pro-detail .detail-item {
		padding: 0 .3rem;
		border-bottom: solid 1px #eee;
		background: #fff
	}

	.pro-detail .detail-item h1 {
		padding: .4rem 0;
		line-height: .62rem;
		font-size: .42rem;
		font-weight: normal
	}

	.pro-detail .detail-item h1 span {
		display: inline-block;
		vertical-align: top;
		margin-left: .2rem;
		padding-top: .06rem;
		line-height: .56rem;
		font-size: .24rem
	}

	.pro-detail .itemGallery {
		border: solid 1px #d6d6d6
	}

	.pro-detail .itemGallery .u-img {
		width: 6.9rem;
		height: 6.9rem
	}

	.pro-detail .itemCon {
		margin-right: -.3rem
	}

	.pro-detail .itemCon .conBox {
		padding: .4rem .3rem .3rem 0;
		line-height: .54rem;
		font-size: .28rem;
		color: #999
	}

	.pro-detail .itemCon .conBox p:before {
		content: "";
		display: inline-block;
		vertical-align: top;
		margin: .19rem .2rem 0 0;
		width: .16rem;
		height: .16rem;
		overflow: hidden;
		background: #e6e6e6;
		border-radius: 50%
	}

	.pro-detail .detail-con {
		margin-top: .3rem
	}

	.swiper-tabs-title {
		padding: .4rem .2rem;
		border-top: solid 1px #eee;
		border-bottom: solid 1px #eee;
		background: #fff
	}

	.swiper-tabs-title .swiper-slide {
		padding: .1rem;
		box-sizing: border-box
	}

	.swiper-tabs-title .swiper-slide .title {
		position: relative;
		zoom: 1;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 .2rem 0 .3rem;
		height: 1.2rem;
		border: solid 1px #efefef;
		background: #f9f9f9;
		cursor: pointer;
		transition: color .4s
	}

	.swiper-tabs-title .swiper-slide .title:before {
		content: "";
		position: absolute;
		top: -1px;
		bottom: -1px;
		left: -1px;
		right: calc(100% + 1px);
		background: #2d9b78;
		transition: right .4s
	}

	.swiper-tabs-title .swiper-slide .title:after {
		content: ">";
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		margin-left: .2rem;
		width: .34rem;
		height: .34rem;
		font-size: .3rem;
		font-family: "SimSun";
		color: #999;
		border: solid 1px #ccc;
		transition: opacity .4s, transform .4s
	}

	.swiper-tabs-title .swiper-slide h4 {
		position: relative;
		line-height: .36rem;
		font-size: .26rem;
		font-weight: normal
	}

	.swiper-tabs-title .swiper-slide-thumb-active .title {
		color: #fff
	}

	.swiper-tabs-title .swiper-slide-thumb-active .title:before {
		right: -1px
	}

	.swiper-tabs-title .swiper-slide-thumb-active .title:after {
		opacity: 0;
		transform: translateX(.1rem)
	}

	.swiper-tabs-title .case-btn {
		position: relative;
		zoom: 1;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 .2rem 0 .3rem;
		height: 1.2rem;
		line-height: .36rem;
		font-size: .26rem;
		border: solid 1px #efefef;
		background: #f9f9f9;
		transition: color .4s
	}

	.swiper-tabs-title .case-btn:after {
		content: ">";
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		margin-left: .2rem;
		width: .34rem;
		height: .34rem;
		font-size: .3rem;
		font-family: "SimSun";
		color: #999;
		border: solid 1px #ccc;
		transition: opacity .4s, transform .4s
	}

	.swiper-tabs-content .content {
		padding: .4rem .3rem;
		line-height: .36rem;
		font-size: .22rem;
		color: #666
	}

	.swiper-tabs-content .content h4 {
		margin-bottom: .24rem;
		line-height: .42rem;
		font-size: .28rem;
		font-weight: normal;
		color: #333
	}

	.swiper-tabs-content .content hr {
		margin: .3rem 0;
		border: 0;
		border-bottom: solid 1px #ccc
	}

	.news-detail {
		padding: .2rem .3rem 0
	}

	.news-detail h1 {
		font-size: .48rem;
		font-size: .3rem;
		font-weight: normal
	}

	.news-detail .detail-date {
		line-height: .34rem;
		font-size: .18rem;
		color: #838383
	}

	.news-detail .detail-img {
		padding: .2rem 0
	}

	.news-detail .detail-con {
		padding: .2rem 0;
		line-height: 1.6666;
		font-size: .18rem;
		color: #666
	}

	.news-detail .detail-con h4 {
		margin-bottom: .12rem;
		line-height: .34rem;
		font-size: .22rem;
		font-weight: normal;
		color: #333
	}

	.news-detail .detail-page {
		margin: 0 -.3rem
	}

	.sub-case {
		padding: .4rem 0 1rem
	}

	.sub-case ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: .4rem;
		padding: 0 .3rem
	}

	.sub-case li {
		margin-top: .45rem
	}

	.sub-case li:first-child {
		margin-top: 0
	}

	.sub-case .u-box {
		position: relative;
		zoom: 1;
		padding-top: .26rem
	}

	.sub-case .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-case .u-box:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: .02rem;
		min-height: 1px;
		overflow: hidden;
		background: #efefef;
		transition: width .4s
	}

	.sub-case .u-name {
		position: relative;
		zoom: 1;
		line-height: .68rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .34rem;
		transition: transform .4s
	}

	.sub-case .u-con {
		margin-top: .3rem;
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: .24rem;
		transition: transform .4s
	}

	.sub-case .u-img {
		margin-top: .54rem;
		transition: transform .4s
	}

	.sub-case .m-page {
		margin-top: 1rem
	}

	.sub-about {
		line-height: 2;
		font-size: .24rem;
		color: #666
	}

	.sub-about img.f-fl {
		float: none
	}

	.sub-about h2 {
		margin: 0;
		padding: .4rem 0 .24rem;
		line-height: 1.6;
		font-size: .3rem;
		text-align: left
	}

	.sub-about hr,
	.sub-about:after {
		margin: 0 -.3rem;
		height: .3rem;
		border: 0 none;
		border-top: solid 1px #eee;
		border-bottom: solid 1px #eee;
		background: #f9f9f9
	}

	.sub-about .clear hr {
		margin: 0 -.3rem 0 0;
		height: 0;
		border: 0 none;
		border-bottom: solid 1px rgba(204, 204, 204, .67)
	}

	.sub-about:after {
		content: "";
		display: block;
		margin-top: .48rem
	}

	.sub-about .u-con {
		padding: .3rem 0
	}

	.sub-about-video {
		padding-top: .4rem
	}

	.sub-about-video li {
		margin-top: .5rem
	}

	.sub-about-video li:first-child {
		margin-top: 0
	}

	.sub-about-video .u-box,
	.sub-about-video .u-img {
		position: relative;
		zoom: 1;
		overflow: hidden
	}

	.sub-about-video .u-img:before {
		content: "";
		position: absolute;
		z-index: 5;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 1.23rem;
		height: 1.23rem;
		background: url(../images/ico-video.png) center / contain no-repeat
	}

	.sub-about-video .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-about-video .u-name {
		margin-top: .35rem;
		line-height: 1.5;
		font-size: .28rem;
		font-weight: normal;
		color: #333
	}

	.sub-history {
		position: relative;
		zoom: 1;
		margin-bottom: -1rem;
		padding-bottom: 1rem
	}

	.sub-history:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 2px;
		overflow: hidden;
		background: linear-gradient(#1e98cb, #8ac57f)
	}

	.sub-history li {
		position: relative;
		zoom: 1;
		padding: 0 0 .5rem .5rem;
		display: flex;
		flex-direction: column
	}

	.sub-history .ico {
		position: absolute;
		top: 0;
		left: 1px;
		width: .26rem;
		height: .26rem;
		background: #fff;
		border-radius: 50%;
		transform: translateX(-50%);
		background: linear-gradient(#1e98cb, #8ac57f)
	}

	.sub-history .u-date {
		margin-bottom: .2rem;
		line-height: 1.2;
		font-size: .3rem;
		font-weight: normal;
		color: #333
	}

	.sub-history .u-con {
		line-height: 2;
		font-size: .24rem;
		color: #797979
	}

	.sub-history .u-img {
		margin-top: .16rem;
		line-height: 0;
		font-size: 0
	}

	.sub-history .u-img img {
		margin: 1.8126% 0 0 1.8126%;
		max-width: 49.0936%
	}

	.sub-history .u-img img:nth-child(-n+2) {
		margin-top: 0
	}

	.sub-history .u-img img:nth-child(2n+1) {
		margin-left: 0
	}

	.sub-partner {
		padding: .4rem 0 1rem
	}

	.sub-partner ul {
		display: flex;
		flex-wrap: wrap;
		margin-top: .4rem;
		padding: 0 .05rem
	}

	.sub-partner li {
		width: 50%
	}

	.sub-partner li:nth-child(-n+2) {
		margin-top: 0
	}

	.sub-partner li:nth-child(2n+1) {
		margin-left: 0
	}

	.sub-partner .u-box {
		position: relative;
		zoom: 1;
		margin: .15rem .25rem;
		transition: color .2s
	}

	.sub-partner .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-partner .u-img {
		height: 1.58rem;
		border: solid 1px #ededed
	}

	.sub-partner .u-name {
		margin-top: .16rem;
		line-height: .46rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .26rem;
		font-weight: normal;
		text-align: center
	}

	.sub-contact h2 {
		padding: .2rem 0;
		line-height: 1.6;
		font-size: .3rem;
		font-weight: bold;
		text-align: left
	}

	.sub-contact hr {
		border: 0 none;
		border-bottom: solid 1px rgba(204, 204, 204, .68)
	}

	.sub-contact .u-con {
		padding: .4rem 0;
		line-height: 2;
		font-size: .24rem;
		color: #666
	}

	.sub-contact .u-con h4 {
		margin-bottom: .12rem;
		line-height: 1.6;
		font-size: .3rem;
		font-weight: normal
	}

	.sub-contact-img {
		position: relative;
		left: 50%;
		margin: .4rem 0 -1rem;
		padding: .8rem 0;
		width: 100vw;
		min-width: 320px;
		transform: translateX(-50%);
		background: #f7f7f7
	}

	.sub-contact-img ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		padding: 0 .3rem
	}

	.sub-contact-img li {
		width: 50%
	}

	.sub-business {
		padding: .4rem 0 1rem
	}

	.sub-business ul {
		margin-top: .4rem;
		padding: 0 .7rem
	}

	.sub-business li {
		margin-top: .7rem
	}

	.sub-business li:first-child {
		margin-top: 0
	}

	.sub-business .u-box {
		position: relative;
		zoom: 1;
		box-shadow: 0 0 .07rem rgba(19, 19, 19, .22)
	}

	.sub-business .u-box a {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		font-size: 0;
		background: #fff;
		filter: alpha(opacity=0);
		opacity: 0
	}

	.sub-business .u-con {
		padding: .4rem
	}

	.sub-business .name {
		line-height: .48rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .32rem;
		font-weight: normal
	}

	.sub-business .name:after {
		content: "";
		display: block;
		margin-top: .4rem;
		width: .54rem;
		height: 2px;
		overflow: hidden;
		background: #396
	}

	.sub-business .content {
		margin-top: .3rem;
		line-height: .48rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		font-size: .26rem;
		color: #666
	}
}

/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar {
	padding: 20px;
	overflow: hidden;
	clear: both
}

.pagebar .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0px;
	flex-wrap: nowrap;
}

/* 直接的a标签样式 */
.pagination > a {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 12px;
	padding: 8px 10px;
	margin: 0 2px;
	border-radius: 3px;
	line-height: 100%;
	text-decoration: none;
	white-space: nowrap;
}

.pagination > a:hover {
	color: #333;
	border: 1px solid #333;
}

/* ThinkPHP Bootstrap分页的ul样式 */
.pagination > ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0 2px;
	flex-wrap: nowrap;
}

.pagination > ul > li {
	margin: 0 2px;
}

.pagination > ul > li > a,
.pagination > ul > li > span {
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 12px;
	padding: 8px 10px 5px 10px;
	border-radius: 3px;
	text-decoration: none;
	white-space: nowrap;
}

.pagination > ul > li.active > span,
.pagination > ul > li.active > a {
	color: #fff;
	background: #333;
	border: 1px solid #333;
}

.pagination > ul > li.disabled > span {
	color: #999;
	background: #f5f5f5;
	border: 1px solid #ddd;
	cursor: not-allowed;
}

.pagination > ul > li > a:hover {
	color: #333;
	border: 1px solid #333;
}

/* 隐藏小屏幕元素 */
@media (max-width: 768px) {
	.pagination .hidden-sm {
		display: none !important;
	}
}

.text-secondary {
	text-align: center;
	padding: 20px 0
}

#ab_img img {
	max-width: 100% !important;
	height: auto !important;
	display: inline-block;
}

#ab_img p {
	text-wrap: inherit !important;
	margin-bottom: 20px
}

#ab_img p span {
	text-wrap: inherit !important;
}

/* 友情链接样式 */
.friendlinks-box {
	padding: 0.3rem 0;
	border-top: solid 1px rgba(255, 255, 255, .12);
	margin-bottom: 0.2rem;
}

.friendlinks h4 {
	display: inline-block;
	color: #c1c1c1 !important;
	font-size: 0.16rem;
	margin-right: 0.2rem;
	font-weight: normal;
}

.friendlinks ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.friendlinks ul li {
	display: inline-block;
	margin-right: 0.3rem;
}

.friendlinks ul li a {
	color: #c1c1c1 !important;
	font-size: 0.14rem;
	text-decoration: none;
	transition: color 0.3s;
}

.friendlinks ul li a:hover {
	color: #fff !important;
}

@media screen and (max-width: 768px) {
	.friendlinks-box {
		padding: 0.5rem 0.5rem;
	}
	
	.friendlinks h4 {
		display: block;
		margin-bottom: 0.3rem;
		font-size: 0.24rem;
	}
	
	.friendlinks ul li {
		margin-right: 0.4rem;
		margin-bottom: 0.2rem;
	}
	
	.friendlinks ul li a {
		font-size: 0.22rem;
	}
}

/* 右下角微信弹窗 */
.wechat-popup {
    display: none; /* 初始隐藏 */
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.wechat-popup .popup-content {
    position: relative;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    padding: 20px;
    max-width: 400px;
}

.wechat-popup .popup-content img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.wechat-popup .popup-close {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    background: #ff4444;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.wechat-popup .popup-close:hover {
    background: #cc0000;
    transform: rotate(90deg);
}

.wechat-popup.hidden {
    display: none;
}

@keyframes slideInUp {
    from {
        transform: translateY(100px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 移动端适配 */
@media (max-width: 768px) {
    .wechat-popup {
        bottom: 10px;
        right: 10px;
    }
    
    .wechat-popup .popup-content {
        max-width: 250px;
        padding: 15px;
    }
    
    .wechat-popup .popup-close {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 18px;
    }
}

/* 核心业务描述样式 */
.m-business .maskBox .u-con .name .desc {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin-top: 10px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.m-business .m-title p {
    font-size: 18px;
    color: #ffffff;
    margin-top: 10px;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .m-business .maskBox .u-con .name .desc {
        font-size: 12px;
        max-height: 48px;
        -webkit-line-clamp: 2;
    }
}

/* 核心业务描述区域样式 */
.m-business .m-title .business-desc {
    font-size: .18rem;
    line-height: 1.8;
    color: #fdfdfd;
    margin-top: 15px;
    text-align: center; /* 居中对齐 */
    white-space: pre-wrap; /* 保留换行 */
    word-wrap: break-word;
    max-height: 100%;
    overflow: hidden;
}

.m-business .m-title .business-desc img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* 图片居中 */
}

@media (max-width: 768px) {
    .m-business .m-title .business-desc {
        font-size: 12px;
        max-height: none; /* 移除高度限制 */
        text-align: center; /* 手机端居中 */
    }
    
    .m-business .m-title .business-desc img {
        width: 100%; /* 手机端100%宽度 */
        max-width: 100%;
        height: auto;
    }
}

/* Icon Navigation Styles */
.icon-nav-container {
    padding: 40px 0 !important;
    text-align: center;
}

.icon-nav-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.icon-nav-list li {
    margin: 10px 25px;
}

.icon-nav-list a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-size: 25px;
    transition: transform 0.2s;
}
.icon-nav-list .baoxian{
color:#31a781;
}
.icon-nav-list .zixun{
color:#fbb145;
}
.icon-nav-list .xiancai{
color:#09d175;
}
.icon-nav-list .shisu{
color:#e72cb1;
}
.icon-nav-list .yunying{
color:#48aff8;
}
.icon-nav-list .lianxi{
color:#bc0902;
}

.icon-nav-list a:hover {
    transform: translateY(-5px);
}

.icon-nav-list img {
    width: 115px; /* Adjust size as needed */
    height: 115px; /* Adjust size as needed */
    margin-right: 15px;
}

.icon-nav-list span {
    display: block;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .icon-nav-container {
    padding: 10px 0 !important;
    text-align: center;
}
    .icon-nav-list {
        flex-direction: row;
        justify-content: space-between;
    }

    .icon-nav-list li {
        margin: 10px 0;
        width: 30%;
    }

    .icon-nav-container .icon-nav-list li a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .icon-nav-container .icon-nav-list li a img {
        width: 65px;
        height: 65px;
        object-fit: cover;
    }

    .icon-nav-container .icon-nav-list li a {
        font-size: 14px;
    }

    .icon-nav-container .icon-nav-list li a span {
        display: block;
        margin-top: 6px;
        line-height: 1.2;
        text-align: center;
    }
}

/* Product Gallery Section Styles */
.product-gallery-container.area {
    display: flex;
    justify-content: center;
    align-items: flex-end; /* Vertically align items to their bottom edge */
    flex-wrap: nowrap;
    gap: 40px; /* Space between items */
    padding: 50px 20px;
    background-color: #f8f8f8;
	margin-top: 40px;
}

.product-gallery-container.area .gallery-item.item-large {
    flex: 0 0 auto;
}

.product-gallery-container.area .gallery-row {
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
}

.product-gallery-container.area .gallery-row .gallery-item.item-small {
    flex: 1 1 0;
}

.gallery-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px; /* Space between image and caption */
}

.gallery-item.item-large img {
    max-width: 400px; /* Adjust as needed */
    height: auto;
}

.gallery-item.item-small .circle-img {
    width: 160px;  /* Set width for circle */
    height: 160px; /* Set height for circle */
    border-radius: 50%;
    object-fit: cover;
}

.gallery-item .caption {
    font-size: 16px;
    color: #333;
}

@media (max-width: 768px) {
    .product-gallery-container.area {
        flex-direction: column;
        align-items: center;
        gap: 14px;
        padding: 20px 12px;
    }

    .product-gallery-container.area .gallery-row {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        gap: 10px;
    }

    /* 上方：生产设备（单独一行居中） */
    .product-gallery-container.area .gallery-item.item-large {
        width: 100%;
        text-align: center;
    }

    .product-gallery-container.area .gallery-item.item-large img {
        width: 100%;
        max-width: none;
        height: auto;
    }

    .product-gallery-container.area .gallery-item.item-large .caption {
        text-align: center;
    }

    /* 下方：三个小圆图 + 文字（横排三列） */
    .product-gallery-container.area .gallery-row .gallery-item.item-small {
        flex: 1 1 0;
        width: auto;
        text-align: center;
    }

    .product-gallery-container.area .gallery-item.item-small .circle-img {
        width: 72px;
        height: 72px;
        display: block;
        margin: 0 auto;
    }

    .product-gallery-container.area .gallery-item.item-small .caption {
        text-align: center;
        font-size: 12px;
        line-height: 1.2;
    }
}

/* mobile extra narrow */
@media (max-width:480px){
    .header-search .search-input{width:2rem; height: 0.5rem;}
    .header-tel{font-size:.2rem;}
}
/* Responsive adjustments */
@media (max-width: 992px) {
    .product-gallery-container.area {
        flex-direction: column;
        align-items: center;
    }
}




/* 新增头部搜索和电话样式 */
.header-search {
    display: flex;
    align-items: center;
    margin-left: auto; /* 将其推到右侧 */
	margin-right: 19%;
}

.search-form {
    position: relative;
    display: flex;
    align-items: center;
}

.search-input {
    width: 220px; /* 根据图片调整宽度 */
    height: 36px; /* 根据图片调整高度 */
    padding: 0 40px 0 15px; /* 右侧留出按钮空间 */
    border: 1px solid #fff;
    border-radius: 18px; /* 圆角 */
    background-color: #fff;
    color: #333;
    font-size: 14px;
}

.search-submit {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: none;
    background: url(../images/ico-search.png) center / 18px no-repeat;
    cursor: pointer;
    padding: 0;
}

.header-tel {
    margin-left: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
}

/* Header2 Search Box Styles */
.header2-search-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
	margin-right: 10%;
}

.header2-search-form {
    position: relative;
    display: flex;
    align-items: center;
}

.header2-search-input {
    width: 220px;
    height: 34px;
    padding: 0 40px 0 12px;
    border: 1px solid #3b63b9;
    border-radius: 20px;
    background: #fff;
    font-size: 14px;
    outline: none;
}

.header2-search-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 0;
    background: url(/assets/images/ico-search.png) center / contain no-repeat;
    cursor: pointer;
}

/* Header2 Navigation Styles - 独立样式，不与 head.html 冲突 */
.header2-top-nav {
    flex-shrink: 0;
    align-items: center;
    padding-top: 0;
    line-height: 0;
    font-size: 0;
    text-align: center;
    /*background-color: rgba(255, 255, 255, 0.1); */
    border-radius: 8px;
    padding: 8px 16px;
    margin-right: 15%;
}

.header2-fir-ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.header2-fir-li {
    position: relative;
    zoom: 1;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 40px;
}

.header2-fir-li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 16px;
   
}

.header2-fir-li:first-child:before {
    display: none;
}

.header2-fir-li .header2-u-a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 16px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

.header2-fir-li.header2-current .header2-u-a {
    color: #fff;
}

.header2-fir-li.header2-current {
    position: relative;
}

.header2-fir-li.header2-current:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    height: 4px;
    background-color: #ffcc00;
    border-radius: 2px;
}

.header2-fir-li .header2-ico {
    display: none;
    float: right;
    margin-left: 8px;
    width: 12px;
    height: 12px;
}

.header2-fir-li .header2-ico:before,
.header2-fir-li .header2-ico:after {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.3s ease;
}

.header2-fir-li .header2-ico:before {
    margin-top: 5px;
}

.header2-fir-li .header2-ico:after {
    margin-top: -1px;
    transform: rotate(90deg);
}


.header2-sec-box {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 180px;
    transform: none;
    border: solid 1px rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    opacity: 0;
    z-index: 1000;
}

.header2-fir-li:last-child .header2-sec-box {
    left: auto;
    right: 0;
}

.header2-sec-ul {
    padding: 8px 0;
    line-height: 1.5;
    font-size: 14px;
    list-style: none;
    margin: 0;
}

.header2-sec-ul li {
    border-top: solid 1px rgba(255, 255, 255, 0.1);
}

.header2-sec-ul li:first-child {
    border-top: 0;
}

.header2-sec-ul a {
    position: relative;
    zoom: 1;
    display: block;
    padding: 8px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
}

.header2-sec-ul a:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.header2-fir-li:hover .header2-sec-box:not(:empty) {
    display: block;
    opacity: 1;
    transform: translateY(-3px);
}

/* 无子菜单时隐藏下拉框 */
.header2-sec-box:empty {
    display: none !important;
}

.header2-sec-ul:empty {
    display: none !important;
}

/* 移动端适配 */
@media screen and (max-width: 750px) {
    .header2-top-nav {
        display: none;
    }

    .header2-top-bar-wap {
        display: flex;
    }

    .header2-search-input {
        width: 160px;
        height: 30px;
        font-size: 13px;
    }

    .header2-search-btn {
        width: 16px;
        height: 16px;
    }
}

.top-bar>.wrap2 {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	padding: 0 .3rem;
	width: 100%;
	max-width: 100%;
	min-width: 320px;
	height: .6rem;
	background-image: url('/static/images/daohan_background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.header2-top-bar-wap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 10px 20px;
    width: 100%;
    max-width: 70%;
    height: 1.2rem;
    background-color: #fff;
    box-sizing: border-box;
}

.header2-top-bar-wap-logo {
    display: flex;
    align-items: center;
}

.header2-top-bar-wap img {
    max-height: 40px;
    width: auto;
}