img {
	max-width: 100%
}

.banner {
	position: relative
}

@media (max-width:767.98px) {
	.banner {
		height: auto
	}
}

.banner__wrapper:hover>.swiper-button-next,.banner__wrapper:hover>.swiper-button-prev {
	opacity: .8
}

.banner__pagination {
	bottom: 120px!important
}

@media (min-width:768px) {
	.banner__item {
		height: 749px;
		background-size: cover;
		background-position: top center
	}

	.banner__item a {
		/*height: 749px*/
	}
}

@media (max-width:767.98px) {
	.banner__item {
		height: auto;
		background: 0 0
	}
}

.banner__item a {
	display: block
}

.banner__btn {
	opacity: 0;
	transition: all .3s
}

@media (max-width:991.98px) {
	.banner__btn {
		display: none
	}
}

.banner__button-prev {
	left: 10%
}

@media (max-width:991.98px) {
	.banner__button-prev {
		left: 4%
	}
}

.banner__button-prev:focus {
	outline: 0
}

.banner__button-next {
	right: 10%
}

@media (max-width:991.98px) {
	.banner__button-next {
		right: 4%
	}
}

.banner__button-next:focus {
	outline: 0
}

.bth__wrapper {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0
}

@media (min-width:768px) {
	.bth__wrapper {
		top: 45%
	}

	.bth__wrapper a {
		background: url(../images/bth-bib.png) no-repeat center center/cover;
		width: 278px;
		height: 63px;
		display: inline-block
	}

	.bth__wrapper a:hover {
		background: url(../images/bth-bib_hover.png) no-repeat center center/cover
	}

	.bth__wrapper a:nth-of-type(2) {
		margin-left: 18px;
		background: url(../images/bth-bib.png) no-repeat center center/cover
	}

	.bth__wrapper a:nth-of-type(2):hover {
		background: url(../images/bth-bib_hover.png) no-repeat center center/cover
	}
}

@media (max-width:767.98px) {
	.bth__wrapper {
		top: 34%
	}

	.bth__wrapper a {
		display: block;
		width: 230px;
		height: 52px;
		margin: 10px auto;
		background: url(../images/bth-bib.png) center center/cover
	}

	.bth__wrapper a:nth-of-type(2) {
		background: url(../images/btn-bib.png) center center/cover
	}
}

@media (max-width:991.98px) {
	.certificate {
		height: 118px
	}
}

.certificate__wrapper {
	background: rgba(255,255,255,.95);
	height: 104px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0
}

@media (max-width:991.98px) {
	.certificate__wrapper {
		height: 118px;
		background: rgba(255,255,255,.8)
	}
}

@media (min-width:992px) {
	.certificate__item {
		width: 25%
	}

	.certificate__item a {
		padding: 15px 38px 15px 30px;
		display: flex;
		flex-direction: row;
		align-items: center;
		color: #666;
		text-decoration: none
	}

	.certificate__item picture {
		flex-shrink: 0
	}

	.certificate__item img {
		width: 66px;
		height: 66px;
		max-width: 100%;
		margin-right: 22px
	}

	.certificate__item:not(:last-child) {
		position: relative
	}

	.certificate__item:not(:last-child)::after {
		content: "";
		position: absolute;
		height: 74px;
		width: 1px;
		background: #dedede;
		right: 0;
		top: 50%;
		transform: translateY(-50%)
	}
}

@media (max-width:991.98px) {
	.certificate__item a {
		display: flex;
		padding: 10px 20px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 12px;
		color: #666;
		text-decoration: none
	}

	.certificate__item img {
		max-width: 88px;
		margin-bottom: 8px;
		max-height: 62px
	}

	.certificate__item span {
		text-align: center;
		line-height: 14px
	}

	.certificate__item:not(:last-child) {
		position: relative
	}

	.certificate__item:not(:last-child)::after {
		content: "";
		position: absolute;
		height: 74px;
		width: 1px;
		background: #dedede;
		right: 0;
		top: 50%;
		transform: translateY(-50%)
	}
}

@media (min-width:992px) {
	.certificate__btn {
		display: none
	}
}

.certificate__btn:focus {
	outline: 0
}

.certificate__prev {
	transform: rotate(180deg)
}

@media (max-width: 991px) {
  /* 调整容器内边距 */
  .certificate-swiper {
    padding: 0 10px;
  }
  
  /* 缩小证书项宽度 */
  .certificate__item {
    width: 160px !important;
  }
  
  /* 调整文字大小 */
  .certificate__item span {
    font-size: 12px;
  }
  
  /* 隐藏PC端导航按钮（如需） */
  .swiper-button-next, 
  .swiper-button-prev {
    display: none;
  }
  
  /* 移动端分页器样式 */
  .swiper-pagination {
    position: relative;
    margin-top: 10px;
  }
}

@media (max-width: 991px) {
    .certificate {
	height: 104px
}

/* 核心样式：Banner 容器 */
.banner-mobile {
  width: 100%;
  overflow: hidden; /* 防止内容溢出 */
}

/* Swiper 容器自适应 */
.banner__wrapper {
  width: 100%;
  height: auto; /* 高度由内容决定 */
}

/* Banner 项（图片自适应） */
.banner__item {
  width: 100% !important; /* 覆盖行内样式 */
  height: auto !important;
  aspect-ratio: 412/520.31; /* 保持原图比例（约1:1.26） */
}

/* 移动端图片全宽 */
.banner__item img {
  width: 100%;
  height: auto;
  display: block; /* 避免图片底部间隙 */
}
}



/*棣栭〉鏈€鏂版柊闂?/
.index_new_news{
  /*-moz-box-shadow:0px 3px 5px #d4d4d4;
  -webkit-box-shadow:0px 3px 5px #d4d4d4; 
  box-shadow:0px 3px 5px #d4d4d4;*/
  border-bottom: 1px solid #e0e0e0;
}

/*鏂伴椈璧勮*/
.index_news{
  background: #f4f4f4;
  padding: 50px 0 0;
}

.in_news_title{
  text-align: center;
  padding-bottom: 60px;
}

.in_news_title h2{
  padding: 0 0 20px;
  font-size: 26px;
  line-height: 30px;
  color: #333;
}

.in_news_title h3{
  font-size: 16px;
  color: #666;
}

.in_news_list{
  text-align: center;
}

.in_news_list_ul{
  display: inline-block;
  overflow: hidden;
}

.in_news_list_ul li{
  float: left;
}

.in_news_list_ul li a{
  display: inline-block;
  padding: 0 28px;
  height: 24px;
  line-height: 24px;
  color: #606060;
  font-size: 16px;
  border-left: 1px solid #bfbfbf;
}
.in_news_list_ul li:first-child a {
    border-left: none;
}
.in_news_list_ul li.active{
  
}
.in_news_list_ul li.active a {
    color: #e10000;
}

.in_news_main{
  padding: 50px 0;
}
.in_news_main .in_news_box{

}
.in_news_main .in_news_box .n_box{
  display: none;
}

.news_box_list{
  overflow: hidden;
}

.news_box_list li{
  overflow: hidden;
  width: 48%;
  float: left;
  margin: 0 1%;
}

.news_box_list .n_img{
  display: block;
  float: left;
  width: 150px;
  height: 110px;
}
.news_box_list .n_img a{
  display: block;
}

.news_box_list .n_img a img{
  display: block;
  width: 100%;
  max-height: 110px;
} 

.news_box_list .n_txt{
  float: left;
  width: calc(100% - 150px);
  padding: 0 20px;
}

.news_box_list .n_txt h2{
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  overflow: hidden;
}
.news_box_list .n_txt h2 a{
  color: #333;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  float: left;
}
.news_box_list .n_txt h2 time{
  float: right;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.news_box_list .n_txt h3{
  font-size: 14px;
  line-height: 18px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news_box_list .n_txt .n_more{
  overflow: hidden;
  padding: 10px 0 0;
}
.news_box_list .n_txt .n_more a{
  float: left;
  display: inline-block;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.news_box_list .n_txt .n_more time{
  float: right;
  display: inline-block;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

.news_box_list li:nth-child(-n+2) .n_txt h2 time{
  display: none;
}
.news_box_list li:nth-child(-n+2){
  padding-bottom: 10px;
}
.news_box_list li:nth-child(-n+2):hover .n_txt h2 a{
  color: #e10000;
}
.news_box_list li:nth-child(-n+2):hover .n_txt .n_more a{
  text-decoration: underline;
   color: #e10000;
}
.news_box_list li:nth-child(n+3) .n_img{
  display: none;
}
.news_box_list li:nth-child(n+3) .n_txt{
  width: 100%;
}
.news_box_list li:nth-child(n+3) .n_txt h3,.news_box_list li:nth-child(n+3) .n_txt .n_more{
  display: none;
}
.news_box_list li:nth-child(n+3) .n_txt h2{
  margin-bottom: 0;
}
.news_box_list li:nth-child(n+3) .n_txt h2 a{
  width: calc(100% - 100px);
  font-size: 15px;
  line-height: 20px;
}
.news_box_list li:nth-child(n+3) .n_txt h2 time{
  width: 100px;
  float: right;
  text-align: right;
  font-size: 15px;
  line-height: 20px;
}
.news_box_list li:nth-child(n+3){
  padding: 10px 0;
  border-top: 1px dashed #ccc;
}
.news_box_list li:nth-child(2n+3) .n_txt{
  padding: 0 15px 0 0!important;
}
.news_box_list li:nth-child(2n+4) .n_txt{
  padding: 0 0 0 15px!important;
}
.news_box_list li:nth-child(n+3):hover .n_txt h2 a{
  color: #e10000;
}
.w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.w1120 {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  overflow: hidden;
}

.center {
  text-align: center;
}

.dropdown ul.dropdown-menu {
  width: 100% !important;
  right: inherit;
  left: 0;
}




/* 外层容器：实现整体居中（banner 居中核心）+ 并排布局容器 */
.middlebox {
  /* 1. 实现整体在父容器（banner）中水平居中 */
  width: fit-content; /* 宽度贴合子元素，避免占满父容器无法居中 */
  margin: 0 auto; /* 左右自动外边距，核心居中属性 */
  padding: 20px 0; /* 可选：上下内边距，与 banner 其他内容拉开间距 */
  
  /* 2. 实现子元素（item）并排布局 */
  display: flex; /* 弹性布局，实现横向并排 */
  justify-content: center; /* 子元素在容器内水平居中（防止并排时两端留白不均） */
  align-items: flex-start; /* 子元素顶部对齐，保持布局整齐 */
  gap: 150px; /* 子元素之间的间距，替代 margin 更简洁，可根据需求调整 */
  flex-wrap: wrap; /* 可选：小屏幕下自动换行，提升响应式体验 */
  margin-top: 300px;
}

/* 单个下载项：实现内部（二维码+按钮）垂直居中+水平居中 */
.item {
  /* 关键：让二维码和按钮垂直排列，且按钮在二维码正下方 */
  display: flex;
  flex-direction: column; /* 弹性布局垂直方向排列（从上到下） */
  align-items: center; /* 内部元素水平居中（核心：让按钮对齐二维码正下方） */
  width: 180px; /* 与二维码宽度一致，确保布局紧凑，按钮不超出二维码宽度 */
}

/* 二维码容器：保持二维码稳定展示，无需额外偏移 */
.af-qrbox, .a-qrbox {
  /* 可选：若需要给二维码添加边框/内边距，可在此配置 */
  padding: 8px; /* 可选：二维码外层留白 */
  background-color: #ffffff; /* 可选：白色背景，突出二维码 */
  border-radius: 8px; /* 可选：圆角效果 */
  margin-bottom: 16px; /* 二维码与按钮之间的间距，可根据需求调整 */
}

/* 二维码图片：保持原有尺寸，防止变形 */
.af-appDownloadIOS, .a-appDownloadAndroid, .img-fluid1 {
  width: 180px; /* 与 HTML 中定义的宽度一致 */
  height: 180px; /* 与 HTML 中定义的高度一致 */
  object-fit: contain; /* 保持图片比例，防止拉伸变形 */
  display: block; /* 去除图片默认行内间隙，确保居中对齐精准 */
}

/* 按钮容器：实现按钮居中，贴合二维码宽度 */
.af-download-btn-box, .a-download-btn-box {
  width: 100%; /* 与 item 宽度一致，确保按钮对齐二维码 */
  text-align: center; /* 按钮在容器内水平居中，双重保障正下方对齐 */
}

/* 下载按钮：样式优化，保持正下方展示且美观 */
.af-iosbtn, .a-androidbtn, .downloadbtn {
  /* 核心：按钮块级展示/自适应宽度，确保在二维码正下方 */
  display: inline-block; /* 既保持块级特性，又不占满容器 */
  padding: 12px 24px; /* 按钮内边距，提升点击体验 */
  background-color: #1677ff; /* 示例：蓝色背景，可根据项目配色修改 */
  color: #ffffff; /* 白色文字，对比鲜明 */
  text-decoration: none; /* 去除链接默认下划线 */
  border-radius: 4px; /* 可选：圆角按钮 */
  font-size: 14px; /* 文字大小，可调整 */
  width: fit-content; /* 宽度贴合文字，避免过宽 */
  margin: 0 auto; /* 按钮自身水平居中，确保在二维码正下方 */
}

/* 高亮样式：保留原有 pitchOn 类效果，可根据项目配色修改 */
.pitchOn {
  background-color: #0d5eff; /* 示例：深一点的蓝色，突出高亮状态 */
  box-shadow: 0 2px 8px rgba(13, 94, 255, 0.3); /* 可选：阴影效果，增强视觉 */
}

/* 可选：按钮hover交互效果，提升用户体验 */
.af-iosbtn:hover, .a-androidbtn:hover {
  opacity: 0.9; /* 轻微透明，反馈交互 */
}



.mt-4 h2{
    font-size: 18px;
    margin: 20px;
}