.hberc {
	top: 64px!important;
}
.hbstop {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	background-color: #ffffff;
}

.hbstopk {
	width: 94%;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.hbsleft a {
	color: rgba(0, 0, 0, 0.8);
	margin-right: 10px;
}

.hbsleft a:hover {
	color: #0040b2;
}

.hbsright {
	color: rgba(0, 0, 0, 0.8);
}
/* =========================================== */
.showpic img{
	width: 600px;
	object-fit: cover;
}
/* =========================================== */
/* 导航栏样式 */
.main-nav {
	background-color: #0040b2;
	color: white;
	transition: all 0.3s ease;
	z-index: 10000;
}

.main-nav.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.container {
	max-width: 94%;
	margin: 0 auto;
}

.desktop-nav {
	width: 100%;
	justify-content: space-between;
}


/* 导航链接样式 */
.nav-link {
	color: white;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 0px;
	margin-top: 14px;
	margin-right: 30px;
	display: inline-block;
	position: relative;
}

.nav-link:hover {
	color: white;
}

.nav-link::after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 5px;
	left: 0;
	background-color: white;
	transition: width 0.3s ease;
}

.nav-link:hover::after {
	width: 100%;
}


.Dqlm:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 5px;
	left: 0;
	background-color: white;
	transition: width 0.3s ease;
}


/* 子菜单样式 */
.submenu-container {
	position: absolute;
	top: 95px;
	left: 0;
	right: 0;
	background-color: #0051cc;
	display: none;
	z-index: 1000;
}

.submenu {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 10px 15px;
	margin-left: 4.1%;
}

.submenu li {
	margin: 5px 24px 5px 0;
}

.submenu a {
	color: white;
	padding: 5px 0;
	display: inline-block;
	font-size: 14px;
}

.submenu a:hover {
	color: white;
	text-decoration: underline;
}

/* 搜索框样式 */
.search-box {
	position: relative;
}

.search-box input {
	background: rgba(255, 255, 255, 1);
	border: none;
	padding: 6px 15px 6px 20px;
	border-radius: 20px;
	color: rgba(0, 0, 0, 0.7);
	width: 180px;
	outline: none;
	font-size: 14px;
	transition: width 0.3s ease;
}

.search-box input:focus {
	width: 220px;
}

.search-box input::placeholder {
	color: rgba(0, 0, 0, 0.7);
}


/* 按钮样式 */
.btn {
	font-size: 16px;
	padding: 5px 20px;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	transition: background-color 0.3s ease;
}

.btn-login-hbs {
	color: white;
	background: transparent;
	cursor: pointer;
}

.btn-login-hbs:hover {
	color: white;
	background: rgba(255, 255, 255, 0.1);
}

.btn-register {
	color: #ffffff;
	background: #2eb200;
	cursor: pointer;
}

.btn-register:hover {
	color: #2eb200;
	background: #ffffff;
}

/* 移动端菜单按钮 */
.menu-toggle {
	display: none;
	background: none;
	border: none;
	color: white;
	font-size: 24px;
	cursor: pointer;
}

/* 导航栏响应式样式 */
@media (max-width: 875px) {
	/* =========================================== */
	.showpic img{
		width: 100%;
		object-fit: cover;
	}
	/* =========================================== */
	.menu-toggle {
		display: block;
	}

	.desktop-nav {
		display: none;
	}

	.container {
		padding: 10px 0px;
	}

	.mobile-nav {
		display: none;
		flex-direction: column;
		padding: 15px 0;
	}

	.mobile-nav.active {
		display: flex;
	}

	.mobile-nav .nav-link {
		display: block;
	}

	.mobile-actions {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.mobile-submenu-toggle {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mobile-submenu {
		display: none;
		padding-left: 20px;
	}

	.mobile-submenu.active {
		display: block;
		height: 300px;
		overflow-y: auto;
	}

	.search-box input {
		width: 100px;
	}
}

@media (min-width: 876px) {

	.mobile-nav,
	.mobile-actions,
	.mobile-submenu-toggle {
		display: none;
	}

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

	.nav-items {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.nav-right {
		display: flex;
		align-items: center;
		gap: 15px;
		margin-left: auto;
	}

	.has-submenu:hover .submenu-container {
		display: block;
	}
}




/* banner */
.dbanner {
	width: 100%;
	height: 500px;
	background-image: url(/hbs/image/banner.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	text-align: center;
}

.dbanner h1 {
	display: block;
	clear: both;
	font-size: 60px;
	font-weight: 600;
	color: #000000;
	padding-top: 80px;
}

.banMiao {
	clear: both;
	padding: 30px 0px;
}

.banMiao p {
	font-size: 24px;
	color: #454959;
	line-height: 40px;
}

.dbanner a {
	display: block;
	width: 250px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 24px;
	color: #ffffff;
	background-color: #0058f6;
	box-shadow: 0px 10px 30px 0px rgba(0, 88, 246, 0.3);
	margin: 30px auto;
	border-radius: 4px 4px;
}



/* 推荐报告 */
.Dname {
	margin-top: 0px;
	clear: both;
	margin-bottom: 40px;
}

.Dname h3 {
	font-size: 40px;
	color: #000000;
	font-weight: 600;
}

/* Swiper容器样式 */
.swiper {
	width: 100%;
	height: 500px;
	position: relative;
}

.swiper-wrapper {
	margin-bottom: 30px;
}

.swiper-slide {
	margin-top: 30px;
}

.tjNbk {
	font-size: 18px;
	display: flex;
	justify-content: center;
	width: 236px;
	height: 353px !important;
	border-radius: 10px 10px;
	border: 2px solid #ffffff;
	background-color: #ffffff;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.tjNbk:hover {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}


.tjImage {
	width: 316px;
	height: 266px;
	/* background-color: #ccc; */
	/* background-image: url(/hbs/image/tjbg.jpg); */
	/* background-repeat: no-repeat; */
	/* background-position: top center; */
	/* background-size: 100%; */
	position: relative;
}

.lstjimg {
	width: 316px;
	height: 248px;
	background-image: url(/hbs/image/tjbg1.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	position: relative;
}


.tjFmpic {
	background-color: #ffffff;
	width: 197px;
	height: 256px;
	text-align: center;
	margin: 0 auto;
	/* position: absolute;
	left: 25.8%;
	top: 4.6%; */
}

.tjFmpic img {
	width: 197px;
	height: 256px;
	/* margin-top: 10px; */
}



.tjName {
	font-size: 20px;
	width: 200px;
	padding: 18px 15px;
	padding-left: 70px;
	padding-right: 20px;
	height: 46px;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: 600;
}


/* 圆点变横线 */
.swiper-pagination-bullet-active,
.swiper-pagination-bullet {
	width: 30px !important;
	height: 4px !important;
	border-radius: 0px !important;
	background-color: #c0d3ff !important;
	opacity: 1 !important;
}

.swiper-pagination-bullet-active {
	background-color: #3071ff !important;
}



/* 研究报告 */
.grid-yjbg {
	/* 使用Flexbox实现灵活布局 */
	display: flex;
	/* 允许内容换行 */
	flex-wrap: wrap;
	/* 元素之间的间距 */
	gap: 20px;
}

.grid-item {
	flex: 0 0 calc(33.333% - 16px);
	max-width: calc(33.333% - 16px);
	/* 基础样式 */
	height: 252px;
	background-color: #ffffff;
	border-radius: 10px;
	display: flex;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.03);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.grid-item:hover {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.grid-item:hover .yjyck {
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.yjbgk {
	width: 200px;
	height: 252px;
	/* background-image: url(/hbs/image/yjbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;*/
	position: relative; 
}

.yjImage {
	width: 159px;
	height: 151px;
	position: absolute;
	top: 5.5%;
	left: 12%;
}

.yjImage img {
	/* width: 159px;
	height: 151px; */
	width: 180px;
	height: 200px;
}

.yjRight {
	padding: 20px 0px;
	width: 58%;
	margin-left: -40px;
}

.yjRname {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.yjBqian {
	display: flex;
	align-items: center;
	margin-top: 10px;
	margin-left: 20px;
}

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

.yjBqian b {
	font-weight: normal;
	color: #002b6c;
	background-color: #f4f9fe;
	display: block;
	padding: 10px 10px;
	margin-right: 10px;
	font-size: 14px;
}

.yjQdy {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0px;
}

.yjQdy span {
	display: block;
	font-weight: 600;
	color: #ff0000;
	font-size: 24px;
}

.yjQdy p {
	display: block;
	font-size: 14px;
	color: #999999;
	font-weight: normal;
}

.yjyck {
	-webkit-transform: translate3d(0, 86px, 0);
	transform: translate3d(0, 86px, 0);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.yjfoan {
	width: 100%;
	height: 80px;
	font-size: 16px;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #f2f5f7;
}

.foanleft {
	width: 50%;
	text-align: center;
}

.foanright {
	width: 50%;
	text-align: center;
}

.foanright a {
	padding: 5px 15px;
	border-radius: 4px 4px;
	background-color: #ff0000;
	color: #ffffff;
}



/* 手机端 - 每行2个元素 */
@media (max-width: 767px) {
	.grid {
		/* 手机上两个元素时两端对齐 */
		justify-content: space-between;
	}

	.grid-item {
		/* 计算宽度：100%除以2，减去间距的影响 */
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
	}
}





/* 洞察报告 */
.dddbg {
	width: 100%;
	clear: both;
	padding-bottom: 100px;
	background-image: url(/hbs/image/dbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100%;
}


.DCname {
	clear: both;
	margin-bottom: 50px;
	width: 100%;
	text-align: center;
}

.DCname h3 {
	font-size: 40px;
	color: #000000;
	font-weight: 600;
}

.process-container {
	position: relative;
	width: 100%;
}

/* 时间线样式 */
.timeline {
	position: absolute;
	top: 20px;
	/* 与图标垂直居中对齐 */
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #e5e7eb;
	z-index: 1;
}

.process-items {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 2;
	flex-wrap: wrap;
	/* 允许换行，适应小屏幕 */
}

.process-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 10px;
	flex: 1;
	/* 让每个项尽可能平分空间 */
	min-width: 120px;
	/* 最小宽度，防止过窄 */
}

.icon {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #e8eaeb;
	margin-bottom: 5px;
}

.Bgbk {
	margin-top: 50px;
	text-align: center;
	width: 140px;
	height: 110px;
	padding-top: 30px;
	border: 1px solid #e5e5e5;
	border-radius: 20px 20px;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.Bgbk:hover {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
}


.process-item p {
	text-align: center;
	display: block;
	line-height: 50px;
	font-size: 16px;
	font-weight: 600;
}



.Sjbh {
	display: none !important;
	width: 100%;
	height: 80px;
	padding-top: 20px;
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(10rpx);
	z-index: 999999;
	border-top: 1px solid #e5e5e5;
}


@media (max-width: 480px) {
	#HCloseBtn {
		top: 3% !important;
		right: 12% !important;
	}

	#HCloseBtn img {
		width: 60% !important;
	}

	#stickyButtons {
		display: none;
	}

	.Sjbh {
		display: block !important;

	}

	.Sjbh a {
		display: block !important;
		width: 80%;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 16px;
		color: #ffffff;
		border-radius: 10px 10px;
		background-color: #ff0000;
		margin: 0px auto;
	}

	.process-item {
		min-width: 80px;
	}

	.process-item p {
		font-size: 10px;
	}
}



/* 表单区 */
.form-container {
	max-width: 100%;
	margin: 0 auto;
	background-color: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	display: flex;
}

/* 左侧蓝色区域 */
.form-header {
	background: linear-gradient(135deg, #003085 0%, #005bff 100%);
	color: white;
	padding: 30px;
	position: relative;
	flex: 0 0 25% !important;
}

.bdlogo {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.hbQtx {
	background-image: url(/hbs/image/d7.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
	width: 100%;
	height: 138px;
	position: absolute;
	top: 22.5%;
	right: 0;
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: right;
	justify-content: center;
}



.form-title {
	font-size: 32px;
}

.form-subtitle {
	font-size: 18px;
	opacity: 0.9;
}


.arrow {
	position: absolute;
	right: -80px;
	top: 35%;
	transform: translateY(-50%);
	width: 80px;
	height: 140px;
	background-color: #0058f6;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/* 右侧表单区域 */
.form-content {
	margin-left: 100px;
	flex: 0 0 60% !important;
	padding: 30px;
}

.form-group {
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

.form-field {
	flex: 1;
	min-width: 250px;
}

.form-field label {
	display: block;
	margin-bottom: 8px;
	font-size: 16px;
	color: #333;
}

.form-field label span {
	color: #ff0000;
}

.form-field input[type="text"],
.form-field textarea {
	width: 100%;
	padding: 12px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	transition: border-color 0.3s;
}

.form-field input[type="text"]:focus,
.form-field textarea:focus {
	border-color: #0058f6;
	outline: none;
	box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.1);
}

.form-field textarea {
	min-height: 150px;
	resize: vertical;
}

.submit-btn {
	background-color: #0058f6;
	box-shadow: 0 10px 30px 0px rgba(0, 88, 246, 0.2);
	color: white;
	border: none;
	padding: 12px 100px;
	font-size: 18px;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s, transform 0.2s;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.submit-btn:hover {
	background-color: #003085;
	transform: translateY(-2px);
}

.submit-btn:active {
	transform: translateY(0);
}



@media (max-width: 767px) {
	.form-header {
		text-align: center;
		margin-bottom: 20px;
		border-radius: 8px 8px 0 0;
	}

	.form-group {
		flex-direction: column;
		gap: 15px;
	}

	.submit-btn {
		width: 100%;
	}
}


/* 底部 */
footer {
	background-color: #212d42;
	padding-top: 50px;
}

.footerContent {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footerColumn {
	margin-bottom: 30px;
}

.footerColumn h3 {
	font-size: 18px;
	margin-bottom: 20px;
	color: #ffffff;
}

.footerColumn ul {
	list-style: none;
}

.footerColumn ul li {
	margin-bottom: 10px;
}

.footerColumn ul li a {
	color: #b4bacc;
	font-size: 14px;
}

.footerColumn ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.footerQrCode {
	width: 33%;
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.footerQrCodeItem {
	text-align: center;
	margin: 0 20px;
}

.footerQrCodeItem img {
	width: 100px;
	height: 100px;
	display: block;
	margin-bottom: 10px;
}

.footerQrCodeItem p {
	font-size: 14px;
	color: #b4bacc;
}

.footerDesc {
	max-width: 400px;
	font-size: 14px;
	line-height: 25px;
	color: #b4bacc;
}

.footerBottom {
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
	font-size: 12px;
	color: #ccc;
	background-color: #151c29;
}


/* 列表页 */
.hblileft {
	width: 63.3%;
	float: left;
}

.listggw {
	width: 100%;
	clear: both;
	position: relative;
	overflow: hidden;
}

.listggw img {
	width: 100%;
	height: 6rem;
}

.listggw span {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 14px;
	color: #ffffff;
	padding: 5px 10px;
	background-color: rgba(255, 255, 255, 0.1);
}

.listlank {
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-bottom: 2px solid #f2f5f7;
}

.lanName {
	display: flex;
	align-items: center;
	/* width: 200px; */
	position: relative;
}

.lanName:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0px;
	left: 0;
	background-image: linear-gradient(to right, #2eb200, #ffffff);
}

@font-face {
	font-family: 'CCXYZT';
	src: url('SingYiEG-Ultra-GB.eot');
	src: url('SingYiEG-Ultra-GB.eot?#iefix') format('embedded-opentype'),
		url('SingYiEG-Ultra-GB.woff2') format('woff2'),
		url('SingYiEG-Ultra-GB.woff') format('woff'),
		url('SingYiEG-Ultra-GB.ttf') format('truetype'),
		url('SingYiEG-Ultra-GB.svg#SingYiEG-Ultra-GB') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.lanName h3 {
	font-family: CCXYZT;
	font-size: 26px;
	font-weight: 600;

}

.lanName img {
	width: 22px;
	height: 22px;
	margin-right: 14px;
}

.leibie {
	clear: both;
}

.leibie ul li {
	float: left;
	margin-right: 23px;
	margin-bottom: 30px;
}

.leibie ul li a {
	display: block;
	min-width: 100px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
}

.lblion {
	background-color: #0058f6;
	color: #ffffff;
}

.leibie ul li a:hover {
	background-color: #0058f6;
	color: #ffffff;
}

/* 产业报告列表 */
.lbblist {
	display: flex;
	width: 100%;
	border: 1px solid #e5e5e5;
	margin-bottom: 30px;
	height: 252px;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.03);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.lbblist:hover {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}


.lbbbgka {
	width: 200px;
	height: 246px;
	/* background-image: url(/hbs/image/yjbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%; */
	position: relative;
	float: left;
}

.lbbImagea {
	width: 159px;
	height: 151px;
	position: absolute;
	top: 5.5%;
	left: 12%;
}

.lbbImagea img {
	width: 159px;
	height: 151px;
}

.lbbright {
	float: left;
	width: 78%;
	padding: 10px 20px;
	position: relative;
	margin-left: 100px;
}

.lbbName {
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 10px;
}

.lbbMiaoshu {
	font-size: 14px;
	height: 44px;
	line-height: 22px;
	color: #666666;
	white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.lbbjgan {
	display: flex;
	width: 94%;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	bottom: 20px;
}

.lbbjleft {
	display: flex;
	align-items: baseline;
}

.lbbjleft span {
	font-size: 24px;
	font-weight: 600;
	color: #ff0000;
	margin-right: 20px;
}

.lbbjleft p {
	font-size: 14px;
	color: #666666;
}

.lbblist:hover .lbbjright {
	display: flex;
}


.lbbjright {
	display: none;
}

.lbbjright a {
	display: block;
	width: 120px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	border-radius: 10px;
}

.ylbao {
	border: 1px solid #e5e5e5;
	margin-right: 30px;
	color: rgba(0, 0, 0, 0.7);
}

.ljgoum {
	background-color: #ff0000;
	color: #ffffff;
}

.ljgoum:hover {
	color: #ffffff;
}


.hbliright {
	width: 33%;
	float: right;
}

/* 慧博士研究院名片 */
.hbsminp {
	padding: 24px 24px;
	border: 1px solid #e5e5e5;
	background-image: url(/hbs/image/mb.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100%;
}

.hbsminp h3 {
	font-size: 24px;
	font-weight: 600;
	font-family: CCXYZT;
	color: #000000;
	margin-bottom: 20px;
}

.hbsminp p {
	clear: both;
}

.hbsminp span {
	font-size: 18px;
	font-weight: 600;
	color: #0058f6;
	display: block;
	clear: both;
	margin-top: 30px;
	margin-bottom: 20px;
}


.hbsminp a {
	background-color: #0058f6;
	box-shadow: 0 10px 30px 0px rgba(0, 88, 246, 0.2);
	color: white;
	text-align: center;
	width: 200px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s, transform 0.2s;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.hbsminp a:hover {
	background-color: #003085;
	transform: translateY(-2px);
}

.hbsminp a:active {
	transform: translateY(0);
}



/* 热门报告 */

.grid-itema {
	/* 基础样式 */
	height: 252px;
	background-color: #ffffff;
	border-radius: 10px;
	display: flex;
	overflow: hidden;
	margin-bottom: 30px;
	border: 1px solid #e5e5e5;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.03);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.grid-itema:hover {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.grid-itema:hover .yjycka {
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.yjbgka {
	width: 200px;
	height: 252px;
	/* background-image: url(/hbs/image/yjbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%; */
	position: relative;
}

.yjImagea {
	width: 159px;
	height: 151px;
	position: absolute;
	top: 5.5%;
	left: 12%;
}

.yjImagea img {
	width: 159px;
	height: 151px;
}

.yjRighta {
	padding: 20px 0px;
	width: 58%;
	margin-left: 20px;
}

.yjRnamea {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;

	white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.yjBqiana {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

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

.yjBqiana b {
	font-weight: normal;
	color: #002b6c;
	background-color: #f4f9fe;
	display: block;
	padding: 10px 10px;
	margin-right: 10px;
	font-size: 14px;
}

.yjQdya {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0px;
}

.yjQdya span {
	display: block;
	font-weight: 600;
	color: #ff0000;
	font-size: 24px;
}

.yjQdya p {
	display: block;
	font-size: 14px;
	color: #999999;
	font-weight: normal;
}

.yjycka {
	-webkit-transform: translate3d(0, 82px, 0);
	transform: translate3d(0, 82px, 0);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.yjfoana {
	width: 100%;
	height: 80px;
	font-size: 16px;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #f2f5f7;
}

.foanlefta {
	width: 50%;
	text-align: center;
}

.foanrighta {
	width: 50%;
	text-align: center;
}

.foanrighta a {
	padding: 5px 15px;
	border-radius: 4px 4px;
	background-color: #ff0000;
	color: #ffffff;
}

.HbMianbao {
	display: flex;
	align-items: center;
	font-size: 16px;
	padding: 30px 0px;
}

.HbMianbao a {
	padding: 0px 10px;
	color: rgba(0, 0, 0, 0.6);
}

.HbMianbao a:hover {
	color: #0058f6;
	text-decoration: underline;
}

.HbMianbao span {
	font-weight: 600;
	padding-left: 10px;
	width: 70%;
	height: 23px;
	line-height: 23px;
	overflow: hidden;
	text-overflow: ellipsis;
	
		
}


/*定制弹窗*/
#dingzhi {
	width: 600px;
	height: 650px;
	margin: 0 auto;
	border-radius: 10px 10px;
	display: none;
}

.dzwbk {
	width: 88%;
	background-color: #f2f5f7;
	border-radius: 20px;
	overflow: hidden;
}

.dztop {
	color: #ffffff;
	padding: 15px 20px;
	background-color: #0058f6;
}

.dztop span {
	font-weight: 600;
	font-size: 18px;
}

.dztop p {
	font-size: 12px;
	font-weight: normal;
}

.dzFoot {
	padding: 20px 20px;
}

.dzFoot input {
	width: 98%;
	padding-left: 2%;
	height: 46px;
	line-height: 46px;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	clear: both;
	margin-bottom: 15px;
	border-radius: 10px 10px;
}

.dzFoot span {
	clear: both;
}

.dzFoot textarea {
	width: 98%;
	padding-left: 2%;
	height: 100px;
	line-height: 30px;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px 10px;
}

.mui-radio {
	width: 100%;
	display: flex;
	line-height: 46px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
}

.mui-radio input {
	width: 4%;
}

.mui-radio span {
	color: #000000;
}

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

.dzFoot button {
	width: 50%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #0058f6;
	color: #ffffff;
	font-size: 16px;
	margin: 0px auto;
	border-radius: 10px 10px;
	box-shadow: 0px 10px 30px 0px rgba(0, 88, 246, 0.3);
}


/* 详情页 */

.wsbk {
	border: 1px solid #e5e5e5;
	border-radius: 10px 10px;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.03);
	/* min-height: 1800px; */
	position: relative;
}

.Detop {
	padding: 20px 0px;
	clear: both;
}

.DeName {
	display: flex;
	padding: 0px 20px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.Detop h1 {
	font-size: 28px;
	font-weight: 600;
	line-height: 30px;
}

.Detop span {
	font-size: 14px;
	color: #666666;
}

.DeInfo {
	clear: both;
	display: flex;
	padding: 0px 20px;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}

.Debbgka {
	width: 250px;
	height: 324px;
	/* background-image: url(/hbs/image/yjbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%; */
	position: relative;
	float: left;
}

.DebImagea {
	width: 197px;
	height: 188px;
	position: absolute;
	top: 5.5%;
	left: 11.5%;
}

.DebImagea img {
	width: 100%;
	height: 188px;
}

.Deright {
	width: 75%;
	padding: 0px 20px;
}

.Destr {
	font-size: 16px;
	text-align: right;
}

.Destrp {
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	/* line-height: 24px; */
	text-align: justify;
	height: auto;
	display: block;
}
.Destrp  p{
	/* height: 72px;
	line-height: 24px;
	white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display: -webket-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical; */


		
		/* height: 24px; */
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		font-size: 16px
	
}


.DeGjz {
	margin-top: 15px;
	display: flex;
	line-height: 30px;
}

.DeGjz a {
	color: #0058f6;
	margin-right: 20px;
}

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

.DeGjz strong {
	font-weight: normal;
	line-height: 30px;
}

.Deqkinfo {
	display: flex;
	clear: both;
}

.Deqkinfo strong {
	font-weight: normal;
	color: rgba(0, 0, 0, 0.7);
	line-height: 30px;
}

.Deqkl {
	width: 30%;
	margin-right: 3%;
}

.DeJgou {
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.DeJgou span {
	font-size: 24px;
	font-weight: 600;
	color: #ff0000
}

.Delian {
	display: flex;
	align-items: center;
}

.Delian a {
	display: block;
	width: 120px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #ffffff;
	border-radius: 10px 10px;
	margin-left: 30px;
}

.Delanl {
	background-color: #0058f6;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
	/* 相对定位，作为二维码的定位参考 */
}

/* 二维码容器样式 */
.qrcode-container {
	position: absolute;
	bottom: 100%;
	/* 位于目标层上方 */
	left: 50%;
	transform: translateX(-50%);
	/* 水平居中 */
	margin-bottom: 10px;
	/* 与目标层保持距离 */
	display: none;
	/* 默认隐藏 */
}

/* 二维码图片样式 */
.qrcode-image {
	width: 128px;
	height: 128px;
	border: 4px solid white;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* 箭头样式 - 使用CSS三角形实现 */
.qrcode-arrow {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid white;
	position: absolute;
	bottom: -8px;
	/* 箭头底部与二维码容器底部对齐 */
	left: 50%;
	transform: translateX(-50%);
}


/* 鼠标悬停时显示二维码 */
.Delanl:hover .qrcode-container {
	display: block;
}



.Delanr {
	background-color: #ff0000;
}

.Detail {
	padding: 0px 20px;
	clear: both;
	height: 74px;
	line-height: 74px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f2f5f7;
}

.Detail h2 {
	font-size: 24px;
	font-weight: 600;
	font-family: CCXYZT;
	color: #2eb200;
}

.DeRgj {
	display: flex;
	align-items: center;
	font-size: 16px;
}

.Deguan {
	margin-left: 20px;
}

.DeXqnr {
	padding: 20px 20px;
	position: relative;
}

.DeXqnr span {
	line-height: 30px;
	padding-left: 30px;
}

.DeXqnr p {
	line-height: 30px;
	padding-left: 30px;
}

.DeMianze {
	clear: both;
	margin-top: 100px;
	background-color: #f2f5f7;
	border: 1px solid #e5e5e5;
	border-radius: 10px 10px;
	padding: 20px 20px;
}

.MzName {
	font-size: 18px;
	font-weight: 600;
	font-family: CCXYZT;
	color: #2eb200;
	display: block;
	margin-bottom: 10px !important;
	line-height: 20px !important;
	padding-left: 0px !important;
}

.MzInfo {
	color: #454959;
	font-size: 15px;
	line-height: 20px !important;
	padding-left: 0px !important;
	text-align: justify;
}

.dbsyp {
	width: 48%;
	float: left;
}

.dbxyp {
	width: 48%;
	float: right;
}

.tjeNbk {
	font-size: 18px;
	display: flex;
	width: 100%;
	border-radius: 10px 10px;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.tjeNbk:hover {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.Sypk {
	width: 60%;
	padding: 20px 20px;

}

.Sypk h2 {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.Syplj {
	clear: both;
	margin-top: 30px;
	display: flex;
	align-items: center;
}

.Syplj img {
	margin-right: 10px;
}

.Syplj span {
	font-size: 18px;
	color: #0058f6;
	font-weight: 600;
	margin-right: 10px;
}


.Hbgdbt.on {
	position: fixed;
	background-color: #1565e4;
	top: 100px;
	left: 0;
	width: 100%;
	height: 60px;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .05);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .05);
	transition: background-color 0.3s, color 0.3s;
}




/* 分页效果 */
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 20px;
}

.pagination-info {
	color: #333;
}

.pagination-btn {
	padding: 5px 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	cursor: pointer;
	border-radius: 3px;
}

.pagination-btn:hover {
	background-color: #f0f0f0;
}

.pagination-list {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

.pagination-item a {
	display: block;
	padding: 5px 10px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #333;
	border-radius: 3px;
}

.pagination-item a:hover {
	background-color: #f0f0f0;
}

.pagination-item.active a {
	background-color: #007bff;
	color: #fff;
	border-color: #007bff;
}

.pagination-item.ellipsis a {
	border: none;
	cursor: default;
}

.pagination-item.ellipsis a:hover {
	background-color: transparent;
}

.pagination-select {
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.pagination-input {
	width: 50px;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
}



/* 比平板大PRO */
@media screen and (min-width: 1025px) and (max-width: 1600px) {
	.grid-item {
		flex: 0 0 calc(50% - 16px);
		max-width: calc(50% - 16px);
		/* 基础样式 */
		height: 237px;
	}

	.yjbgk {
		height: 237px;
	}

	.yjImage {
		width: 150px;
		height: 142px;
		position: absolute;
		top: 5.5%;
		left: 11%;
	}

	.yjImage img {
		/* width: 100%;
		height: 141px; */
		width: 180px;
		height: 200px;
	}

	.yjBqian b {
		padding: 5px 5px;
		margin-right: 5px;
		font-size: 12px;
	}

	.yjQdy {
		width: 90%;
	}


	.form-container {
		display: block;
	}

	.form-header {
		text-align: center;
		margin-bottom: 20px;
	}

	.hbQtx {
		background-image: none;
		width: 100%;
		height: 100px;
		position: relative;
		right: 0;
		text-align: center;
		align-items: center;
	}

	.form-title {
		font-size: 24px;
	}

	.form-content {
		margin-left: 0px;
	}

	.form-field input[type="text"] {
		width: 90%;
		padding: 12px 15px;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: 14px;
		transition: border-color 0.3s;
	}

	.form-field textarea {
		width: 95.5%;
		padding: 12px 15px;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: 14px;
		transition: border-color 0.3s;
	}

	.footerColumn {
		width: 25%;
		text-align: center;
	}

	.footerQrCode {
		clear: both;
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.footerDesc {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.footerBottom {
		display: block;
	}

	.process-item {
		min-width: 100px;
	}

	.icon {
		width: 20px;
		height: 20px;
	}

	.process-item p {
		font-size: 12px;
	}



	.process-item p {
		font-size: 14px;
	}

	.icon {
		width: 20px;
		height: 20px;
	}


	/* 列表页 */
	.hblileft {
		width: 100%;
		float: none;
		clear: both;
	}

	.hbliright {
		width: 100%;
		float: none;
		clear: both;
	}

	.leibie ul li {
		margin-right: 18px;

	}

	.lbblist {
		height: 244px;
	}

	.lbbImagea {
		width: 142px;
		height: 128px;
	}

	.lbbImagea img {
		width: 100%;
		height: 128px;
		
	}

	.lbbName {
		font-size: 20px;
		line-height: 25px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	/* 详情页 */

	.DeInfo {
		padding-bottom: 30px;
	}

	#stickyButtons {
		right: 5% !important;
		display: block;
	}


	.Detop h1 {
		font-size: 24px;
	}

	.DebImagea {
		width: 186px;
		height: 180px;
		top: 4.2%;
	}

	.DebImagea img {
		width: 100%;
		height: 180px;
	}

	.Deqkinfo {
		display: block;
	}

	.Deqkl {
		width: 100%;
	}

	.tjeNbk {
		display: block;
	}

	.tjeNbk a {
		width: 100%;
	}

	.tjImage {
		margin: 0px auto;
	}

	.Sypk {
		width: 90%;
		padding: 5% 5%;
	}

	.Sypk h2 {
		font-size: 18px;
	}

	.yjRighta {
		padding: 20px 0px;
		width: 75%;
		margin-left: 20px;
	}

	.yjycka {
		-webkit-transform: translate3d(0, 102px, 0);
		transform: translate3d(0, 102px, 0);
	}

}






/* 响应式调整，针对ipd pro */
@media (max-width: 1024px) {
	.grid-item {
		flex: 0 0 calc(50% - 16px);
		max-width: calc(50% - 16px);
		/* 基础样式 */
		height: 237px;
	}

	.yjbgk {
		height: 237px;
	}

	.yjImage {
		width: 150px;
		height: 142px;
		position: absolute;
		top: 5.5%;
		left: 11%;
	}

	.yjImage img {
		width: 100%;
		height: 141px;
	}

	.yjBqian b {
		padding: 5px 5px;
		margin-right: 5px;
		font-size: 12px;
	}

	.yjQdy {
		width: 90%;
	}


	.form-container {
		display: block;
	}

	.form-header {
		text-align: center;
		margin-bottom: 20px;
	}

	.hbQtx {
		background-image: none;
		width: 100%;
		height: 100px;
		position: relative;
		right: 0;
		text-align: center;
		align-items: center;
	}

	.form-title {
		font-size: 24px;
	}

	.form-content {
		margin-left: 0px;
	}

	.form-field input[type="text"] {
		width: 90%;
		padding: 12px 15px;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: 14px;
		transition: border-color 0.3s;
	}

	.form-field textarea {
		width: 95.5%;
		padding: 12px 15px;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: 14px;
		transition: border-color 0.3s;
	}

	.footerColumn {
		width: 25%;
		text-align: center;
	}

	.footerQrCode {
		clear: both;
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.footerDesc {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.footerBottom {
		display: block;
	}

	.process-item {
		min-width: 100px;
	}

	.icon {
		width: 20px;
		height: 20px;
	}

	.process-item p {
		font-size: 12px;
	}



	.process-item p {
		font-size: 14px;
	}

	.icon {
		width: 20px;
		height: 20px;
	}


	/* 列表页 */
	.hblileft {
		width: 100%;
		float: none;
		clear: both;
	}

	.hbliright {
		width: 100%;
		float: none;
		clear: both;
	}

	.leibie ul li {
		margin-right: 18px;

	}

	.lbblist {
		height: 244px;
	}

	.lbbImagea {
		width: 142px;
		height: 128px;
	}

	.lbbImagea img {
		width: 100%;
		height: 128px;
	}

	.lbbName {
		font-size: 20px;
		line-height: 25px;
	}

	/* 详情页 */

	.DeInfo {
		padding-bottom: 30px;
	}

	#stickyButtons {
		right: 5% !important;
		display: block;
	}


	.Detop h1 {
		font-size: 24px;
	}

	.DebImagea {
		width: 186px;
		height: 180px;
		top: 4.2%;
	}

	.DebImagea img {
		width: 100%;
		height: 180px;
	}

	.Deqkinfo {
		display: block;
	}

	.Deqkl {
		width: 100%;
	}

	.tjeNbk {
		display: block;
	}

	.tjeNbk a {
		width: 100%;
	}

	.tjImage {
		margin: 0px auto;
	}

	.Sypk {
		width: 90%;
		padding: 5% 5%;
	}

	.Sypk h2 {
		font-size: 18px;
	}

	.yjRighta {
		padding: 20px 0px;
		/* width: 75%; */
		margin-left: 20px;
	}

	.yjycka {
		-webkit-transform: translate3d(0, 102px, 0);
		transform: translate3d(0, 102px, 0);
	}



}


/* 响应式调整，针对小屏幕 */
@media (max-width: 768px) {
	.banMiao p {
		padding: 0px 30px;
	}

	.grid-item {
		/* 超小屏幕上每行1个元素 */
		flex: 0 0 100%;
		max-width: 100%;
		height: 224px;
	}

	.yjRname {
		font-size: 18px;
		line-height: 24px;

	
	}

	.yjBqian b {
		padding: 4px 2px;
		margin-right: 5px;
		font-size: 10px;
	}

	.grid-yjbg {
		gap: 30px;
	}


	.grid-item:hover .yjyck {
		-webkit-transform: translate3d(0, 60px, 0);
		transform: translate3d(0, 60px, 0);
	}

	.yjbgk {
		height: 224px;
	}


	.yjImage {
		width: 140px;
		height: 130px;
		position: absolute;
		top: 4.9%;
		left: 12%;
	}

	.yjImage img {
		width: 100%;
		height: 130px;
	}

	.yjRight {
		width: 82%;
	}


	.yjyck {
		-webkit-transform: translate3d(0, 102px, 0);
		transform: translate3d(0, 102px, 0);
	}


	.yjQdy span {
		font-size: 18px;
	}

	.yjQdy p {
		font-size: 12px;
	}

	.yjfoan {
		height: 40px;
		font-size: 14px;
	}


	.Bgbk {
		margin-top: 30px;
		text-align: center;
		width: 100px;
		height: 90px;
		padding-top: 15px;
	}

	.form-container {
		display: block;
	}

	.form-header {
		text-align: center;
		margin-bottom: 20px;
	}

	.hbQtx {
		background-image: none;
		width: 100%;
		height: 100px;
		position: relative;
		right: 0;
		text-align: center;
		align-items: center;
	}

	.form-title {
		font-size: 24px;
	}

	.form-content {
		margin-left: 0px;
	}

	.form-field input[type="text"] {
		width: 90%;
		padding: 12px 15px;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: 14px;
		transition: border-color 0.3s;
	}

	.form-field textarea {
		width: 95.5%;
		padding: 12px 15px;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: 14px;
		transition: border-color 0.3s;
	}

	.footerColumn {
		width: 25%;
		text-align: center;
	}

	.footerQrCode {
		clear: both;
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.footerDesc {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.footerBottom {
		display: block;
	}





	.process-item {
		min-width: 100px;
	}

	.icon {
		width: 20px;
		height: 20px;
	}

	.process-item p {
		font-size: 12px;
	}

	/* 列表页 */
	.hblileft {
		width: 100%;
		float: none;
		clear: both;
	}

	.hbliright {
		width: 100%;
		float: none;
		clear: both;
	}

	.leibie ul li {
		margin-right: 18px;

	}

	.lbblist {
		height: 225px;
	}

	.lbbImagea {
		width: 142px;
		height: 128px;
	}

	.lbbImagea img {
		width: 100%;
		height: 128px;
	}

	.lbbName {
		font-size: 20px;
		line-height: 25px;
	}

	.yjImagea {
		width: 152px;
		height: 144px;
		left: 11%;
	}

	.yjImagea img {
		width: 100%;
		height: 144px;
	}




	/* 详情页 */

	.DeInfo {
		padding-bottom: 30px;
	}

	#stickyButtons {
		display: none;
	}

	.Sjbh {
		display: block !important;

	}

	.Sjbh a {
		display: block !important;
		width: 80%;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 16px;
		color: #ffffff;
		border-radius: 10px 10px;
		background-color: #ff0000;
		margin: 0px auto;
	}

	.Detop h1 {
		font-size: 24px;
	}

	.DebImagea {
		width: 170px;
		height: 160px;
		top: 4.2%;
	}

	.DebImagea img {
		width: 100%;
		height: 160px;
	}

	.Deqkinfo {
		display: block;
	}

	.Deqkl {
		width: 100%;
	}

	.tjeNbk {
		display: block;
	}

	.tjeNbk a {
		width: 100%;
	}

	.tjImage {
		margin: 0px auto;
	}

	.Sypk {
		width: 90%;
		padding: 5% 5%;
	}

	.Sypk h2 {
		font-size: 18px;
	}
}

/* 极小屏幕适配 */
@media (max-width: 480px) {
	.swiper {
		height: 450px;
	}

	.grid-item {
		/* 超小屏幕上每行1个元素 */
		flex: 0 0 100%;
		max-width: 100%;
		height: 175px;
	}

	.dbanner {
		height: 400px;
	}

	.dbanner h1 {
		font-size: 32px;
		padding-top: 80px;
	}

	.banMiao p {
		font-size: 18px;
		line-height: 30px;
	}

	.dbanner a {
		width: 200px;
		height: 50px;
		line-height: 50px;
		font-size: 20px;
	}

	.Dname h3 {
		font-size: 24px;
	}

	.tjNbk {
		width: 100%;
		border: none;
	}

	.tjImage {
		margin: 0px auto;
	}

	.yjRname {
		font-size: 16px;
		line-height: 20px;
	}

	.yjBqian b {
		padding: 4px 2px;
		margin-right: 5px;
		font-size: 10px;
	}

	.grid-yjbg {
		gap: 30px;
	}


	.grid-item:hover .yjyck {
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}

	.yjbgk {
		height: 175px;
	}

	.yjImage {
		width: 110px;
		height: 105px;
		position: absolute;
		top: 4.9%;
		left: 12%;
	}

	.yjImage img {
		width: 100%;
		height: 105px;
	}

	.yjRight {
		padding: 10px 10px;
		margin-left: 0px;
	}


	.yjyck {
		-webkit-transform: translate3d(0, 44px, 0);
		transform: translate3d(0, 44px, 0);
	}


	.yjQdy span {
		font-size: 18px;
	}

	.yjQdy p {
		font-size: 12px;
	}

	.yjfoan {
		height: 40px;
		font-size: 14px;
	}

	.foanright a {
		padding: 5px 5px;
	}


	.DCname h3 {
		font-size: 24px;
	}

	.lanName h3 {
		font-size: 24px;
	}






	.Bgbk {
		margin-top: 20px;
		width: 100px;
		height: 80px;
		padding-top: 10px;
	}



	.process-item p {
		font-size: 12px;
	}

	.form-container {
		display: block;
	}

	.form-header {
		text-align: center;
		margin-bottom: 20px;
	}

	.hbQtx {
		background-image: none;
		width: 100%;
		height: 100px;
		position: relative;
		right: 0;
		text-align: center;
		align-items: center;
	}

	.form-title {
		font-size: 24px;
	}

	.form-content {
		margin-left: 0px;
	}

	.form-field input[type="text"],
	.form-field textarea {
		width: 90%;
		padding: 12px 15px;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: 14px;
		transition: border-color 0.3s;
	}

	/*定制弹窗*/
	#dingzhi {
		width: 100% !important;
		height: 650px;
		margin: 0px auto !important;
		top: 10% !important;
		left: 5% !important;
	}

	footer {
		padding-top: 30px;
	}

	.footerColumn {
		text-align: center;
	}

	.footerQrCode {
		width: 100%;
		margin-bottom: 30px;
	}

	.footerBottom {
		display: block;
	}

	.footerDesc {
		max-width: 100%;
	}

	/* 列表页 */
	.hblileft {
		width: 100%;
		float: none;
		clear: both;
	}

	.hbliright {
		width: 100%;
		float: none;
		clear: both;
		margin-top: 30px;
	}

	.leibie ul {
		width: 100%;
	}

	.leibie ul li {
		float: left;
		margin-right: 15px;
		margin-bottom: 20px;
		width: 29.2%;
	}


	.leibie ul li a {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		min-width: auto;

	}

	.lbblist {
		margin-bottom: 30px;
		height: 212px;
	}

	.lbbbgka {
		height: 212px;
	}

	.lbbright {
		width: 58%;
		padding: 10px 10px;
		margin-left: 160px;
	}

	.lbbName {
		font-size: 1rem;
		line-height: 20px;
	}

	.lbbMiaoshu {
		display: none;
	}

	.yjBqiana b {
		padding: 4px 2px;
		margin-right: 5px;
		font-size: 10px;
	}

	.lbbjgan {
		display: block;
		width: 94%;
		bottom: 10px;
	}

	.lbbjleft {
		width: 94%;
		justify-content: space-between;
	}

	.lbbjright {
		padding: 10px 10px;
	}

	.lbbjright a {
		width: 80px;
		height: 30px;
		line-height: 30px;
		font-size: 0.8rem;
	}

	.lbbjleft span {
		font-size: 18px;
	}

	.lbbjleft p {
		font-size: 12px;
		text-align: right;
	}

	.grid-itema {
		height: 184px;
	}

	.yjbgka {
		height: 184px;
	}

	.lbbImagea {
		width: 136px;
		height: 130px;
		top: 5.6%;
		left: 11%;
	}

	.lbbImagea img {
		width: 100%;
		height: 130px;
	}

	.yjImagea {
		width: 118px;
		height: 108px;
		top: 5.6%;
		left: 11%;
	}

	.yjImagea img {
		width: 100%;
		height: 108px;
	}

	.yjRighta {
		margin-left: 0px;
		padding: 10px 10px;
		margin-left: 60px;
	}

	.yjRnamea {
		font-size: 16px;
	}

	.yjycka {
		-webkit-transform: translate3d(0, 55px, 0);
		transform: translate3d(0, 75px, 0);
	}

	.grid-itema:hover .yjycka {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	.yjQdya {
		align-items: last baseline;
	}

	.yjQdya span {
		font-size: 18px;
	}

	.yjQdya p {
		font-size: 12px;
	}

	.yjfoana {
		height: 50px;
		font-size: 14px;
	}

	.mui-radio label {
		line-height: 20px;
	}

	.HbMianbao {
		padding: 10px 0px;
		font-size: 14px;
		display: block;		
		
	}

	/* 详情页 */

	.DeName {
		display: block;
	}

	.Detop {
		padding: 10px 0px;
	}

	.Detop h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.DeInfo {
		display: block;
	}

	.Debbgka {
		clear: both;
		margin: 0px auto;
		float: none;
	}

	.DebImagea {
		width: 200px;
	}

	.Deright {
		width: 100%;
		padding: 0px 0px;
	}

	.DeGjz {
		display: block;
	}

	.Deqkinfo {
		display: block;
	}

	.Deqkl {
		width: 100%;
		margin-right: 0%;
	}

	.DeJgou {
		display: block;
		margin-top: 20px;
		padding-bottom: 30px;
	}

	.Delian {
		margin-top: 30px;
	}

	.dbsyp {
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 30px;
	}

	.dbxyp {
		width: 100%;
		float: none;
		clear: both;
	}

	.tjeNbk {
		display: block;
	}

	.Sypk {
		width: 90%;
		padding: 5% 5%;
	}

	.Sypk h2 {
		font-size: 18px;
	}

	.listggw img {
		height: 3.5rem;
	}
}


/* 响应式调整，针对小屏幕 */
@media (max-width: 820px) {
	.banMiao p {
		padding: 0px 30px;
	}

	.grid-item {
		/* 超小屏幕上每行1个元素 */
		flex: 0 0 100%;
		max-width: 100%;
		height: 224px;
	}

	.yjRname {		
		font-size: 18px;
        line-height: 24px;
        margin-left: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 250px;
	}

	.yjBqian b {
		padding: 4px 2px;
		margin-right: 5px;
		font-size: 10px;
	}

	.grid-yjbg {
		gap: 30px;
	}


	.grid-item:hover .yjyck {
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 60px, 0);
	}

	.yjbgk {
		height: 224px;
	}


	.yjImage {
		width: 140px;
		height: 130px;
		position: absolute;
		top: 4.9%;
		left: 12%;
	}

	.yjImage img {
		width: 100%;
		height: 130px;
	}

	.yjRight {
		width: 82%;
		margin-left: 120px;
	}


	.yjyck {
		-webkit-transform: translate3d(0, 110px, 0);
		transform: translate3d(0, 110px, 0);
		width: 80%;

	}


	.yjQdy span {
		font-size: 18px;
	}

	.yjQdy p {
		font-size: 12px;
	}

	.yjfoan {
		height: 40px;
		font-size: 14px;
	}


	.Bgbk {
		margin-top: 30px;
		text-align: center;
		width: 100px;
		height: 90px;
		padding-top: 15px;
	}

	.form-container {
		display: block;
	}

	.form-header {
		text-align: center;
		margin-bottom: 20px;
	}

	.hbQtx {
		background-image: none;
		width: 100%;
		height: 100px;
		position: relative;
		right: 0;
		text-align: center;
		align-items: center;
	}

	.form-title {
		font-size: 24px;
	}

	.form-content {
		margin-left: 0px;
	}

	.form-field input[type="text"] {
		width: 90%;
		padding: 12px 15px;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: 14px;
		transition: border-color 0.3s;
	}

	.form-field textarea {
		width: 95.5%;
		padding: 12px 15px;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: 14px;
		transition: border-color 0.3s;
	}

	.footerColumn {
		width: 25%;
		text-align: center;
	}

	.footerQrCode {
		clear: both;
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	.footerDesc {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.footerBottom {
		display: block;
	}





	.process-item {
		min-width: 100px;
	}

	.icon {
		width: 20px;
		height: 20px;
	}

	.process-item p {
		font-size: 12px;
	}

	/* 列表页 */
	.hblileft {
		width: 100%;
		float: none;
		clear: both;
	}

	.hbliright {
		width: 100%;
		float: none;
		clear: both;
	}

	.leibie ul li {
		margin-right: 18px;

	}

	.lbblist {
		height: 225px;
	}

	.lbbImagea {
		width: 142px;
		height: 128px;
	}

	.lbbImagea img {
		width: 100%;
		height: 128px;
	}

	.lbbName {
		font-size: 20px;
		line-height: 25px;
		text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
		width: 200px;
	}

	.yjImagea {
		width: 152px;
		height: 144px;
		left: 11%;
	}

	.yjImagea img {
		width: 100%;
		height: 144px;
	}




	/* 详情页 */

	.DeInfo {
		padding-bottom: 30px;
	}

	#stickyButtons {
		display: none;
	}

	.Sjbh {
		display: block !important;

	}

	.Sjbh a {
		display: block !important;
		width: 80%;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 16px;
		color: #ffffff;
		border-radius: 10px 10px;
		background-color: #ff0000;
		margin: 0px auto;
	}

	.Detop h1 {
		font-size: 24px;
	}

	.DebImagea {
		width: 170px;
		height: 160px;
		top: 4.2%;
	}

	.DebImagea img {
		width: 100%;
		height: 160px;
	}

	.Deqkinfo {
		display: block;
	}

	.Deqkl {
		width: 100%;
	}

	.tjeNbk {
		display: block;
	}

	.tjeNbk a {
		width: 100%;
	}

	.tjImage {
		margin: 0px auto;
	}

	.Sypk {
		width: 90%;
		padding: 5% 5%;
	}

	.Sypk h2 {
		font-size: 18px;
	}
}