.banner{
	width: 100%;
	margin-top: 86px;
	height: calc(100vw / 4.085);
	position: relative;
	overflow: hidden;
}
.banner.imgs-warp span {
  font-weight: 350;
}
.banner-imgs-warp {
	width: 100%;
  }
  
  .banner-imgs-warp img {
	width: 100%;
	object-fit: cover;
  }
  .banner img {
	width: 100%;
	height: auto;
  }
/* .banner .imgs-warp{
	width: 100%;
	width: 100%;
	height: auto;
	object-fit: cover;
	margin-top: 0px;
} */


.banner img{
	width: 100%;
	height: auto;
	object-fit: cover;
	margin-top: 0px;
} 


.banner span{
	position: absolute;
	top: 40%;
	left: 10.42%; /* 200/1920 ≈ 10.42% */
	transform: none;
	font-size: 20px;
	margin-bottom: 29px;
	width: 36.09%; /* 693/1920 ≈ 36.09% */
	white-space: normal;
	font-family: SourceHanSansSC-Light;
	display: block;
	color: #000000;
}



/* 图片展示区域容器 */
.image-showcase {
	width: 100%;
	margin: 0 auto;
	margin-top: 150px;
	height: 500px;
	overflow: hidden;
	text-align: center;
}
.image-showcase .abtest2,
.image-showcase .abtest3-container {
	display: inline-block;
	vertical-align: middle;
	width: 677px;
    height: auto;
	max-width: 45%;
}
.image-showcase .abtest3-container {
	margin-left: 45px;
}
.image-showcase .abtest2 {
	margin-left: 0;
}

.image-showcase .abtest3 {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 23px);
    height: auto;
    max-width: 677px;
    z-index: 2;
}

/* abtest3容器样式 */
.abtest3-container {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 23px);
    max-width: 677px;
    z-index: 2;
}

.abtest3-container .abtest3 {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}

.abtest3-overlay {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 677px;
    height: 48px;
    background-image: url('/static/imgs/about/abback.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.9;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abtest3-text {
    width: 109px;
    height: 19px;
    font-size: 20px;
    color: #000000;
    text-align: center;
    line-height: 19px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
}

/* 页面内容区域 */
.page-content {
    width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 500px;
}

.development-history {
    margin-top: 0px;
    text-align: center;
}

.development-history h2 {
    font-size: 36px;
    font-family: SourceHanSansSC-Normal;
    font-weight: 400;
    color: #303030;
    margin: 0;
    padding: 0;
}

/* 发展历程轮播样式 */
.development-history-swiper {
    width: 100%;
    margin: 40px auto 0 auto;
    max-width: 1440px;
}

.about-nianli-swiper {
    width: 100%;
    height: 560px;
    position: relative;
}

.about-nianli-swiper .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-nianli-swiper .swiper-slide img {
    width: 1440px;
    max-width: 100%;
    height: 560px;
    object-fit: cover;
    display: block;
}

.about-nianli-swiper .swiper-pagination,
.about-nianli-swiper .swiper-button-prev,
.about-nianli-swiper .swiper-button-next {
    position: absolute;
    z-index: 10;
}

.about-nianli-swiper .swiper-pagination {
    left: 0;
    right: 0;
    bottom: 20px;
    margin: 0 auto;
    text-align: center;
}

.about-nianli-swiper .swiper-button-prev,
.about-nianli-swiper .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    color: #333;
}

.about-nianli-swiper .swiper-button-prev { left: 30px; }
.about-nianli-swiper .swiper-button-next { right: 30px; }

.about-nianli-swiper .swiper-button-prev,
.about-nianli-swiper .swiper-button-next {
    font-family: Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: bold !important;
    color: #333 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.about-nianli-swiper .swiper-button-prev:after,
.about-nianli-swiper .swiper-button-next:after {
    display: none !important;
}

/* 发展历程背景图片 */
.development-background {
    margin-top: 80px;
    text-align: center;
    position: relative;
    height: 500px; /* 增加高度确保年份图片能显示 */
    overflow: hidden; /* 防止内容溢出 */
}

.development-background img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0; /* 背景图片在最底层 */
}

/* 轮播容器 */
.development-carousel {
    position: relative;
    width: 100%;
    height: 500px; /* 增加高度确保年份图片能显示 */
}

/* 轮播页 */
.development-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 1;
    pointer-events: none; /* 防止非活动页面干扰 */
    visibility: hidden; /* 完全隐藏非活动页面 */
}

.development-slide.active {
    opacity: 1;
    z-index: 2;
    pointer-events: auto; /* 活动页面可以交互 */
    visibility: visible; /* 显示活动页面 */
}

/* 年份图片通用样式 */
.development-year-2021,
.development-year-2022,
.development-year-2023,
.development-year-2024 {
    position: absolute;
    left: 119px;
    top: 212px;
    z-index: 10; /* 确保在所有轮播页之上 */
    width: auto;
    height: auto;
}

.development-year-2021 img,
.development-year-2022 img,
.development-year-2023 img,
.development-year-2024 img {
    width: 200px; /* 固定宽度确保一致性 */
    height: auto;
    max-width: none;
    display: block;
    object-fit: contain;
}

/* 发展历程文本内容 */
.development-content {
    position: absolute;
    top: 50%;
    left: 479px;
    right: 120px;
    z-index: 10; /* 确保在所有轮播页之上 */
    transform: translateY(calc(-50% - 10px));
}

.development-content p {
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #333333;
    line-height: 1.6;
    margin-bottom: 12px;
    text-align: left;
    white-space: normal; /* 允许文字换行 */
    overflow: visible; /* 显示完整文字 */
    text-overflow: clip;
}

.development-content p:last-child {
    margin-bottom: 0;
}

/* 轮播指示器 */
.development-indicators {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10; /* 确保在最上层 */
}

.development-indicators .indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.development-indicators .indicator.active {
    background-color: #007bff;
}

.development-indicators .indicator:hover {
    background-color: rgba(0, 123, 255, 0.7);
}

.b1{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	margin-top: 144px;
	margin-bottom: 86px;
}
.b1 span{
	font-size: 60px;
	font-weight: normal;
	color: #D8D8D8;
	margin-right: 243px;
	transition: 0.6s;
}
.b1 span:last-child{
	margin-right: 0;
}
.b1 span:hover{
	color: black;
	cursor: pointer;
}
.b1 .hei{
	color: #000000;
	font-size: 60px;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #000000;
}
.b2{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: auto;
}
.b2 .item{
	width: 100%;
	display: none;
	position: relative;
}
.b2 .item .flex{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.b2 .item .images,.b2 .item .images img{
	width: 100%;
}
.b2 .item .text > img{
	width: 116px;
}
.b2 .item .text{
	width: 90%;
	position: absolute;
	bottom: 49px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.b2 .item .text .con p{
	margin-bottom: 6px;
}
.b2 .item .text .con p{
	font-size: 16px;
	font-family: Source Han Sans SC;
	font-weight: 400;
	color: #FFFFFF;
}

.b2 .active{
	display: block;
}
.b2-left{
	width: 435px;
	height: 519px;
	overflow: hidden;
}
.b2-left img{
	transition: 1s;
}
.b2-left img:hover{
	transform: scale(1.1);
}
.b2-right{
	width: 713px;
	height: auto;
}
.b2-right p{
	margin-top: 50px;
	display: block;
	font-size: 18px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #000000;
	line-height: 30px;
}
.b3{
	width: 1410px;
	height: auto;
	text-align: center;
	margin: auto;
	margin-top: 112px;
	margin-bottom: 139px;
}
.b3 span{
	display: block;
	margin-bottom: 39px;
	font-size: 36px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	color: #303030;
}
.b3-img{
	display: flex;
	justify-content: space-between;
}
.b3-img1{
	width: 701px;
	height: 387px;
	overflow: hidden;
	position: relative;
}
.b3-img1{
	position: relative;
}
.b3-img1:hover img{
	transform: scale(1.1);
}
.b3-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.6s;
}
.b3-img p{
	font-size: 23px;
	font-family: SourceHanSansCN;
	font-weight: 200;
	color: #FFFFFF;
}
.b3-img .left-text{
	width: auto;
	bottom: 0px;
}
.b2-left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.b3 .content{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.b3 .content .swiper{
	width: 49%;
	height: 386px;
	overflow: hidden;
	position: relative;
}
.b3 .content .swiper img{
	width: 100%;
}
.b3 .content .swiper .swiper-slide span{
	position: absolute;
	bottom: 37px;
	left: 41px;
	font-size: 22px;
	font-family: Source Han Sans SC;
	font-weight: 300;
	color: #FFFFFF;
	margin-bottom: 0;
}
.b3 .content .swiper .swiper-pagination{
	display: flex;
	right: 29px!important;
	bottom: 18px!important;
	left: inherit!important;
	width: fit-content;
}
.b3 .content .swiper .swiper-pagination span{
	width: 34px!important;
	height: 2px!important;
	background-color: #fff!important;
	border-radius: 0!important;
	transition: 0.3s;
	opacity: 1!important;
}
.b3 .content .swiper .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #0d57cf!important;
}

.core-resource-title {
    margin-top: 150px;
    width: 668px;
    height: 35px;
    font-size: 36px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #303030;
    line-height: 34px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.core-resource-subtitle {
    margin-top: 33px;
    width: 423px;
    height: 24px;
    font-size: 24px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #888888;
    line-height: 24px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.core-resource-subtitle-bottom {
    margin-top: 33px;
    width: 596px;
    height: 24px;
    font-size: 24px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #888888;
    line-height: 24px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.core-resource-img {
    margin-top: 136px;
    width: 100%; /* 改为100%宽度，适应不同屏幕尺寸 */
    max-width: 1440px; /* 保留最大宽度限制 */
    height: auto; /* 改为auto，让高度自适应 */
    text-align: center;
    margin-left: auto; /* 让容器本身水平居中 */
    margin-right: auto;
    margin-bottom: 130px;
}

.core-resource-img img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* 确保图片在容器内居中 */
}

/* .core-resource-img {
    margin-top: 106px;
    width: 1440px;
    height:534px ;
    text-align: center;
}

.core-resource-img img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
} */

.core-resource-img2 {
    margin-top: 99px;
    text-align: center;
}

.core-resource-img2 img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.core-resource-title-bottom {
    margin-top: 197px;
    font-size: 36px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #303030;
    line-height: 1;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.core-resource-info {
    margin-top: 123px;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.core-resource-info-newimg {
    width: 1443px;
    height: 179px;
    margin-bottom: 30px;
    text-align: center;
}

.core-resource-info-newimg img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.core-resource-info-text {
    width: 693px;
    height: 400px;
    margin-right: 46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 20px;
    color: #333;
    font-family: SourceHanSansCN;
    font-weight: 400;
    line-height: 1.7;
    overflow: hidden;
}

.core-resource-info-text p {
    font-size: 20px;
    text-align: left;
    margin-bottom: 16px;
}

.core-resource-info-text p:last-child {
    margin-bottom: 0;
}

.core-resource-info-img {
    margin-top: 64px;
    width: 1459px;
    height: 366px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.core-resource-info-img img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.core-resource-info-second {
    margin-top: 81px;
}

.tech-coop-title {
    margin-top: 235px;
    width: 333px;
    height: 34px;
    font-size: 36px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #303030;
    line-height: 34px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tech-coop-img {
    margin-top: 114px;
    text-align: center;
}

.tech-coop-img img {
    width: 147px;
    height: 34px;
    display: block;
    margin: 0 auto;
}

.tech-coop-img-group {
    margin-top: 120px;
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tech-coop-img-left,
.tech-coop-img-right {
    width: 45px;
    height: 62px;
    display: block;
}
.tech-coop-img-center {
    width: 147px;
    height: 34px;
    display: block;
}

.about-dynamic-row {
  width: 100%;
  max-width: 1410px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
}
.about-dynamic-wrapper {
  width: calc((100% - 3*40px)/4);
  min-width: 250px;
}

/* 保证图片和描述样式不变 */
.about-dynamic-img img {
  width: 332px;
  height: 228px;
  display: block;
}

.about-dynamic-seo {
  width: 309px;
  height: 99px;
  font-size: 20px;
  margin: 0 auto;
  margin-top: 34px;
  word-break: break-all;
  white-space: pre-line;
  overflow-wrap: break-word;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.about-dynamic-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 34px;
}
.about-dynamic-title {
    display: none;
}
.about-dynamic-award {
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 8px;
  color: #444444;
  display: block;
  width: 100%;
}

.about-dynamic-desc {
  font-size: 20px;
  text-align: center;
  word-break: break-all;
  white-space: pre-line;
  overflow-wrap: break-word;
  display: block;
  width: 100%;
  color: #444444;
}

.about-award-group {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-award-group-bottom .about-dynamic-award,
.about-award-group-bottom .about-dynamic-desc {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
}

/* 主体内容背景 */
body {
  background-color: #f4f8fd; /* 更浅的蓝色背景 */
  min-height: 100vh;
  margin: 0;
  padding: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* 蓝条边框样式 */
.border-blue {
  border: 1px solid #126CFF ;
  box-sizing: border-box;
}

/* 确保html也有背景 */
html {
  background-color: #f4f8fd;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

/* 确保所有内容区域都有背景 */
.page-content {
  background-color: #f4f8fd;
  width: 100%;
  margin: 0 auto;
  position: relative;
  min-height: 500px;
}

.about-award-group,
.about-award-group-bottom {
  background-color: #f4f8fd;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100%;
}

.about-award-group-bottom {
  margin-top: 40px !important;
}

/* 确保banner也有背景 */
.banner {
  background-color: #f4f8fd;
  width: 100vw;
}

/* 确保图片展示区域也有背景 */
.image-showcase {
  background-color: #f4f8fd;
  width: 100vw;
}

.new-content-section {
  width: 100%;
  margin: 0 auto;
  margin-top: 93px;
  min-height: 400px;
  background-color: #f4f8fd;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.about-single-item {
  width: 100%;
  max-width: 1410px;
  margin: 0 auto 40px auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.about-single-wrapper {
  width: 332px;
  margin-left: 0;
}

.about-single-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.about-single-img img {
  width: 332px;
  height: 228px;
  display: block;
}

.about-single-content {
  margin-top: 34px;
  width: 100%;
}

.about-single-award {
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 8px;
  color: #444444;
  display: block;
  width: 100%;
}

.about-single-desc {
  font-size: 20px;
  text-align: center;
  word-break: break-all;
  white-space: pre-line;
  overflow-wrap: break-word;
  display: block;
  width: 100%;
  color: #444444;
}

.about-section {
  width: 100%;
  background: transparent;
}
.about-container {
  width: 100%;
  max-width: 1410px;
  margin: 0 auto;
  box-sizing: border-box;
}

.about-img-row {
  width: 1315px;
  height: 445px;
  /* width: 100%; */
  max-width: 1410px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 45px;
  min-height: 300px;
  margin-top: 179px!important;
  margin-bottom: 100px;
}

.abtest2,
.abtest3-container {
  display: block;
  width: 677px;
  max-width: 45vw;
  height: auto;
}
.abtest3-container {
  position: relative;
}
.about-section .about-img-row {
  margin-top: 100px;
  margin-bottom: 120px;
}
@media screen and (max-width: 1400px) {
  .about-img-row {
    flex-direction: column;
    gap: 24px;
    min-height: unset;
  }
  .abtest2,
  .abtest3-container {
    max-width: 90vw;
    width: 90vw;
  }
}

@media screen and (max-width: 1366px){
	.banner{
		margin-top: 0;
		height: auto;
	}
	.banner span {
		width: 36.09%;
		text-align: left;
		left: 10.42%;
	}
	.image-showcase {
		max-width: 90%;
		height: 400px;
	}
	.image-showcase .abtest2,
	.image-showcase .abtest3 {
		max-width: 45%;
	}
	.abtest3-overlay {
		width: 90%;
		max-width: 700px;
	}
	.b1 .hei {
		font-size: 42px;
	}
	.b1 span {
		font-size: 42px;
	}
	.b2-left {
		width: 30%;
		height: auto;
	}
	.b3 {
		width: 90%;
	}
	.b3 .content .swiper img {
		height: 100%;
		object-fit: cover;
	}
	
	.about-nianli-swiper {
		height: 490px;
	}
	
	.about-nianli-swiper .swiper-button-prev,
	.about-nianli-swiper .swiper-button-next {
		width: 35px;
		height: 35px;
	}
	
	.about-nianli-swiper .swiper-button-prev,
	.about-nianli-swiper .swiper-button-next {
		font-family: Arial, sans-serif !important;
		font-size: 20px !important;
		color: #333 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	.about-nianli-swiper .swiper-button-prev:after,
	.about-nianli-swiper .swiper-button-next:after {
		display: none !important;
	}
}

@media screen and (max-width: 1280px){
	.image-showcase {
		height: 350px;
	}
	.abtest3-overlay {
		width: 85%;
		height: 40px;
	}
	.abtest3-text {
		font-size: 18px;
		width: 100px;
		height: 17px;
		line-height: 17px;
	}
	.b2 {
		width: 90%;
	}
	.b2-left {
		width: 40%;
	}
	.b2-right {
		width: 56%;
	}
}

@media screen and (max-width: 768px){
	.banner{
		margin-top: 86px;
	}
	.banner img {
		height: 200px;
	}
	.image-showcase {
		height: 300px;
		flex-direction: column;
	}
	.image-showcase .abtest2,
	.image-showcase .abtest3 {
		position: relative;
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.abtest3-container {
		position: relative;
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.abtest3-overlay {
		width: 100%;
		max-width: 700px;
		height: 36px;
	}
	.abtest3-text {
		font-size: 16px;
		width: 90px;
		height: 15px;
		line-height: 15px;
	}
	.b1 {
		width: 70%;
		margin: 144px auto 86px;
		justify-content: space-between;
	}
	.b1 span {
		font-size: 40px;
		margin-right: 0;
	}
	.b2 {
		width: 100%;
	}
	.b2 .item {
		width: 90%;
		margin: auto;
	}
	.b2 .item .flex {
		flex-direction: column;
	}
	.b2-left {
		width: 100%;
		margin-bottom: 40px;
	}
	.b2-right {
		width: 100%;
	}
	.b2-right p {
		 margin-top: 0;
	}
	.b3 .content {
		width: 90%;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin: auto;
	}
	.b3 .content .swiper {
		width: 100%;
		height: 264px;
		margin-bottom: 40px;
	}
	.b3 .content .swiper .swiper-slide span {
		bottom: 34px;
	}
}

@media screen and (max-width: 520px){
	.banner span {
		font-size: 28px;
	}
	.image-showcase {
		height: 250px;
	}
	.abtest3-overlay {
		height: 32px;
	}
	.abtest3-text {
		font-size: 14px;
		width: 80px;
		height: 13px;
		line-height: 13px;
	}
	.b1 {
		margin: 40px auto;
	}
	.b1 .hei {
		font-size: 28px;
	}
	.b1 span {
		font-size: 28px;
	}
	.b2 .item .text {
		flex-direction: column;
	}
	.b2 .item .text > img {
		margin: 40px auto;
	}
	.b2 .item .images, .b2 .item .images img {
		height: 400px;
	}
	.b2-left {
		margin-bottom: 10px;
	}
	.b2-right p {
		font-size: 16px;
	}
	.b3 {
		margin: 40px auto;
	}
	.b3 span {
		font-size: 28px;
	}
}

.banner-fixed470 {
  margin-top: 86px;
  position: relative;
  width: 100%;
  height: 470px;
  overflow: hidden;
}
.banner-fixed470 img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .banner-fixed470 {
    margin-top: 60px;
    height: 300px;
  }
  .banner-fixed470 img {
    height: 300px;
  }
}