.container {
  position: relative;
}

.container .banner {
  position: relative;
  /*top: 0;*/
  width: 100%;
  height: 100vh;
}

.container .banner .points {
  position: absolute;
  bottom: .65rem;
  left: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .3rem;
  z-index: 1;
}

.container .banner .points .point {
  width: .3161rem;
  height: .3161rem;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

}

.container .banner .points .point.active {
  border: .04rem solid #fff;
}

/* .container .banner .points .point.active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: linear-gradient(83.17deg, #0092DF -11.69%, #5BB531 108.84%);
  z-index: 0;
  padding: .02rem;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
} */

.container .banner .points .point .dot {
  width: .04rem;
  height: .04rem;
  border-radius: 50%;
  background: #fff;
}

.container .banner .swiper_banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.container .banner .banner_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container .banner .banner_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container .banner .content {
  position: absolute;
  /*top: 4.96rem;*/
  top: 45%;
  transform: translate(-50% , -50%);
  left: 50%;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: .2rem;
  letter-spacing: 10px;
}

.container .banner .content .title {
  font-weight: 500;
  font-family: 'Microsoft YaHei';
  /*line-height: 120%;*/
  line-height: 1.5;
  color: #fff;
}

.section_box {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.section_1 {
  position: relative;
  height: 100vh;
  background: #fff;
}

.section_1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_1 .bg .img,
.section_1 .bg .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_1 .bg .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.82rem;
}

.section_1 .info {
  position: absolute;
  bottom: .69rem;
  left: 1.3rem;
  width: 7rem;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: .2rem;
  opacity: 0;
  transition: all .5s ease-in-out;
  pointer-events: none;
}

.section_1 .info.active {
  opacity: 1;
  pointer-events: all;
}

.section_1 .info .name {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 130%;
  color: rgba(255, 255, 255, 1);
}

.section_1 .info .desc {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  line-height: .36rem;
  color: rgba(255, 255, 255, 1);
  margin: .14rem 0 .25rem 0;
}

.section_1 .info .p_btn {
  border: .01rem solid #fff;
  color: #fff;
}
.section_1 .info .p_btn:hover {
    border: .01rem solid rgba(0, 64, 152, 1);
    color: #fff;
    z-index: 2;
}

.section_1 .boxs {
  position: absolute;
  right: 0;
  height: 100%;
  width: 5.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(.287rem);
}

.section_1 .boxs .box {
  width: 100%;
  height: calc(100% / 3);
  flex-shrink: 0;
  padding: 0 .51rem;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.1);
  /* background: linear-gradient(270deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.05) 100%); */

  gap: .49rem;
  cursor: pointer;
  z-index: 2;
}

.section_1 .boxs .box_mask {
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(100% / 3);
  background: rgba(255, 255, 255, 0.5);
  top: 0;
  transition: top 0.3s ease;
  pointer-events: none;
  z-index: 1;
}

.section_1 .boxs .box img {
  width: .5rem;
  height: .5rem;
}

.section_1 .boxs .box .icon,
.section_1 .boxs .box.active .icon_active {
  display: block;
}

.section_1 .boxs .box.active .icon,
.section_1 .boxs .box .icon_active {
  display: none;
}



.section_1 .boxs .box span {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: .3rem;
  color: rgba(255, 255, 255, 1);
}

.section_1 .boxs .box.active span {
  color: rgba(0, 64, 152, 1);
}

.section_2 {
  position: relative;
  height: 100vh;
  background: #fff;
}

.section_2 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_2 .bg .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_2 .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section_2 .content .info {
  position: absolute;
  top: 2.55rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

}

.section_2 .content .info .p_label {
  color: #fff;
}

.section_2 .content .info .desc {
  /*font-weight: 300;*/
  font-family: 'Microsoft YaHei';
  line-height: .36rem;
  /*color: rgba(255, 255, 255, .8);*/
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  margin: .24rem 0 .3rem 0;
  text-align: justify;
}

.section_2 .content .info .p_btn {
  border: .01rem solid rgba(255, 255, 255, 0.5);
  color: #fff;
}

.section_2 .content .boxs {
  display: flex;
  justify-content: space-between;
  align-items: start;
  /* flex-direction: column; */
  position: absolute;
  /* top: 7.86rem; */
  bottom: 1.5rem;
  width: 100%;
  padding: 0 1.3rem;
}

.section_2 .content .boxs .item {
  width: 3.6rem;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  gap: .1rem;
}

.section_2 .content .boxs .item .name span {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: .32rem;
  color: rgba(255, 255, 255, 1);
}

.section_2 .content .boxs .item .name span strong {
  font-size: .8rem;
  font-weight: 400;
  font-family: 'Montserrat';
  line-height: 120%;
  color: rgba(255, 255, 255, 1);
  margin: 0 .1rem 0 0;
  display: inline-block;
}

.section_2 .content .boxs .item .desc {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  /*line-height: 1.5;*/
  line-height: .36rem;
  color: rgba(255, 255, 255, 1);
  text-align: justify;
}

.section_3 {
   height: 100vh; 
  background: #fff;
  /* padding: 1.23rem 0 0 0; */
  position: relative;

  display: flex;
  align-items: center;
  flex-direction: column;
}

.section_3 .section_box {
  padding: 11.3vh 0 0 0;
}

.section_3 .tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  /* width: 5.06rem; */
  height: .84rem;
  border-radius: .42rem;
  padding: .1rem .16rem;
  background: rgba(220, 222, 229, 0.2);
  margin: .41rem 0 .43rem 0;
}

.section_3 .tabs .tab {
  width: 1.6rem;
  height: .64rem;
  border-radius: .415rem;

  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 120%;
  color: rgba(51, 51, 51, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.section_3 .tabs .tab.active {
  background: rgba(0, 64, 152, 1);
  color: #fff;
}

.section_3 .content {
  width: 100%;
  /*height: 6.2rem;*/
  height: 66.6vh;
  /* height: 60%; */
  position: absolute;
  bottom: 0;
}
.section_3 .content .section_3_swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section_3 .content .section_3_1,
.section_3 .content .section_3_2,
.section_3 .content .section_3_1
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section_3 .content .box {
    width: 100%;
    height: 100%;
    display: none;
}
.section_3 .content .box.active {
    display: block;
}

.section_3 .content .item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}



.section_3 .content .item .img_box {
  width: 10.92rem;
  height: 100%;
}

.section_3 .content .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.section_3 .content .item .left {
  width: 8.28rem;
  height: 100%;
  /*padding: 1.54rem;*/
  padding: 9.25vh;
  background: rgba(0, 64, 152, 1);
}

.section_3 .content .item .left .name {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  /*line-height: 1.2;*/
  line-height: 1.5;
  color: rgba(255, 255, 255, 1);
}

.section_3 .content .item .left .desc {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: .48rem;
  color: rgba(255, 255, 255, 1);
  margin: .46rem 0 0 0;
}

.section_3 .content .item .left .desc_2 {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  line-height: .34rem;
  color: rgba(255, 255, 255, 1);
  margin: .3rem 0 .5rem 0;
}

.section_3 .content .item .left .desc_2 li {
  list-style: disc;
}

.section_3 .content .item .left .desc_3 span {
  font-weight: 300;
  font-family: 'Microsoft YaHei';
  line-height: .389rem;
  color: rgba(255, 255, 255, 1);
  margin: .51rem 0 0 0;
}

.section_3 .content .item .left .desc_3 span strong {
  font-weight: 400;
}

.section_3 .content .content_controls {
    
}

.section_3 .content .content_controls .btn {
  width: .4055rem;
  height: .4055rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: .01rem solid rgba(0, 64, 152, 1);
  cursor: pointer;
  position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.section_3 .content .content_controls .btn:hover {
  background: rgba(0, 64, 152, 1);
}

.section_3 .content .content_controls .btn img {
  width: .12rem;
  height: .12rem;
}
.section_3 .content .content_controls .btn.prev {
    /*left: .5rem;*/
    left: .3rem;
}
.section_3 .content .content_controls .btn.next {
    /*right: .5rem;*/
    right: .3rem;
}

.section_3 .content .content_controls .btn:hover .normal,
.section_3 .content .content_controls .btn .active {
  display: block;
}

.section_3 .content .content_controls .btn .normal,
.section_3 .content .content_controls .btn:hover .active {
  display: none;
}



.section_4 {
  height: 100vh;
  background: #fff;
  /*padding: 1.54rem 0 0 0;*/
  /*padding: 12.2vh 0 0 0;*/
  position: relative;

  display: flex;
  align-items: center;
  flex-direction: column;
}

.section_4 .section_box {
    padding: 12.2vh 0 0 0;
    justify-content: center;
}


.section_4 .p_label {
  margin: 0 0 .48rem 0;
  text-align: center;
}

.section_4 .p_btn {
  /* margin: 0 auto .4324rem auto; */
  /*margin: 0 auto 1.1rem auto;*/
  margin: 0 auto 4.1vh auto;
}


.section_4 .info {
  display: flex;
  gap: .3rem;
  justify-content: center;
}

.section_4 .info .list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  /* margin: 1.2rem auto 1.25rem auto; */
  width: 11.1rem;
}

.section_4 .info .list_item {
  width: 5.38rem;
  /* height: 5.6rem; */
  border-radius: .14rem;
  background: rgba(220, 222, 229, 0.2);
  display: flex;
  flex-direction: column;
  position: relative;
  /* box-shadow: 0 .55rem .618rem 0 rgba(0, 146, 223, 0.05); */

}

.section_4 .info .list_item:hover {
  background: #fff;
  box-shadow: 0 .1rem .618rem 0px rgba(0, 146, 223, 0.08);

}

.section_4 .info .list_item .img_box {
  width: 100%;
  height: 3.2rem;
  /*height: 29.6vh;*/
  border-radius: .14rem .14rem 0 0;
  overflow: hidden;
}

.section_4 .info .list_item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .14rem .14rem 0 0;
  transition: all .3s ease-in-out;
}

.section_4 .info .list_item .img_box img:hover {
  transform: scale(1.05);
}

.section_4 .info .list_item .info {
  width: 100%;
  padding: 0 .4rem .3rem .4rem;
  height: 2.7937rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 0;
  transition: all 1s ease-in-out;
}

.section_4 .info .list_item .info .tag {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: .36rem;
  border-radius: .1rem 0 .1rem 0;
  display: block;
  font-family: 'Light';
  font-weight: 300;
  line-height: 100%;
  color: #fff;
  background: rgba(0, 64, 152, 1);
  display: flex;
  justify-content: center;
  align-items: center;

  transition: all 1s ease-in-out;
}

.section_4 .info .list_item .info .title {
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  line-height: .36rem;
  color: rgba(51, 51, 51, 1);
  margin: .14rem 0 .2rem 0;
  height: .7287rem;

  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.section_4 .info .list_item .info .desc {
  font-family: 'Microsoft YaHei';
  font-weight: 300;
  /*line-height: .3rem;*/
  line-height: .36rem;
  color: rgba(51, 51, 51, 1);
  /* margin: 0 0 .36rem 0; */

  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: justify;
}

.section_4 .info .list_item .info .time {
  font-family: 'Light';
  font-weight: 300;
  line-height: 100%;
  color: rgba(102, 119, 120, 1);
  margin: .3846rem 0 0 0;
  /* margin: 0 0 .17rem 0; */
}

.section_4 .info .list_item:hover .info .time {
  background: rgba(0, 64, 152, 1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.section_4 .info .list_cloum {
  width: 5.22rem;
  border-radius: .14rem;
  background: rgba(220, 222, 229, 0.2);
  /* box-shadow: 0 .55rem .618rem 0 rgba(0, 146, 223, 0.05); */
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  padding: .68rem .27rem 0 .3rem;
  gap: .2184rem;
  position: relative;
}

.section_4 .info .list_cloum .item {
  width: 100%;
  padding-bottom: .26rem;
  border-bottom: .01rem solid rgba(236, 236, 236, 1);
}

.section_4 .info .list_cloum .item:last-of-type {
  border-bottom: none;
}

.section_4 .info .list_cloum .item span {
  display: block;
}

.section_4 .info .list_cloum .item .title {
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  line-height: .36rem;
  color: rgba(51, 51, 51, 1);
  margin: 0 0 .13rem 0;
}

.section_4 .info .list_cloum .item:hover .title {
  color: transparent;
  background: rgba(0, 64, 152, 1);
  -webkit-background-clip: text;
  background-clip: text;
}

.section_4 .info .list_cloum .item .time {
  font-family: 'Light';
  font-weight: 300;
  line-height: 100%;
  color: rgba(51, 51, 51, 1);
}

.section_4 .info .list_cloum .item:hover .time {
  color: transparent;
  background: rgba(0, 64, 152, 1);
  -webkit-background-clip: text;
  background-clip: text;
}

.section_4 .info .list_cloum .tag {
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: .36rem;
  border-radius: .1rem 0 .1rem 0;
  display: block;
  font-family: 'Light';
  font-weight: 300;
  line-height: 100%;
  color: #fff;
  background: rgba(0, 64, 152, 1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.section_5 {

  background: #fff;

  position: relative;

  display: flex;
  align-items: center;
  flex-direction: column;
}

.section_5 .contact_box {
  position: relative;
  padding: 1rem 0 0 0;
  height: 4.35rem;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: .4rem;
}

.section_5 .contact_box .bg {
  height: 5.15rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.section_5 .contact_box .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_5 .contact_box .p_label {
  position: relative;
  z-index: 0;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.section_5 .contact_box .p_btn {
  position: relative;
  z-index: 0;
  border: .01rem solid rgba(255, 255, 255, 0.5);
  color: #fff;
}

.section_5 .contact_box .p_btn:hover {
  border-color: rgba(0, 64, 152, 1);
  /*color: rgba(0, 64, 152, 1);*/
}

.section_6 {
  pointer-events: auto !important;
  overflow: hidden !important;
  position: relative;
}

.section_6 .section_box {
  padding: 2.42rem 0 0 0;
  position: relative;
}

.section_6 .p_label {
  text-align: center;
  position: absolute;
  top: 1.42rem;
}

.section_6 .content {
  margin: .7rem 0 0 0;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.section_6 .content .outer {
  width: 100%;
  height: 4.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* 加高外层，替代原来的290px，更宽裕 */
  /* position: fixed;
  top: 50px;
  left: 50%;
  transform: translateX(-50%); */
  overflow: hidden;
  /* border: 1px solid #eee; */
  background: #fff;
}

/* 5行容器+行间距20px（间距不变，方便计算） */
.section_6 .content .inner-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: .2rem;
  /* height: .695rem; */
  /* 行间距固定20px，全程不变 */
  transition: all 0.8s ease;
}

/* 核心修改2：重新计算3行状态行高，填满400px外层高度 */
.section_6 .content .scroll-row {
  width: 100%;
  /* 3行状态行高：(外层高度 - 2个行间距) / 3 = (400 - 40) / 3 ≈ 120px */
  height: calc((4.48rem - .8rem) / 3);
  overflow: hidden;
  position: relative;
  transition: all 0.8s ease;
}

/* 滚动容器+块间距10px（无修改，保持紧凑） */
.section_6 .content .scroll-content {
  display: flex;
  gap: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: 10s linear infinite;
  width: max-content;
  transition: all 0.8s ease;
}

/* 核心修复1：给初始状态奇偶行绑定动画名称（让3行正常滚动） */
.section_6 .content .scroll-row:nth-child(odd) .scroll-content {
  animation-name: scroll-left;
  /* 奇数行向左滚动 */
}

.section_6 .content .scroll-row:nth-child(even) .scroll-content {
  animation-name: scroll-right;
  /* 偶数行向右滚动 */
}

.section_6 .content .scroll-row:first-child,
.section_6 .content .scroll-row:last-child {
  opacity: 0;
  transition: all 0.8s ease;
}

.section_6 .content .outer.show-5rows .scroll-row:first-child,
.section_6 .content .outer.show-5rows .scroll-row:last-child {
  opacity: 1;
}

/* 小盒子+初始尺寸+过渡（无修改，适配3行新行高） */
.section_6 .content .color-box {
  min-width: 2.92rem;
  height: 100%;
  flex-shrink: 0;
  /* 禁止压缩，防间隙 */
  border-radius: .6rem;
  /* border: 2px solid rgba(255, 255, 255, 0.5); */
  padding: .16rem;
  color: rgba(51, 51, 51, 1);
  font-weight: 400;
  font-size: .16rem;
  background: rgba(243, 244, 245, 1);
  transition: all 0.8s ease;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: .2rem;
}

/* 核心修改3：重新计算5行状态行高，填满400px外层高度 */
.section_6 .content .outer.show-5rows .scroll-row {
  /* 5行状态行高：(外层高度 - 4个行间距) / 5 = (400 - 80) / 5 = 64px */
  height: calc((4.48rem - .16rem) / 5);
}

/* 小盒子缩放（无修改，适配5行新行高） */
.section_6 .content .outer.show-5rows .color-box {
  min-width: calc(1.5rem * 0.7);
  /* 缩放0.7倍 */
  /* padding: 5px; */
}

.section_6 .content .outer.show-5rows .color-box {
  padding: .16rem .22rem .16rem .12rem;
}

.section_6 .content .outer .color-box .box-inner {
  width: .92rem;
  height: .92rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  overflow: hidden;
}

.section_6 .content .outer.show-5rows .color-box .box-inner {
  width: .68rem;
  height: .68rem;
}

.section_6 .content .outer .color-box .box-inner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.section_6 .content .outer.show-5rows .color-box .box-inner img {
  /*width: .3rem;*/
}

.section_6 .content .outer .color-box .name span {
  display: block;
  font-size: .16rem;
  font-weight: 300;
}

.section_6 .content .outer .color-box .name span:first-child {
  margin: 0 0 .1rem 0;
  font-size: .24rem;
  font-weight: 400;
}

/* .section_6 .content .outer.show-5rows .color-box .name span {
  font-size: .1rem;
}

.section_6 .content .outer.show-5rows .color-box .name span:first-child {
  font-size: .15rem;
} */

/* 1. 原始动画（3行大盒子）- 偏移=1份总宽度950px（无修改） */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-950px);
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(-950px);
  }

  100% {
    transform: translateX(0);
  }
}

/* 2. 缩放后动画（5行小盒子）- 偏移同步缩放（无修改） */
.outer.show-5rows .scroll-row:nth-child(odd) .scroll-content {
  animation-name: scroll-left-sm;
}

.outer.show-5rows .scroll-row:nth-child(even) .scroll-content {
  animation-name: scroll-right-sm;
}

@keyframes scroll-left-sm {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-950px * 0.7));
  }
}

@keyframes scroll-right-sm {
  0% {
    transform: translateX(calc(-950px * 0.7));
  }

  100% {
    transform: translateX(0);
  }
}







@media (max-width: 767px) {
    
    .f_14, .f_16, .f_18 {
        font-size: 13px;
    }
    .f_24 {
        font-size: 16px;
    }
    
    .container .banner {
        height: 170.6vw;
    }
    .container .banner .content {
        left: 62%;
        top: 50%;
        width: 350px;
    }
    .container .banner .content .title {
        font-size: 24px;
    }
    .container .banner .points {
        left: 20px;
    }
    
    .section_1 {
        height: 144vw;
    }
    .section_1 .boxs {
        width: 100%;
        height: 31.73vw;
        flex-direction: unset;
        bottom: 0;
    }
    .section_1 .boxs .box_mask {
        width: calc(100% / 3);
        height: 100%;
    }
    .section_1 .boxs .box {
        width: calc(100% / 3);
        height: 100%;
        padding: 0 14px;
        text-align: center;
    }
    .section_1 .info {
        left: 20px;
        bottom: unset;
        top: 21.06vw;
        width: unset;
        right: 20px;
    }
    .section_1 .bg::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        /*background: linear-gradient(to left, rgba(0, 18, 38, 0) 0%, rgba(0, 18, 38, 1) 235%);*/
        background: linear-gradient(to left, rgba(0, 18, 38, .3) 0%, rgba(0, 18, 38, 1) 235%);
    }
    .section_1 .info .name {
        font-size: 24px;
    }
    .section_1 .info .desc {
        font-size: 14px;
    }
    .section_1 .info .p_btn {
        border: .01rem solid rgba(255, 255, 255, 0.5);
    }
    .section_1 .boxs .box span {
        font-size: 16px;
    }
    
    .section_2 {
        height: auto;
    }
    .section_2 .content {
        padding: 28.13vw 20px 16vw 20px;
        position: relative;
        top: unset;
        left: unset;
    }
    .section_2 .content .boxs {
        /*flex-direction: column;*/
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
        position: relative;
        top: unset;
        left: unset;
        bottom: unset;
    }
    .section_2 .content .info {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
    }
    .section_2 .content .info .p_label {
        font-size: 24px;
    }
    .section_2 .content .info .desc {
        font-size: 14px;
        text-align: center;
    }
    .section_2 .content .boxs .item .name span strong {
        font-size: 40px;
    }
    .section_2 .content .boxs .item .name span .bigfornum {
        font-size: 40px;
    } 
    .section_2 .content .boxs .item .name span {
        font-size: 16px;
    }
    .section_2 .content .boxs .item .desc {
        font-size: 13px;
        display: none;
    }
    .section_2 .content .boxs .item {
        padding: 0 0 20px 0;
        width: 100%;
        /*width: 49%;*/
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .section_3 {
        height: auto;
    }
    .section_3 .section_box {
        padding: 60px 0 0 0;
    }
    .section_3 .tabs {
        width: unset;
        height: unset;
        padding: 6px;
        margin: 32px 0;
    }
    
    .section_3 .tabs .tab {
        font-size: 14px;
        width: unset;
        height: unset;
        padding: 10px 18px;
    }
    .section_3 .content .item {
        flex-direction: column-reverse;
    }
    .section_3 .content {
        height: 150.13vw;
        position: relative;
        bottom: unset;
    }
    .section_3 .content .item .img_box {
        height: 66.6vw;
        flex-shrink: 0;
    }
    .section_3 .content .item .left {
        /*height: 84.13vw;*/
        /*height: auto;*/
        height: 120vw;
        /*padding: 40px 20px;*/
        padding: 20px;
        flex-shrink: 0;
    }
    .section_3 .content .item .left .name {
        font-size: 24px;
    }
    .section_3 .content .item .left .desc {
        font-size: 16px;
        margin: 24px 0 0 0;
    }
    .section_3 .content .item .left .desc_2 {
        font-size: 13px;
        margin: 20px 0 32px 0;
        line-height: 1.7;
    }
    
    .section_3 .content .item .left .desc_3 span {
        font-size: 13px;
    }
    .section_3 .content .item .left .desc_3 span strong {
        font-size: 24px;
    }
    .section_3 .content .content_controls .btn {
        width: 28px;
        height: 28px;
        top: 29.3vw;
        transform: unset;
    }
    .section_3 .content .content_controls .btn.prev {
        left: 20px;
    }
    .section_3 .content .content_controls .btn.next {
        right: 20px;
    }
    
    
    
    
    .section_3 .content .item .left {
        width: 100%;
    }
    .section_3 .content .item .img_box {
        width: 100%;
    }
    
    .section_4 {
        height: auto;
    }
    .section_4 .section_box {
        padding: 40px 20px 40px 20px;
    }
    .section_4 .p_label {
        margin: 0 0 24px 0;
    }
    .section_4 .info {
        flex-direction: column;
        align-items: center;
    
    }
    .section_4 .info .list {
        width: 100%;
        justify-content: center;
    }
    .section_4 .info .list_item {
        width: 80.13vw;
    }
    .section_4 .info .list_item .img_box {
        width: 80.13vw;
        height: 52.4vw;
    }
    .section_4 .info .list_item .info {
        padding: 0 18px 18px;
        height: auto;
    }
    .section_4 .info .list_item .info .tag {
        padding: 6px 10px;
        width: unset;
        height: unset;
    }
    .section_4 .info .list_item .info .time {
        margin: 18px 0 0 0;
    }
    .section_4 .info .list_item .info .title {
        line-height: 1.6;
        height: auto;
    }
    .section_4 .info .list_item .info .desc {
        font-size: 14px;
        line-height: 1.64;
    }
    
    .section_4 .info .list_cloum {
        width: 80.13vw;
        padding: .68rem 18px 0 18px;
    }
    .section_4 .info .list_cloum .tag {
        padding: 6px 10px;
        width: unset;
        height: unset;
    }
    .section_4 .info .list_cloum .item .title {
        line-height: 1.5;
        margin: 0 0 13px 0;
    }
    
    .section_6 .section_box {
        height: 131.73vw;
        padding: 0;
    }
    .section_6 .p_label {
        top: 0;
    }
    .section_6 .content {
        top: 18%;
        transform: unset;
    }
    .section_5 .contact_box {
        padding: 21.33vw 0 0 0;
    }
    .section_5 .contact_box {
        gap: 8.5vw;
    }
    
    /*.section_6 .content .scroll-content {*/
    /*  display: flex;*/
    /*  gap: 10px;*/
    /*  height: 100%;*/
    /*  position: absolute;*/
    /*  top: 0;*/
    /*  left: 0;*/
    /*  animation: 10s linear alternate;*/
    /*  width: max-content;*/
    /*  transition: all 0.8s ease;*/
    /*}*/
    .section_6 .content .scroll-content {
            animation: 20s linear infinite;
    }
    @keyframes scroll-right {
        0% {
            transform: translateX(-950px);
        }
        50% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-950px);
            
        }   
    }
    @keyframes scroll-left {
      0% {
        transform: translateX(0);
      }
      50% {
        transform: translateX(-950px);
      }
      100% {
        transform: translateX(0);
      }
    }
}