html {
	font-size: calc(100vw/19.2);
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "微软雅黑";
}

.nav2 {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	/* 允许元素换行 */
	list-style: none;
	width: 5rem;
	margin: 0 auto;
	border: 1px solid red;
}

.nav2 li {
	display: inline-block;
	font-size: 0.20rem;
	height: 0.5rem;
	line-height: 0.5rem;
	width: 50%;
	text-align: center;
	color: red;
}

.nav2 li:hover {
	background-color: red;
	color: #fff;
	cursor: pointer;
}

.nav2 li.active {
	background-color: red;
	color: #fff;
}


.nav3 {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	/* 允许元素换行 */
	list-style: none;
	width: 8rem;
	margin: 0.5rem auto;
	border: 1px solid red;
}

.nav3 li {
	display: inline-block;
	font-size: 0.20rem;
	height: 0.5rem;
	line-height: 0.5rem;
	width: 33.3%;
	text-align: center;
	color: red;
}

.nav3 li:hover {
	background-color: red;
	color: #fff;
	cursor: pointer;
}

.nav3 li.active {
	background-color: red;
	color: #fff;
}


/*默认选中第一个 li */
/* .nav2 li:first-child {
	background-color: red;
	color: #fff;
} */

.linian {
	/* width: 70%; */
	margin: 2.3rem auto;

	/* text-align: center; */
	/* border: 1px solid red; */
}

.linian ul {
	margin: 0 auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style: none;
	justify-content: space-between;
	/* 两端对齐，项目间距相等 */

}

.linian ul li {
	/* display: inline-block; */
	width: 24%;
	/* margin-right: 1.5rem; */
	/* 可选间距 */
}

.linian ul li img {
	width: 3.2rem;
}

.qyzz {
	width: 70%;
	margin: 0 auto;
}

.qyzz img {
	width: 100%;
}


.contact {
	width: 70%;
	margin-top: 1rem;
	margin: 0.3rem auto;
	/* text-align: center; */
	height: 4rem;
	/* border: 1px solid blue; */
}

.contact .info {
	float: left;
	width: 40%;
	/* border: 1px solid red; */
}

.contact .info-text .title {
	font-size: 0.2rem;
}

.infoitem {
	margin-top: 0.5rem;
}

.infoitem li {
	height: 0.42rem;
	border: 1px solid white;
}

.infoitem img {
	width: 0.35rem;
	line-height: 0.42rem;
	float: left;
}

.infoitem p {
	margin-left: 0.4rem;
	float: left;
	font-size: 0.18rem;
	line-height: 0.42rem;
}

.contact .myform {
	float: right;
	width: 40%;
	font-size: 0.18rem;
}

.contact .myform input {
	border: none;
	width: 4rem;
	height: 0.3rem;
	border: 1px solid #ccc;
}

.contact .myform textarea {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 8px 10px;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	width: 3.8rem;
	height: 1.5rem
}

.successpage {
	margin: 0.5rem auto;
	width: 70%;
}



.successpage .content .content-text .title {
	font-size: 0.22rem;
	font-weight: 600;
	text-align: center;

	height: 0.6rem;
	color: #333333;
}

.successpage .content .content-text .detail {
	font-size: 0.16rem;
	line-height: 0.28rem;
	text-align: left;
}

.successCases {
	/* padding: 0; */
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* 允许元素换行 */
	/* list-style: none; */
	width: 70%;
	margin: 0.5rem auto;
	/* border: 1px solid red; */
}

.successCases li {
	/* text-align: center; */
	/* margin-bottom: 0.2rem; */
}

.successitem {
	/* display: flex; */
	/* border: 1px solid blue; */
	overflow: hidden;
	/* 清除浮动，避免容器高度塌陷 */
	background-color: #f0f0f0;
	padding: 10px;
}

.successitem .leftcase {
	/* padding: 0; */
	/* display: flex; */

	/* 允许元素换行 */
	float: left;
	/* 向左浮动 */
	width: 4rem;
	text-align: center;
	/* border: 1px solid blue; */
}

.successitem .rightcase {
	/* padding: 0; */
	/* display: flex; */
	float: right;
	/* 向左浮动 */
	/* 允许元素换行 */

	width: 4rem;
	text-align: center;
	/* border: 1px solid red; */
}

.successitem img {
	width: 3.5rem;
}



.sucessitem li {
	/* text-align: center;
		margin-bottom: 0.2rem; */
	display: inline-block;
	/* 将li转换为行内块元素 */
	width: 48%;
	/* border: 1px solid red; */
	/* 设置宽度，留出间距 */
	/* margin-right: 4%; */
}


.proditems {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	/* 允许元素换行 */
	list-style: none;
	width: 70%;
	margin: 0.5rem auto;
	/* border: 1px solid red; */
}

.proditems li {
	text-align: center;
	margin-bottom: 0.2rem;
}

.proditem {
	display: flex;
}

.proditem .content-img {
	flex-basis: 50%;

	/* border: 1px solid blue; */
}

.proditem .content-img img {
	width: 95%;
}

.proditem .content-text {
	flex-basis: 50%;
	position: relative;
	text-align: left;
}

.proditem .content-text .title {
	font-size: 0.3rem;
	top: 0;
	left: 0.2rem;
	position: relative;
	display: inline-block;
}

.proditem .content-text .detail {
	font-size: 0.18rem;
	width: 90%;
	margin-top: 0.1rem;
	margin-left: 0.2rem;
	bottom: 0;
	/* border: 1px solid red; */
}

.before-less::before {
	content: "<";
}

.after-greater::after {
	content: ">";
}

.introduction {
	margin: 1.2rem auto;
	width: 70%;
}

.introduction .title {
	margin: auto;
	/* border: 1px solid blue; */
	text-align: center;
}

.introduction .title img {
	height: 1.2rem;
}

.introduction .content {
	/* margin: auto; */
	/* border: 1px solid red; */
	/* text-align: center; */
	margin-top: 0.8rem;
	display: flex;
	text-align: center;
	column-gap: 0.8rem;
	/* 仅列间距 */
	/* align-items: center; */
}

.introduction .content .content-text {
	/* border: 1px solid blue; */
	flex: 1;
	/* flex-grow: 1; */
}

.introduction .content .content-text .title {
	font-size: 0.2rem;
	font-weight: 540;
	text-align: left;
	height: 0.6rem;
	color: #333333;
}

.introduction .content .content-text .detail {
	font-size: 0.16rem;
	line-height: 0.28rem;
	text-align: left;
}

.introduction .content .content-text .button {
	font-size: 0.15rem;
	background: #E5322C;
	color: #fff;
	width: 2rem;
	margin-top: 0.5rem;
	height: 0.35rem;
	line-height: 0.35rem;
}

.introduction .content .content-img {
	flex: 1;
	/* flex-grow: 1; */
	width: 80%;
}

.success {
	margin: 0.5rem auto;
	width: 70%;
}

.success .title {
	margin: auto;
	/* border: 1px solid blue; */
	text-align: center;
}

.success .content {
	margin: auto;
	/* border: 1px solid blue; */
	text-align: center;

}

.success .content img {
	width: 100%;

}

.success ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	list-style: none;

}

.success li {
	flex: 0 0 20%;
	/* padding: 10px; */
	box-sizing: border-box;
	text-align: center;
	height: 1.0rem;
}

/* 图标样式示例 */
.success li img {
	max-width: 2.2rem;
	/* 控制图标大小 */
	height: auto;
	/* border: 1px solid #E7E7E7; */
}

.prods {
	margin-top: 0.5rem;
}

.product {

	/* margin: 1.2rem auto; */
	width: 100%;
	position: relative;
	/* 父元素需相对定位 */
	/* 文本居中 */
}

.product .title {
	margin: auto;
	/* border: 1px solid blue; */
	text-align: center;
}

.product .prodtype {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	/* 向左回退自身宽度的50% */
	/* 从左侧偏移50% */
	/* 转为行内块元素 */
	/* height: 2rem; */
	/* margin: auto; */
	/* width: 100%; */
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	/* margin: 0; */
	list-style: none;

}

.product .prodtype .buttonleft {
	flex: 1;
	width: 2rem;
	heigt: 0.5rem;
	font-size: 0.20rem;
	line-height: 0.5rem;
	border: 1px solid #E9514C;
	text-align: center;
	background-color: #E9514C;
	color: #fff;
}

.product .prodtype .buttonright {
	flex: 1;
	width: 3rem;
	heigt: 0.5rem;
	font-size: 0.20rem;
	line-height: 0.5rem;
	border: 1px solid #E9514C;
	text-align: center;
	background-color: #fff;
	color: #E9514C;
}

.product .prodtype li {}

.product .prodlist {
	margin-top: 1rem;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	/* margin: 0; */
	list-style: none;
}

.product .prodlist li {
	flex: 0 0 20%;
}

.product .prodlist li img {
	width: 3.75rem;
}

.qualification {
	margin: 1.2rem auto;
	width: 70%;
	/* border: 1px solid red; */
}


.qualification .content {
	position: relative;
	overflow: hidden;
	height: 4.4rem;
}


.qualification .title {
	margin: auto;
	/* border: 1px solid blue; */
	text-align: center;
}

.qualification .middle ul {
	/* float: left; */
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	/* margin-left: 0.2rem; */
	display: flex;
	flex-wrap: nowrap;
	/* 防止换行 */
	overflow: hidden;
	column-gap: 0.6rem;
	width: 90%;
	/* 隐藏超出部分 */
}

.qualification .middle li {
	width: 25%;
	/* 每个li占25%宽度，一行显示4个 */
}

.qualification .middle .imglist .container {
	position: relative;
	width: 2.5rem;
	height: 3.5rem;
	text-align: center;
	/* border: 1px solid red; */
	background: linear-gradient(to bottom, transparent 65%, red 35%);

}

.qualification .middle img {
	/* position: absolute; */
	/* left: 10px; */
	/* 向左移动自身宽度的50% */
	/* top: 0.1rem; */
	width: 2rem;
	margin: 0.1rem auto;
	/* 水平居中 */
	/* height: 3rem; */
}

.qualification .middle .container .title {
	/* position: absolute; */
	/* bottom: 0.2rem; */
	font-size: 0.16rem;
	color: #FEFFF2;
	margin: 0 auto;
	/* 水平居中 */
}

.qualification .moveleft {
	/* top: 0; */
	right: 0;
	position: absolute;
	height: 50px;
	top: 1rem;
	/* float: left; */
	/* 向左浮动 */
	/* margin-top: 10px; */
}

.qualification .moveleft button {
	width: 15px;
	height: 50px;
	background: #E5322C;
	color: #fff;
	border: none;
}

.qualification .middle {
	/* float: left; */
}

.qualification .moveright {
	/* top: 0; */
	left: 0;
	position: absolute;
	height: 40px;
	top: 1rem;
	/* 向左浮动 */
	/* margin-top: 10px; */
}

.qualification .moveright button {
	width: 15px;
	height: 50px;
	background: #F7F7F7;
	color: #AAAAAA;
	border: none;
}

.newspage {
	margin: 1.0rem auto;
	width: 70%;
	text-align: center;
}

.newspage .title {
	margin-top: 0.5rem;
	font-size: 0.3rem;
}

.newspage .time {
	margin-top: 0.1rem;
	font-size: 0.22rem;
	color: red;
}

.newspage .detail {
	margin-top: 0.5rem;
	font-size: 0.16rem;
}

.news {
	margin: 1.0rem auto;
	width: 70%;
}

.news .content {
	display: flex;
	column-gap: 0.5rem;
}

/* .news .trend{
		
	} */

.trend-title {
	margin-left: 0;
	font-size: 0.25rem;
	font-weight: 600;
	color: #2c3e50;
	/* text-align: center; */
	margin-bottom: 30px;
	position: relative;
}

.headline {
	position: relative;
}

.headline img {
	width: 35%;
}

.headlinetitle {
	position: absolute;
	top: 0;
	right: 1.6rem;
	font-size: 0.2rem;
	font-weight: 600;

}

.headlinetime {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.2rem;
	color: red;
}

.headlinecontent {
	position: absolute;
	top: 0.5rem;
	right: 0;
	font-size: 0.18rem;
	width: 60%
}

.headlinedetail {
	position: absolute;

	bottom: 0.10rem;
	right: 3.8rem;

	/* border: 1px solid red; */
}

.headlinedetail button {
	font-size: 0.14rem;
	color: red;
	width: 1rem;
	height: 0.3rem;
	border: 1px solid red;
}

.news .title {
	margin: auto;
	/* border: 1px solid blue; */
	text-align: center;
}

.news .trend {
	flex: 0 0 60%;
	max-width: 800px;
	/* margin: 0 auto; */
	/* padding: 20px; */
}


.news-item {
	/* height: 0.8rem; */
	/* border: 1px solid brown; */
	/* border-bottom: 1px solid #E5E5E5; */
	/* border-radius: 8px;
		padding: 15px;
		margin-bottom: 20px; */
	/* position: relative; */
	/* overflow: hidden; */

	height: 0.5rem;
	/* overflow: auto; */
	position: relative;
	overflow: hidden;
	/* 裁剪滚动条 */
	/* 清除浮动 */
	/* transition: box-shadow 0.3s; */
}

.news-item:hover {
	/* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */
}

.news-item .dot {
	float: left;
	/* line-height: 0.8rem;
		margin-top: calc((100% - 30px) / 2); */
	/* 垂直居中计算 */
	position: relative;
	/* 为绝对定位子元素提供参考 */
	width: 30px;
	height: 0.5rem;
	/* line-height: 0.5rem; */
	/* border: 1px solid blue; */

}

.news-item .dot img {
	position: absolute;
	/* top: 0; */
	/* left: 0; */
	width: 15px;
	height: 15px;
	/* height: 0.8rem; */
	top: calc((100% - 15px) / 2);
	/* line-height: 0.5rem; */
	/* width: 30px;
		height: 30px;
		margin-top: calc((100% - 30px) / 2); */

	/* line-height: 0.8rem; */
}

/* 标题和时间样式 */
.news-title {
	margin-left: 30px;
	width: 75%;
	font-size: 0.18rem;
	font-weight: 500;
	color: #333;
	line-height: 0.5rem;
	/* margin-bottom: 10px; */
	/* line-height: 0.8rem; */
	overflow: hidden;
	/* 使文本占据剩余空间 */
	white-space: nowrap;
	/* 防止文本换行 */
	text-overflow: ellipsis;
	/* 超出部分显示省略号 */
	/* border: 1px solid red; */
}

.news-meta {
	top: 0;
	right: 0;
	position: absolute;
	line-height: 0.5rem;
	/* display: flex;
		justify-content: space-between;
		align-items: center; */
	/* float: left; */
	/* width: 25%; */
	/* font-size: 0.20rem; */
	height: 0.5rem;
	font-size: 0.16rem;
	/* line-height: 0.8rem; */

	/* margin-left: 10px; */
	/* 日期与文本间距 */
	/* border: 1px solid green; */
	color: #666;

}



.detail-btn {
	background: #4a90e2;
	color: white;
	border: none;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 0.25rem;
	cursor: pointer;
	transition: background 0.3s;
}

.detail-btn:hover {
	background: #357abd;
}

/* 摘要和详情样式 */
.news-summary {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: white;
	border-top: 1px solid #e0e0e0;
	padding: 15px;
	font-size: 0.16rem;
	color: #555;
	line-height: 1.6;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s, padding 0.3s;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.news-item:hover .news-summary {
	max-height: 200px;
	/* 足够显示摘要的高度 */
	padding: 15px;
}

.news-full-content {
	margin-top: 20px;
	padding: 15px;
	border-top: 1px dashed #ddd;
	display: none;
}

.hidden {
	display: none;
}

.faq-container {
	flex: 0 0 40%;
	max-width: 200px;
	/* margin: 0 auto; */
	padding: 30px 20px;
}

.faq-title {
	font-size: 0.25rem;
	font-weight: 600;
	color: #2c3e50;

	margin-bottom: 30px;
	position: relative;


}

.faq {
	/* border: 1px solid black; */
	width: 100%;
}

.faq-item .dot {
	float: left;
	/* line-height: 0.8rem;
		margin-top: calc((100% - 30px) / 2); */
	/* 垂直居中计算 */
	position: relative;
	background: #f9f9f9;
	/* 为绝对定位子元素提供参考 */
	width: 30px;
	height: 0.8rem;
	/* line-height: 0.5rem; */
	/* border: 1px solid blue; */

}

.faq-item .dot img {
	position: absolute;
	/* top: 0; */
	left: 0.2rem;
	width: 15px;
	height: 15px;
	/* height: 0.8rem; */
	top: calc((100% - 15px) / 2);
	/* line-height: 0.5rem; */
	/* width: 30px;
		height: 30px;
		margin-top: calc((100% - 30px) / 2); */

	/* line-height: 0.8rem; */
}

/* .faq-title::after {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 50%;
		transform: translateX(-50%);
		width: 60px;
		height: 3px;
		background: #3498db;
		border-radius: 3px;
	} */

/* FAQ项样式 */
.faq-item {
	/* padding-left: 0.1rem; */
	/* margin-bottom: 15px;
		border-radius: 8px; */
	/* height: 0.8rem; */
	/* border: 1px solid brown; */
	/* border-bottom: 1px solid #E5E5E5; */
	/* border-radius: 8px;
		padding: 15px;
		margin-bottom: 20px; */
	/* position: relative; */
	/* overflow: hidden; */
	position: relative;
	height: 0.8rem;
	overflow: hidden;
	/* overflow: hidden;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
		transition: box-shadow 0.3s; */
}

.faq-item:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.faq-question {
	padding-left: 0.1rem;
	background: #f9f9f9;
	text-align: left;
	font-size: 0.18rem;

	color: #333;
	/* cursor: pointer; */
	border: none;
	/* display: flex;
		justify-content: space-between; */
	/* align-items: center; */


	margin-left: 30px;
	/* width: 80%; */
	font-size: 0.20rem;
	font-weight: 500;

	line-height: 0.8rem;
	/* margin-bottom: 10px; */
	/* line-height: 0.8rem; */
	overflow: hidden;
	/* 使文本占据剩余空间 */
	white-space: nowrap;
	/* 防止文本换行 */
	text-overflow: ellipsis;
	/* 超出部分显示省略号 */
	/* border: 1px solid red; */
}

.faq-question:hover {
	background: #f0f7ff;
}

.faq-question::after {
	/* content: "+"; */
	font-size: 0.18rem;
	font-weight: bold;
	transition: transform 0.3s;
}

.faq-question.active::after {
	transform: rotate(45deg);
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	padding: 0 25px;
	background: white;
	transition: max-height 0.5s, padding 0.3s;
}

.faq-answer.active {
	max-height: 500px;
	/* 足够显示内容的高度 */
	padding: 20px 25px 25px;
}

.faq-answer p {
	margin-bottom: 15px;
	line-height: 1.7;
	color: #555;
}

.faq-answer ol,
.faq-answer ul {
	padding-left: 20px;
	margin-bottom: 15px;
}

.faq-answer li {
	margin-bottom: 8px;
}

/* 响应式适配 */
@media (max-width: 600px) {
	.faq-title {
		font-size: 1.5rem;
	}

	.faq-question {
		padding: 15px 20px;
		font-size: 1rem;
	}

	.faq-answer {
		padding: 0 20px;
	}

	.faq-answer.active {
		padding: 15px 20px 20px;
	}
}

.indexbanner {
	/* border: 1px solid blue; */
	/* width: 100%; */
	height: 5rem;
	background: url(../img/banner.png) no-repeat center;

	background-size: cover;
	/* 缩放背景图以完全覆盖容器 */
	background-position: center;
	position: relative;

}

.aboutjdbanner {
	/* border: 1px solid blue; */
	/* width: 100%; */
	height: 5rem;
	background: url(../img/aboutjd.png) no-repeat center;

	background-size: cover;
	/* 缩放背景图以完全覆盖容器 */
	background-position: center;
	position: relative;

}

.prodsbanner {
	height: 5rem;
	background: url(../img/prodsbanner.png) no-repeat center;

	background-size: cover;
	/* 缩放背景图以完全覆盖容器 */
	background-position: center;
	position: relative;
}

.contactbanner {
	height: 5rem;
	background: url(../img/banner_con.png) no-repeat center;

	background-size: cover;
	/* 缩放背景图以完全覆盖容器 */
	background-position: center;
	position: relative;
}

.newsbanner {
	height: 5rem;
	background: url(../img/newsbanner.png) no-repeat center;

	background-size: cover;
	/* 缩放背景图以完全覆盖容器 */
	background-position: center;
	position: relative;
}

.zhaopinbanner {
	height: 5rem;
	background: url(../img/zhaopin.png) no-repeat center;

	background-size: cover;
	/* 缩放背景图以完全覆盖容器 */
	background-position: center;
	position: relative;
}

.map {
	height: 5rem;
	background: url(../img/map.png) no-repeat center;

	background-size: cover;
	/* 缩放背景图以完全覆盖容器 */
	background-position: center;
	position: relative;
}

.successbanner {
	/* border: 1px solid blue; */
	/* width: 100%; */
	height: 5rem;
	background: url(../img/banner_success.png) no-repeat center;

	background-size: cover;
	/* 缩放背景图以完全覆盖容器 */
	background-position: center;
	position: relative;

}

.qyzzbanner {
	height: 5rem;
	background: url(../img/banner_qyzz.png) no-repeat center;

	background-size: cover;
	/* 缩放背景图以完全覆盖容器 */
	background-position: center;
	position: relative;
}

/* 

	.indexbanner img {
		width: 100%;

	} */

.numbg {
	background-color: #fff;
	/* margin: auto; */
	width: 70%;

	/* 左侧距离父容器50% */
	position: absolute;
	bottom: -1rem;
	left: 50%;
	transform: translateX(-50%);
	/* 向左移动自身宽度的50% */

}

.numbg2 {
	background-color: #fff;
	/* margin: auto; */
	width: 70%;

	/* 左侧距离父容器50% */
	position: absolute;
	margin-bottom: 5rem;
	left: 50%;

	transform: translateX(-50%);
	/* 向左移动自身宽度的50% */

}

.container {
	/* border: 1px solid red; */
	height: 2rem;
	/* padding: 40px 20px; */
	z-index: 1999;
	/* margin: 0 auto; */
	margin-bottom: 0;
}

.stats-container {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	width: 100%;
	max-width: 1200px;
	/* margin: auto 0; */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	/* 向上移动自身高度的50% */
}

.stat-item {
	text-align: center;
}

.number {
	font-size: 0.3rem;
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
}

.number2 {
	font-size: 0.3rem;
	font-weight: bold;
	color: red;
	margin-bottom: 8px;
}

.plus {
	font-size: 0.22rem;
	color: #ff4d4f;
	margin-left: 2px;
}

.year {
	font-size: 0.22rem;
	color: #ff4d4f;
	margin-left: 2px;
}

.description {
	font-size: 0.20rem;
	color: #666666;
}

/*header*/
.headerbg {
	width: 100%;
	/* position: relative; */
	top: 0px;
	left: 0;
	background: #FFFFFF;
	z-index: 2000;
	/* padding-top: 5px; */
	height: 0.9rem;
	/* border: 1px solid green; */
	display: flex;
}

.headerbg .header {
	width: 70%;
	margin: 0 auto;

	/* 所有子元素顶部对齐 */
	/* height: 0.525rem; */
	/* position: relative; */
	z-index: 1999;
	background: transparent;
	display: flex;
	/* border: 1px solid red; */
}

.header .logo {
	/* float: left; */
	/* position: relative; */
	/* position: absolute; */
	/* padding-top: 0; */
	/* boder: 1px solid red; */
	/* margin-right: auto; */
	width: 4rem;
	position: relative;
	align-items: center;
	justify-content: center;
	/* height: 0.5rem; */
	/* background-color: #fff; */
}

.header .logo img {
	position: absolute;
	top: 0;
	left: 0;
	height: 0.8rem;
}

.header .logo .compname {
	font-size: 0.25rem;
	font-weight: bold;
	position: absolute;
	top: 0.15rem;
	left: 0.9rem;

}

.header .logo .enname {
	font-size: 0.16rem;
	font-weight: bold;
	position: absolute;
	bottom: 0.15rem;
	left: 0.9rem;
}

.header .tel {
	/* float: left; */
	/* position: relative; */
	/* position: absolute; */
	boder: 1px solid red;
	margin-left: auto;
	width: 2.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	/* height: 0.5rem; */
	/* background-color: #fff; */
}

.text-container {
	flex: 1;
	/* 文本区域占剩余空间 */
	display: flex;
	flex-direction: column;
	/* 垂直排列文本 */
	justify-content: space-between;
}

.header .tel img {
	/* font-size: 0.1rem; */
}

.header .tel .telnum {
	font-size: 0.2rem;
	font-weight: bold;
}

.header .tel .hotline {
	font-size: 0.15rem;
}



.header .logo img {
	/* height: 60px;
		margin-left: 10px; */
}

.header .logo:hover img {
	/* transform: scale(1.1) */
}

.header .nav {
	/* float: right; */
	/* height: 100%; */
	/* display: inline-block; */
	boder: 1px solid blue;
	display: flex;
	align-items: center;
	justify-content: center;
	/* width: 60%; */
	/* margin: auto; */
}

.header .nav .navlist {
	list-style: none;
	line-height: 0.9rem;
	/* width: 100%; */
}

.header .nav .navlist li {
	float: left;
	margin: 0 6px;
	display: inline;
	text-decoration: none;
	/* font-size: 16px; */
	font-size: 0.16rem;
	/* width: 75px; */
	width: 0.7rem;
	text-align: center;
}

.header .nav .navlist li a {
	color: #333333;
	text-decoration: none;
	/* font-size: 15px; */
	font-size: 0.16rem;
	display: block
}

.header .nav .navlist .lihover a {
	color: #0196DC;
	font-weight: bold;
}

.header .nav .navlist li:hover,
.header .nav .navlist .lihover {}

.header .nav .navlist li:hover a {
	color: #FDF6F5;
	background-color: #E5322C;
	transition-duration: 0.2s
}

.header .nav .navlist li .navlist2 {
	position: absolute;
	z-index: 100;
	width: 120px;
	text-align: center;
	background: #1D7DB3;
	filter: Alpha(opacity=90);
	top: 68px;
	margin-left: -20px;
	padding: 15px 0;
	border-bottom: 3px double #115D95;
	display: none;
}

.header .nav .navlist li .navlist2:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 12px solid #1D7FB5;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -7px;
	margin-top: -12px;
	border-top: 0;
}

.header .nav .navlist li .navlist2 li {
	width: 100%;
	text-align: center;
	float: none;
	margin: 0;
	padding: 0;
	line-height: 30px;
}

.header .nav .navlist li .navlist2 li a {
	color: #fff;
	font-size: 13px;
	line-height: 30px;
}

.header .nav .navlist li.lihover .navlist2 li a,
.headbg .head .navlist li:hover .navlist2 li a {
	color: #ccc;
}

.header .nav .navlist li .navlist2 li:hover {
	background: #115D95;
}

.header .nav .navlist li .navlist2 li:hover a {
	color: #fff;
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	transform: scale(1.06);
	transition-duration: 0.2s;
}

.header .nav .navlist li:hover .navlist2,
.header .nav .navlist li a:hover .navlist2,
.header .nav .navlist li:hover .navlist2 li {
	display: block;
}

.header .nav .navlist li:hover .navlist2 {
	animation-name: listAn;
	-webkit-animation: listAn 0.1s linear 0s normal none;
	-moz-animation: listAn 0.1s linear 0s normal none;
	animation: listAn 0.1s linear 0s normal none;
}

.header .nav .navlist li:hover .navlist2 li,
.header .nav .navlist li:hover .navlist2 li a {
	animation-name: listAn;
	-webkit-animation: listAn 0.2s linear 0s normal none;
	-moz-animation: listAn 0.2s linear 0s normal none;
	animation: listAn 0.2s linear 0s normal none;
}

@-webkit-keyframes listAn {
	from {
		opacity: 0;
		height: 0;
	}

	to {
		opacity: 1;
		height: 100%;
	}
}

@-moz-keyframes listAn {
	from {
		opacity: 0;
		height: 0;
	}

	to {
		opacity: 1;
		height: 100%;
	}
}

@keyframes listAn {
	from {
		opacity: 0;
		height: 0;
	}

	to {
		opacity: 1;
		height: 100%;
	}
}

.header .nav .navlist .lg {
	width: 56px;
	border-radius: 4px;
	height: 30px;
	margin-top: 15px;
	line-height: 28px;
	border: 1px solid #1D7FB5;
	background: transparent;
}

.header .nav .navlist .lg a {
	color: #1D7FB5
}

.header .nav .navlist .reg {
	background: #1D7FB5;
}

.header .nav .navlist .reg a {
	color: #fff;
}

.header .nav .navlist .lg:hover {
	background: #17A1ED;
	border: 1px solid #17A1ED;
}

.header .nav .navlist .lg:hover a {
	color: #fff;
}



.footbg {
	width: 100%;
	position: relative;
	margin: 0 auto;
	background: #333333;
	padding: 10px 0;
}

.footbg .foot {
	width: 70%;
	position: relative;
	margin: 0 auto;
	min-height: 150px;
	overflow: hidden;
}

.footbg .foot .ftleft {
	margin-top: 0.4rem;
	float: left;
	position: relative;
	width: 60%;
	boder: 1px solid white;
	/* text-align: left; */
}

.footbg .foot .ftleft .contactus img {
	float: left;
	height: 0.45rem;
}




.footbg .foot .ftright {
	float: right;
	position: relative;
}

.footbg .foot .ftleft h1,
.footbg .foot .ftright h1 {
	font-size: 0.18rem;
	font-weight: normal;
	color: #6E6E6E;
	margin: 10px 0;
	letter-spacing: 1px;
	line-height: 0.45rem;
}





/* .footbg .foot .ftleft ul {
		list-style: none;
		width: 500px;
		color: #fff;
		padding: 20px 0;
		margin-bottom: 20px;
		display: block;
	} */

.footbg .foot .ftleft .ftcontact {
	display: flex;
	flex-wrap: wrap;
}

.footbg .foot .ftleft .ftcontact li {
	line-height: 0.2rem;
	margin: 0;
	vertical-align: middle;
	/* width: 100%; */
	font-size: 0.15rem;
	color: #646464;
	width: calc(50% - 10px);
	/* 每行2个，减去间距 */
	margin: 5px;
	/* 间距 */
}



.footbg .foot .ftright .gz {
	/* margin-top: 30px; */
	display: flex;
	flex-direction: column;
	/* 垂直排列 */
	align-items: center;
	/* 交叉轴（水平方向）居中 */
}

.footbg .foot .ftright .gz img {
	height: 1.2rem;
	/* float: left; */
	width: 1.2rem;
	margin-left: 5px;
	margin-top: 20px;
}

.footbg .foot .ftright .gz p {
	color: #6E6E6E;
	margin-left: 15px;
	margin-top: 10px;
	/* line-height: 24px; */
	font-size: 0.15rem;
}

.footbg .footer {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	/* margin-top: 10px; */
	border-top: 1px solid #414141;
	text-align: center;
	vertical-align: middle;
}

.footbg .footer p {
	color: #6E6E6E;
	font-size: 0.14rem;
}