@charset"utf-8";

/*---------------------------------------------------------------------------------------------1800px*/
@media screen and (max-width: 1800px) {

}

/*---------------------------------------------------------------------------------------------1700px*/
@media screen and (max-width: 1700px) {
	
}

/*---------------------------------------------------------------------------------------------1599px*/
@media screen and (max-width: 1700px) {

	
}

@media screen and (max-width: 1599px) {
	
}

/*---------------------------------------------------------------------------------------------1439px*/
@media screen and (max-width: 1439px) {

}

/*---------------------------------------------------------------------------------------------1365px*/
@media screen and (max-width: 1365px) {

}

/*---------------------------------------------------------------------------------------------1279px*/
@media screen and (max-width: 1279px) {

}
/*---------------------------------------------------------------------------------------------767px*/

@media screen and (max-width: 767px) {
/* 手机端导航核心样式 - 仅在小屏幕生效 */
	/* 头部容器调整 */
	.header .container {
		padding: 0 15px;
		box-sizing: border-box;
	}
	
	/* 汉堡按钮样式 */
	.mobile-nav-btn {
		display: block;
		width: 24px;
		height: 20px;
		position: relative;
		z-index: 1002; /* 确保在导航之上 */
		cursor: pointer;
	}
	.mobile-nav-btn span {
		display: block;
		width: 100%;
		height: 2px;
		background-color: #333;
		position: absolute;
		transition: all 0.3s ease;
	}
	.mobile-nav-btn span:nth-child(1) {
		top: 0;
	}
	.mobile-nav-btn span:nth-child(2) {
		top: 50%;
		transform: translateY(-50%);
	}
	.mobile-nav-btn span:nth-child(3) {
		bottom: 0;
	}
	
	/* 汉堡按钮激活态（变X） */
	.mobile-nav-btn.active span:nth-child(1) {
		top: 50%;
		transform: translateY(-50%) rotate(45deg);
	}
	.mobile-nav-btn.active span:nth-child(2) {
		opacity: 0; /* 中间线隐藏 */
	}
	.mobile-nav-btn.active span:nth-child(3) {
		bottom: 50%;
		transform: translateY(50%) rotate(-45deg);
	}
	
	/* 原导航默认隐藏（手机端） */
	.top-nav-cent {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #fff;
		z-index: 1001;
		margin-top: 50px; 
		box-sizing: border-box;
		padding-left: 0;
		border-top: 1px solid #f1f1f1;
	}
	
	/* 导航展开状态 */
	.top-nav-cent.active {
		display: block;
	}
	
	/* 手机端导航菜单样式调整 */
	.top-nav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 0;
	}
	.top-nav-left {
		font-size: 0.32rem;
		font-weight: bold;
	}
	.top-nav-li {
		width: 100%;
		margin-bottom: 0;
		border-bottom: 1px solid #f5f5f5;
		padding: 0 15px;
		box-sizing: border-box;
		margin-left: 0;
		margin-right: 0;
	}
	.top-navbar {
		padding: 0.1rem 0;
	}
	.top-navbar a {
		font-size: 16px;
		color: #333;
	}
	
	/* 下拉菜单样式调整（手机端垂直展开） */
	.dropdown-open {
		box-sizing: border-box;
		-webkit-backdrop-filter: blur(0px);
		backdrop-filter: blur(0px);
		background:none;
		width: 100vw;
		max-width: 100%;
		padding: 0.15rem;
		position: static;
		top: 100%;
		left: 0;
		right: 0;
		overflow: hidden;
		box-shadow: none;
		box-sizing: border-box;
	}
	.top-navbar-ul {
		width: 100%;
		display: block;
	}
	.top-navbar-li {
		margin-bottom: 8px;
	}
	.top-navbar-tag {
		font-size: 14px;
		color: #666;
		margin-bottom: 8px;
		font-weight: 500;
	}
	.top-navbar-box {
		display: flex;
		flex-direction: column;
		gap: 6px;
		max-height: revert;
	}
	.top-navbar-item a {
		font-size: 14px;
		color: #666;
	}
	.top-navbar-item a:hover {
		color: #0066cc;
	}
	
	/* 隐藏原右侧空容器（手机端） */
	.top-nav-right {
		display: none;
	}
    .banner{
	  padding: 0.2rem;
	  box-sizing: border-box;
	}
	.section-medium{
      padding: 0.2rem 0.2rem;
	  box-sizing: border-box;
	}
    .padding-section-medium{
	   width: 100%;
	   display: block;
	}
	.section-left{
	   padding-left: 0;
       padding-right: 0;
	   padding-bottom: 0;
	   padding-top: 0.2rem;
	   box-sizing: border-box;
	}
	.news{
	  padding: 0.4rem 0.2rem;
	  box-sizing: border-box;
	}
	.news-swiper{
	  padding: 0;
	}
	.foot-pad{
	  display: block;
	}
	.footer-pad-left{
		display: block;
		width: 100%;
	}
	.foot-int{
		padding: 0.2rem 0;
	}
	.mobile{
		display: block;
		width: 100%;
		overflow: hidden;
	}
	.pc{
		display: none;
	}
	.swiper-ban-next{
		left: 0.2rem;
		top: 1.9rem;
	}
	.swiper-ban-prev{
		right: 0.2rem;
		top: 1.9rem;
	}
	.ban-mac {
		position: static;
		z-index: 1;
		padding: 0.2rem 0 0;
		box-sizing: border-box;
	}
	.seat-left{
		position: static;
		z-index: 1;
		padding: 0.1rem 0 0;
		box-sizing: border-box;
		width: 100%;
	}
	.seat-cent{
		position: static;
		z-index: 1;
		padding: 0.1rem 0 0;
		box-sizing: border-box;
		width: 100%;
	}
	.seat-right{
		position: static;
		z-index: 1;
		padding: 0.1rem 0 0;
		box-sizing: border-box;
		width: 100%;
	}
	.seat-left .ban-h1 {
		text-align: center;
		padding: 0;
		color: #000!important;
		line-height: 1.1;
		padding-bottom: 0.08rem;
	}
	.seat-left .ban-h2{
		color: #000!important;
		text-align: center;
	}
	.seat-left .ban-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.2rem 0 0 0;
	}
	.seat-cent .ban-h1 {
		text-align: center;
		padding: 0 0 0.1rem;
		color: #000!important;
	}
	.seat-cent .ban-h2{
		color: #000!important;
		text-align: center;
	}
	.seat-cent .ban-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.2rem 0 0 0;
	}
	.seat-right .ban-h1 {
		text-align: center;
		padding: 0 0 0.1rem;
		color: #000!important;
	}
	.seat-right .ban-h2{
		text-align: center;
		color: #000!important;
	}
	.seat-right .ban-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.2rem 0 0 0;
	}
	.service-btn{
		border: 1px solid #b3b3b3;
		padding: 0.1rem 0.65rem 0.1rem 0.25rem;
		border-radius: 0.08rem;
		font-size: 0.18rem;
		text-align: center;
		color: #555555;
		position: relative;
	}
	.news-btn{
		border: 1px solid #b3b3b3;
		padding: 0.1rem 0.65rem 0.1rem 0.25rem;
		border-radius: 0.08rem;
		font-size: 0.18rem;
		text-align: center;
		color: #555555;
		position: relative;
	}
	.service-h1{
		font-size: 0.3rem;
		padding: 0.1rem 0 0;
	}
	.service-tag{
		font-size: 0.18rem;
	}
	.service-swiper {
		width: 100%;
		padding: 0.15rem 0.5rem;
		box-sizing: border-box;
		position: relative;
	}
	.section-flex a{
		font-size: 0.18rem;
	}
	.service-btn-flex {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 0.1rem 0.5rem 0;
		box-sizing: border-box;
	}
	.footer-pad-right{
		grid-template-columns: 1fr 1fr;
		place-items: flex-start;
	}
	.footer-link{
		padding: 0.1rem 0 0.2rem;
	}
	.ban-pad{
		border-radius: 0;
	}
	.banner-box{
		border-radius: 0;
	}
	.swiper-ban-next{
		background: none;
		left: 0;
	}
	.swiper-ban-prev{
		background: none;
		right: 0;
	}
	.swiper-ban-prev:after{
		background: none;
	}
	.swiper-ban-next:after{
		background: none;
	}
	.swiper-ban-prev:hover{
		background: none;
		color: #0066cc;
		opacity: 1;
	}
	.swiper-ban-next:hover{
		background: none;
		color: #0066cc;
		opacity: 1;
	}
	.service {
		width: 100%;
		padding: 0.5rem 3%;
		box-sizing: border-box;
	}
	.swiper-ser-next{
		border: 0;
	}
	.swiper-ser-prev{
		border: 0;
	}
	.swiper-ser-prev:hover {
		background: none;
		color: #0066cc;
		opacity: 1;
	}
	.swiper-ser-next:hover {
		background: none;
		color: #0066cc;
		opacity: 1;
	}
	.service-box{
		padding: 0.3rem 0;
	}
	.swiban-item{
		padding: 0;
	}
	.swiper-news-prev{
		top: 35%;
		right: 0;
	}
	.swiper-news-next{
		top: 35%;
		left: 0;
	}
	.swiper-news-prev{
		border: 0;
		background: none;
	}
	.swiper-news-next{
		border: 0;
		background: none;
	}
	.swiper-news-prev:after{
		background: none;
	}
	.swiper-news-next:after{
		background: none;
	}
	.swiper-news-prev:hover {
		background: none;
		color: #3174ea;
	}
	.swiper-news-next:hover {
		background: none;
		color: #3174ea;
	}
	.industry-card {
		width: calc( 50% - 0.2rem );
		text-align: center;
		cursor: pointer;
		transition: box-shadow 0.3s ease;
		border-radius: 0.12rem;
		overflow: hidden;
	}
		/* 加号样式 */
	.proadd {
		width: 12px;
		height: 12px;
		position: relative;
		cursor: pointer;
	}

	/* 横向线 */
	.proadd::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #333;
		transform: translateY(-50%);
		transition: transform 0.3s ease;
	}

	/* 纵向线 */
	.proadd::after {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		width: 2px;
		height: 100%;
		background-color: #333;
		transform: translateX(-50%);
		transition: transform 0.3s ease;
	}

	/* 点击后变成减号（移除纵向线） */
	.navcurr .proadd::after {
		transform: translateX(-50%) rotate(90deg); /* 旋转后看起来像减号 */
		opacity: 0; /* 也可以直接隐藏 */
	}
	.top-nav-cent-box{
		width: 100%;
		display: block;
		position: relative;
		overflow-y: scroll;
		height: 100%;
	}
	.accordion-content{
		display: none;
	}
	.pro-container{
		display: block;
		width: 100%;
	}
	.sidebar{
		width: 100%;
	}
	.sidebar-title{
		font-size: 0.24rem;
	}
	.clear-all{
		font-size: 0.18rem;
	}
	.accordion-header{
		font-size: 0.18rem;
	}
	.accordion-content label{
		font-size: 0.18rem;
	}
	.product-list{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		padding-left: 0;
	}
	.product-item{
	   width: calc(50% - 0.2rem);
	}
	.tag{
		font-size: 0.18rem;
	}
	.tag i {
		margin-left: 0.05rem;
		font-style: normal;
		font-size: 0.18rem;
	}
	.product-name{
		width: 100%;
		font-size: 0.18rem;
		text-align: center;
	}
	.ser-banner-text {
		flex: 1 1 6rem;
		padding: 0.2rem 0.2rem;
		box-sizing: border-box;
	}
	.product-intro{
		display: block;
		width: 100%;
		padding: 0.1rem 0 0.3rem;
		margin: 0;
	}
	.product-swiper{
		width: 100%;
		display: block;
	}
	.swiper-list .swiper{
		width: 100%;
		height: auto;
	}
	.swiper-list {
		position: relative;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		width: 100%;
		margin-left: 0;
	}
	.product-info{
		width: 100%;
		padding-top: 0.2rem;
		padding-right: 0;
	}
	.product-details{
		padding: 0.15rem;
		box-sizing: border-box;
		width: 100%;
		display: block;
	}
	.product-left{
		width: 100%;
	}
	.product-right{
		width: 100%;
		padding: 0;
	}
	.swiper-box-bg{
		width: 100%;
		height: auto;
	}
	.swiper-list .swiper .swiper-slide{
		margin-bottom: 0;
		margin-right: 0.1rem;
		height: 0.73rem !important;
		width: 0.72rem !important;
	}
	.news-container {
		display: block;
		margin: 0.4rem auto;
		width: 100%;
	}
	.news-grid {
		flex: 1;
		display: flex;
		flex-wrap: wrap;
		gap: 0.2rem;
		margin-left: 0;
		margin-top: 0.2rem;
	}
	.news-card {
		width: calc(50% - 0.2rem);
		display: flex;
		flex-direction: column;
	}
	.news-detail-box img{
		width: 100%!important;
		height: auto!important;
	} 
.wfontsize01{
    font-size: 0.5rem;
}
.wfontsize02{
    font-size: 0.45rem;
}
.wfontsize03{
    font-size: 0.4rem;
}
.wfontsize04{
    font-size: 0.35rem;
}
.wfontsize05{
    font-size: 0.3rem;
}
.wfontsize06{
    font-size: 0.28rem;
}
.wfontsize07{
    font-size: 0.26rem;
}
.wfontsize08{
    font-size: 0.24rem;
}
.wfontsize09{
    font-size: 0.2rem;
}
.wfontsize10{
    font-size: 0.18rem;
}
.wfontsize11{
    font-size: 0.16rem;
}
.wfontsize12{
    font-size: 0.14rem;
}
.wfontsize13{
    font-size: 0.12rem;
}
.footer-link{
	width: 50%;
}
.footer-item {
    font-size: 0.18rem;
    padding: 0.02rem 0;
    color: #737373;
}
.show{
	display: block;
}
.top-nav-map{
	display: flex;
	align-items: center;
	position: relative;
    z-index: 1002;
}
.msearch-bg{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	align-items: flex-start;
	justify-content: center;
	background: #ffffff;
	padding-top: 1.5rem;
	display: none;
}
.msearch-btn{
	margin-right: 0.2rem;
	width: 0.45rem;
	height: 0.45rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f1f1f1;
	border-radius: 1000px;
}
.msearch-box{
	width: 90%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #0066cc;
	padding: 0 0 0 0.1rem;
	box-sizing: border-box;
	margin: 0 auto;
}
.msearch-box input{
	height: 0.55rem;
	border: 0;
	flex: 1;
	font-size: 0.25rem;
}
.msearch-btn2{
	height: 0.55rem;
	background: #0066cc;
	color: #ffffff;
	line-height: 0.55rem;
	font-size: 0.25rem;
	padding: 0 0.15rem;
}
}
@media screen and (max-width: 410px) {

}