.container {
  position: relative;
}

.container .banner {
  /* position: sticky;
  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: 5.74rem;
  left: 1.4rem;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  /* gap: .2rem; */
}

.container .banner .content .tag {
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  color: #fff;
  line-height: 1.5;
  margin-bottom: .1rem;
}

.container .banner .content .title {
  font-weight: 500;
  /*font-family: 'H_Medium';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.33;
  color: #fff;
  margin-bottom: .6rem;
}

.container .banner .content .p_btn .p_btn_span,
.container .banner .content .p_btn .p_btn_icon {
  border-color: #fff;
  color: #fff;
}

.container .banner .content .p_btn:hover .p_btn_span,
.container .banner .content .p_btn:hover .p_btn_icon {
  border-color: transparent;
}

.container .banner .content .p_btn .p_btn_icon .active,
.container .banner .content .p_btn:hover .p_btn_icon .active {
  display: block;
}

.container .banner .content .p_btn .p_btn_icon .normal,
.container .banner .content .p_btn:hover .p_btn_icon .normal {
  display: none;
}

.section_1 {
  padding: 1.26rem 1.4rem .66rem 1.4rem;
  height: 10.8rem;
  position: relative;
}

.section_1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

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

.section_1 .top {
  text-align: center;
}

.section_1 .top .search {
  width: 4.18rem;
  height: .51rem;
  border-radius: .5rem;
  border: .01rem solid rgba(153, 153, 153, 1);
  padding: .1rem .2rem;
  display: flex;
  align-items: center;
  margin: .29rem auto 0 auto;
}

.section_1 .top .search input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
}

.section_1 .top .search input::placeholder {
  font-size: .16rem;
  font-weight: 400;
  /*font-family: 'H_Light';*/
  font-family: 'Microsoft YaHei';
  color: rgba(102, 102, 102, 1);
}

.section_1 .top .search .icon {
  width: auto;
  height: 100%;
}

.section_1 .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: .68rem;
}

.section_1 .content .item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .24rem;
  margin: 0 1.5rem .5rem 0;

  transition: all .5s ease-in-out;
}


.section_1 .content .item .img_box {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: .02rem solid rgba(36, 145, 202, 1);
  position: relative;
  overflow: hidden;
  transition: all .5s ease-in-out;
}

.section_1 .content .item:hover .img_box {
  background: #fff;
}

.section_1 .content .item .img_box .img_1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  opacity: 1;
  transition: all .5s ease-in-out;
}

.section_1 .content .item .img_box .img_2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*width: 1.69rem;*/
  /*height: 1.68rem;*/
  object-fit: cover;
  z-index: 1;
  opacity: 0;
  transition: all .5s ease-in-out;
  margin-left: .1rem;
}

.section_1 .content .item .img_box .mask {
  position: absolute;
  top: .26rem;
  left: 0;
  width: 2.4rem;
  height: 2.25rem;
  object-fit: cover;
  z-index: 1;
  opacity: 0;
  transition: all .5s ease-in-out;
}

.section_1 .content .item .img_box:hover .img_1 {
  opacity: 0;
}

.section_1 .content .item .img_box:hover .img_2 {
  opacity: 1;
}

.section_1 .content .item .img_box:hover .mask {
  opacity: 1;
}


.section_1 .content .item .title {
  font-weight: 500;
  /*font-family: 'H_Medium';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.16;
  color: rgba(51, 51, 51, 1);
}

.section_1 .content .item:hover .title {
  color: rgba(36, 145, 202, 1);
}

.section_2 {
  height: 650vh;

  position: relative;
}

.section_2 .section_2_box {
  position: sticky;
  top: 0;
  padding: 1.4rem;
}

.section_2 .top {
  text-align: center;
}

.section_2 .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.05rem;
  z-index: -1;
}

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

.section_2 .content .left_nav .item {
  /* width: .77rem;
  height: .77rem; */
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background: #fff; */
}


.section_2 .content {
  display: flex;
  margin: .8rem 0 0 0;
  justify-content: end;
}

.section_2 .content .left_nav {
  position: absolute;
  top: 50%;
  left: 1.4rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: .4rem;
}

.section_2 .content .left_nav::after {
  content: '';
  border: .01rem dashed rgba(0, 0, 0, 0.14);
  width: 7.5rem;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: -1;
}

.section_2 .content .left_nav .progress-container {
  position: relative;
  width: .77rem;
  height: .77rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: .1rem;
  color: #666;
  opacity: 0;
  transition: all .5s ease-in-out;
}

.section_2 .content .left_nav .progress-container.on {
  opacity: 1;
}

.section_2 .content .left_nav .progress-container .progress-conic {
  width: .77rem;
  height: .77rem;
  border-radius: 50%;
  background: conic-gradient(#2491ca 0deg, #eaeaea 0deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.section_2 .content .left_nav .progress-container .progress-conic::after {
  content: '';
  width: calc(100% - 0.14rem);
  /* 减去两倍边框宽度 */
  height: calc(100% - 0.14rem);
  border-radius: 50%;
  background: white;
  /* 与父背景同色，形成空心 */
}

.section_2 .content .left_nav .progress-container .section_2 .content .left_nav .progress-bg {
  width: .77rem;
  height: .77rem;
  border: .07rem solid rgba(234, 234, 234, 1);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

/* 关键：用clip-path裁剪，替代边框拼接，实现精准进度 */
/* .section_2 .content .left_nav .progress-bar {
  width: .77rem;
  height: .77rem;
  border: .07rem solid rgba(36, 145, 202, 1);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(50% 50%, 50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  transition: clip-path 0.3s ease;
} */

.section_2 .content .left_nav .item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-60%, -43%);
  width: .6rem;
  height: .6rem;
}

.section_2 .content .content_box {
  display: flex;
  gap: .88rem;
  align-items: center;
}

.section_2 .content .content_box .img_box {
  width: 10rem;
  height: 5.58rem;
  border-radius: .3rem;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}

.section_2 .content .content_box .img_box img {
  width: 100%;
  height: 0;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: height .5s cubic-bezier(.36, 0, .7, 1);
}

.section_2 .content .content_box .img_box img.on {
  height: 100%;
}

.section_2 .content .content_box .info_item {
  display: none;
}

.section_2 .content .content_box .info_item.on {
  display: block;
}

.section_2 .content .content_box .info .title {
  font-weight: 500;
  /*font-family: 'H_Medium';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.18;
  color: rgba(36, 145, 202, 1);
  margin-bottom: .34rem;
}

.section_2 .content .content_box .info .desc {
  width: 3.96rem;
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  line-height: 2;
  color: rgba(102, 102, 102, 1);
  margin-bottom: .6rem;
}

.section_3 {
  height: 12.96rem;
  padding: 1.55rem 1.4rem;
  position: relative;
}

.section_3 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section_3 .bg .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.section_3 .bg .mask {
  width: 100%;
  height: 2.22rem;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.section_3 .top {
  text-align: center;
}

.section_3 .map {
  position: absolute;
  left: 1.1rem;
  width: 16.75886rem;
  height: 7.158183rem;
  top: 3.0795rem;
  z-index: 3;
}
.section_3 .map img {
    /*width: 100%;*/
    /*height: 100%;*/
    /*object-fit: cover;*/
}

.section_3 .map .point {
  position: absolute;
  width: .485714rem;
  height: .399998rem;
  transform: translate(-50%, -50%);
  text-align: center;
  cursor: pointer;
  z-index: 10;
}
.section_3 .map .point:hover {
  z-index: 100;
}

.section_3 .map .point.center-point .main {
  display: block;
}

/*.section_3 .map .point.center-point .img {*/
/*  display: none;*/
/*}*/

.section_3 .map .point .img111 {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  display: none;
}

.section_3 .map .point .title {
  position: absolute;
  top: .5rem;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(51, 51, 51, 1);
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  white-space: nowrap;
}

.section_3 .map .point .info_box {
  opacity: 0;
  position: absolute;
  padding: .2rem;
  width: 0;
  height: 0;
  overflow: hidden;
  transition: opacity .5s;

  z-index: 999;
  border-radius: .2rem;
  border-style: none;
  background: transparent;
}

.section_3 .map .point:hover .info_box {
  opacity: 1;
  width: 2.9rem;
  height: auto;
  box-shadow: 0 0 .4rem 0 rgba(255, 85, 51, 0.13);
  border: .01rem solid rgba(7, 90, 174, 1);
  background: #fff;
}

.section_3 .map .point .info_box .img {
  width: 2.49rem;
  height: 1.25rem;
  object-fit: cover;
  border-radius: .2rem;
  margin-bottom: .15rem;
}

.section_3 .map .point .info_box .info_box_bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.03rem;
  height: .86rem;
}

.section_3 .map .point .info_box .desc {
  margin: 0 0 .1rem 0;
  text-align: start;
}

.section_3 .map .point .info_box .desc span {
  font-weight: 300;
  /*font-family: 'H_Light';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.4;
  color: rgba(7, 90, 174, .5);
  margin-bottom: .03rem;
}

.section_3 .map .point .info_box .desc p {
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.4;
  color: rgba(7, 90, 174, 1);
}

/* SVG连线层样式 */
.section_3 .map .connections {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.section_3 .map .connection-line {
  fill: none;
  stroke: #3498db;
  stroke-width: 1.5;
  stroke-dasharray: 3, 3;
  opacity: 0.8;
  transition: all 0.3s;
}



.section_3 .boxs {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.4157rem;
  display: flex;
  justify-content: center;
  gap: .2123rem;
  z-index: 10;
}

.section_3 .boxs .item {
  width: 3.937687rem;
  height: 1.7rem;
  border-radius: .2rem;
  background: rgba(254, 255, 255, 0.9);
  overflow: hidden;
  flex-shrink: 0;
  padding: .2rem .50rem 0 .5rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: .1rem;
}

.section_3 .boxs .item .info {
  display: flex;
  gap: .17rem;
  align-items: center;
}

.section_3 .boxs .item .info .icon {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: rgba(36, 145, 202, 1);
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
}

.section_3 .boxs .item .info .icon img {
  width: .3rem;
  height: .3rem;
}

.section_3 .boxs .item .info span {
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.25;
  color: rgba(36, 145, 202, 1);
}

.section_3 .boxs .item .info span strong {
  font-weight: 500;
  /*font-family: 'H_Medium';*/
  font-family: 'Microsoft YaHei';
}

.section_3 .boxs .item .name {
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.5;
  color: rgba(102, 102, 102, 1);
}

.section_4 {
  height: 10.8rem;
  padding: 1.63rem 1.4rem 1.38rem 1.4rem;
  position: relative;
}

.section_4 .top {
  text-align: center;
}

.section_4 .content {
  display: flex;
  gap: .35rem;
  align-items: center;
  justify-content: center;
  margin: .7rem 0 0 0;
}

.section_4 .content .img_box {
  width: 5.8rem;
  height: 6.17rem;
  border-radius: .25rem;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}

.section_4 .content .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*opacity: 0;*/
  display: none;
  transition: all .5s;
  position: absolute;
  top: 0;
  left: 0;
}

.section_4 .content .img_box img.on {
  /*opacity: 1;*/
  display: block;
}

.section_4 .content .item_box {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.section_4 .content .item_box .item {
  width: 4.91rem;
  height: 2.91rem;
  border-radius: .12rem;
  overflow: hidden;
  flex-shrink: 0;
  padding: .4rem .35rem .5rem .35rem;
  box-shadow: 0 0 .35rem 0 rgba(36, 145, 202, 0.15);
  transition: all .5s;
  position: relative;
}

.section_4 .content .item_box .item:hover {
  background: rgba(36, 145, 202, 1);
}

.section_4 .content .item_box .item .icon {
  /*width: .45rem;*/
  /*height: .45rem;*/
  width: .65rem;
  height: .65rem;
}

.section_4 .content .item_box .item .title {
  font-weight: 500;
  /*font-family: 'H_Medium';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.16;
  color: rgba(51, 51, 51, 1);
  margin: .1rem 0 .2rem 0;
  transition: all .5s;
}

.section_4 .content .item_box .item:hover .title {
  color: #fff;
}

.section_4 .content .item_box .item .desc {
  font-weight: 300;
  /*font-family: 'H_Light';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.55;
  color: rgba(153, 153, 153, 1);
  transition: all .5s;
}

.section_4 .content .item_box .item:hover .desc {
  color: #fff;
}

.section_4 .content .item_box .item .mask {
  width: 100%;
  height: 2.36rem;
  object-fit: cover;
  position: absolute;
  top: 1.33rem;
  left: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: all .5s;
}

.section_4 .content .item_box .item:hover .mask {
  opacity: 1;
}

.section_5 {
  /* height: 10.8rem; */
  position: relative;
  background: #fff;
  padding: 0 1.4rem 1.34rem 1.4rem;
}

.section_5 .top {
  text-align: start;
}

.section_5 .top .left .p_index_desc {
  justify-content: start;
}

.section_5 .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section_5 .content {
  margin: .7rem 0 0 0;
  width: 100%;
}
.section_5 .content .section_5_swiper {
    width: 100%;
    overflow: hidden;
}
@media (min-width: 767px) {
    .section_5 .content .section_5_swiper {
      width: 100%;
      overflow: hidden;
      padding-right: 77.6%;
      
      position: relative; /* 给容器加相对定位 */
        box-sizing: border-box; /* 确保padding不会撑大容器 */
    }
    
    /* 新增：确保幻灯片尺寸匹配容器 */
    .section_5_swiper .swiper-slide {
        width: calc(100% - 78%); /* 匹配容器的padding-right */
        box-sizing: border-box;
        position: relative;
    }
    
    .section_5 .content .section_5_swiper .swiper-slide {
      width: auto !important;
    }

}

.section_5 .content .item {
  display: flex;
  flex-direction: column;
  justify-content: end;
  width: 3.48rem;
  height: 5.81rem;
  border-radius: .2rem;
  /* overflow: hidden; */
  position: relative;
  margin-right: .25rem;
  transition: all 1s ease-in-out;
}

.section_5 .content .item.on {
  width: 9.03rem;
  align-items: end;
}

.section_5 .content .item .img_box {
  width: 100%;
  height: 100%;
  border-radius: .2rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

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

.section_5 .content .item .tag {
  border-radius: .0797rem;
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.84;
  color: rgba(51, 51, 51, 1);
  position: absolute;
  top: .27rem;
  left: .27rem;
  padding: .035rem .36rem;
}

.section_5 .content .item .item_info {
  width: 3.53rem;
  /*position: relative;*/
}
.section_5 .content .item.on .item_info {
    position: static;
}
.section_5 .content .item .item_info:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0 0 .2rem .2rem;
    background: linear-gradient(180deg, rgba(51, 51, 51, 0.00) 50%, rgba(51, 51, 51, 0.75) 120.16%);
    pointer-events: none;
    z-index: -1;
    border-radius: .2rem;
}
.section_5 .content .item.on .item_info:after {
    background: linear-gradient(to right, rgba(51, 51, 51, 0.00) 50%, rgba(51, 51, 51, 0.75) 200.16%);
}
.section_5 .content .item .time {
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.54;
  color: #fff;
  padding: 0 .27rem;
  margin: 0 0 .06rem 0;
}

.section_5 .content .item .title {
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.54;
  color: #fff;
  padding: 0 .27rem;
  margin: 0 0 .45rem 0;
  transition: all 1s ease-in-out;
  opacity: 1;
  overflow: hidden;
  position: relative;
  
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.section_5 .content .item.on .title {
  /* max-height: 0; */
  /* opacity: 0; */
  width: 3.75rem;
  position: absolute;
  bottom: .14rem;
  left: .27rem;
  color: rgba(51, 51, 51, 1);
  font-size: .32rem;
  z-index: 2;
  margin: 0;
  
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.section_5 .content .item .desc {
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.54;
  color: #fff;
  padding: 0 .27rem;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.section_5 .content .item.on .desc {
  max-height: 1rem;
  opacity: 1;
  margin: 0 0 .17rem 0;
  
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.section_5 .content .item .mask {
  width: 5.21rem;
  height: 2.63rem;
  position: absolute;
  bottom: 0;
  left: -1px;
  z-index: -1;
  opacity: 0;
  transition: all 1s ease-in-out;
  border-radius: 0 0 0 .2rem;
}

.section_5 .content .item.on .mask {
  opacity: 1;
}

.section_5 .content .item .p_btn {
  justify-content: end;
  padding: 0 .27rem 0 0;

  opacity: 0;
  max-height: 0;

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

.section_5 .content .item.on .p_btn {
  opacity: 1;
  max-height: 1rem;
  margin: 0 0 .3rem 0;
}

.section_5 .content .p_btn .p_btn_span,
.section_5 .content .p_btn .p_btn_icon {
  border-color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
}

.section_5 .content .p_btn:hover .p_btn_span,
.section_5 .content .p_btn:hover .p_btn_icon {
  border-color: rgba(36, 145, 202, 1);
}

.section_5 .content .p_btn .p_btn_icon .normal,
.section_5 .content .p_btn:hover .p_btn_icon .normal {
  display: none;
}

.section_5 .content .p_btn:hover .p_btn_icon .active,
.section_5 .content .p_btn .p_btn_icon .active {
  display: block;
}

.section_6 {
  padding: 1rem 1.4rem;
  height: 7.61rem;
  display: flex;
  justify-content: center;
  position: relative;
}

.section_6 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section_6 .bg::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.60) -85%, rgba(0, 0, 0, 0.00) 78%);
}

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

.section_6 .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section_6 .content .title {
  font-weight: 500;
  /*font-family: 'H_Medium';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.52;
  color: rgba(255, 255, 255, 1);
  margin: 0 0 .18rem 0;
  text-align: center;
}

.section_6 .content .desc {
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.6;
  color: rgba(255, 255, 255, 1);
  margin: 0 0 .4rem 0;
  text-align: center;
  width: 7.8rem;
}

/*.section_6 .content .p_btn .p_btn_span,*/
/*.section_6 .content .p_btn .p_btn_icon {*/
/*  border-color: rgba(255, 255, 255, 1);*/
/*  color: rgba(255, 255, 255, 1);*/
/*}*/

/*.section_6 .content .p_btn:hover .p_btn_span,*/
/*.section_6 .content .p_btn:hover .p_btn_icon {*/
/*  border-color: rgba(36, 145, 202, 1);*/
/*}*/

/*.section_6 .content .p_btn .p_btn_icon .normal,*/
/*.section_6 .content .p_btn:hover .p_btn_icon .normal {*/
/*  display: none;*/
/*}*/

/*.section_6 .content .p_btn:hover .p_btn_icon .active,*/
/*.section_6 .content .p_btn .p_btn_icon .active {*/
/*  display: block;*/
/*}*/

@media (max-width: 767px) {
    .container .banner {
        height: 149.6vw;
    }
    .container .banner .content {
        left: 20px;
        top: 99.33vw;
    }
    .container .banner .content .tag {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .container .banner .content .title {
        font-size: 26px;
        margin-bottom: 32px;
    }
    
    .section_1 {
        padding: 60px 20px;
        height: auto;
    }
    
    .section_1 .content {
        /*gap: 44px;*/
        row-gap: 40px;
        justify-content: space-between;
        padding: 0 10px;
    }
    .section_1 .content .item {
        margin: 0;
        gap: 20px;
    }
    .section_1 .content .item .img_box {
        width: 36.8vw;
        height: 36.8vw;
    }
    .section_1 .content .item .title {
        font-size: 16px;
    }
    
    .section_2 {
        height: auto;
    }
    .section_2 .section_2_box {
        padding: 60px 20px 150px 20px;
        position: relative;
        top: unset;
        overflow: hidden;
    }
    .section_2 .content {
        flex-direction: column;
    }
    .section_2 .content .content_box {
        flex-direction: column-reverse;
        gap: 30px;
    }
    .section_2 .content .content_box .img_box {
        width: 100%;
        height: 49.33vw;
    }
    .section_2 .content .left_nav {
        top: unset;
        bottom: 0;
        left: 20px;
        flex-direction: unset;
        width: 90%;
        overflow-x: auto;
    }
    .section_2 .content .left_nav::-webkit-scrollbar {
        display: none;
    }
    .section_2 .content .left_nav::after {
        content: unset;
        transform: translate(-50%, -50%) rotate(0deg);
        width: 100%;
    }
    .section_2 .content .left_nav .item::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -20px;
        width: 20px;
        border: 1px dashed rgba(0, 0, 0, 0.14);
        
    }
    .section_2 .content .left_nav .progress-container {
        width: 65px;
        height: 65px;
    }
    .section_2 .content .left_nav .progress-container .progress-conic {
        width: 65px;
        height: 65px;
        background: conic-gradient(#2491ca 0deg, #fff 0deg);
    }
    .section_2 .content .left_nav .progress-container .progress-conic::after {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        border-radius: 50%;
        background: #e2ecf5;
    }
    
    .section_2 .content .left_nav .item .icon {
        width: 50px;
        height: 50px;
    }
    .section_2 .content .content_box .info .title {
        text-align: center;
        margin-bottom: 15px;
    }
    .section_2 .content .content_box .info .desc {
        width: 100%;
    }
    .section_2 .content .content_box .info .p_btn {
        justify-content: center;
    }
    
    .section_3 {
        padding: 60px 0;
        height: auto;
    }
    .section_3 .map {
        width: 100%;
        height: 41.4vw;
        top: unset;
        left: unset;
        position: relative;
        margin: 50px 0 0 0;
    }
    .section_3 .map .point {
        width: 10px;
        height: 12px;
    }
    .section_3 .map .point .title {
        font-size: 12px;
        top: 12px;
    }
    
    
    .section_3 .boxs {
        flex-wrap: wrap;
        position: relative;
        transform: unset;
        left: unset;
        bottom: unset;
        padding: 0 20px;
        margin: 30px 0 0 0;
    }
    .section_3 .boxs .item {
        width: calc(50% - 0.106rem);
        padding: 15px 14px;
        height: auto;
    }
    .section_3 .boxs .item .info .icon {
        width: 30px;
        height: 30px;
    }
    .section_3 .boxs .item .info .icon img {
        width: 18px;
        height: 18px;
    }
    .section_3 .boxs .item .info span {
        font-size: 14px;
    }
    .section_3 .boxs .item .info span strong {
        font-size: 26px;
    }
    .section_3 .boxs .item .name {
        font-size: 14px;
    }
    
    .section_4 {
        padding: 60px 20px;
        height: auto;
    }
    .section_4 .content {
        flex-direction: column;
        gap: 30px;
    }
    .section_4 .content .img_box {
        height: 61.33vw;
        width: 89.33vw;
    }
    .section_4 .content .item_box {
        gap: 18px;
    }
    .section_4 .content .item_box .item {
        width: 100%;
        height: auto;
        padding: 20px 25px;
    }
    .section_4 .content .item_box .item .icon {
        width: 45px;
        height: 45px;
    }
    .section_4 .content .item_box .item .title {
        font-size: 18px;
        margin: 10px 0 12px 0;
    }
    .section_4 .content .item_box .item .desc {
        font-size: 14px;
    }
    
    .section_5 {
        padding: 0 20px 120px 20px;
    }
    
    .section_5 .top .left {
        width: 100%;
    }
    .section_5 .top .left .p_index_desc {
        justify-content: center;
    }
    .section_5 .top .left .p_index_label {
        text-align: center;
        width: 70.4vw;
        margin: 0 auto;
        line-height: 1.45;
    }
    
    .section_5 .top .p_controls {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 60px;
    }
    .section_5 .top .p_controls .btn {
        width: 35px;
        height: 35px;
    }
    .section_5 .top .p_controls .btn img {
        width: 15px;
    }
    .section_5 .content .item {
        width: 100%;
        height: 77.6vw;
    }
    .section_5 .content .item .item_info {
        width: 100%;
    }
    .section_5 .content .item.on .item_info:after {
        background: linear-gradient(180deg, rgba(51, 51, 51, 0.00) 50%, rgba(51, 51, 51, 0.75) 120.16%);
    }
    .section_5 .content .item.on {
        width: 100%;
    }
    .section_5 .content .item .tag span {
        font-size: 10px;
    }
    .section_5 .content .item.on .mask {
        opacity: 0;
    }
    .section_5 .content .item.on .title {
        position: relative;
        left: unset;
        bottom: unset;
        color: #fff;
    }
    .section_5 .content .item.on .desc {
        display: none;
    }
    
    .section_6 {
        padding: 50px 20px;
        height: 106.4vw;
    }
    .section_6 .content .title {
        font-size: 23px;
        margin-bottom: 20px;
    }
    .section_6 .content .desc {
        width: 100%;
        font-size: 14px;
    }
    .section_6 .p_btn .p_btn_span {
        background: rgba(36, 145, 202, 1);
        color: #fff;
    }
    .section_6 .p_btn .p_btn_icon {
        background: rgba(36, 145, 202, 1);
    }
    .p_btn .p_btn_icon .normal{
        display: none;
    }
    .p_btn .p_btn_icon .active {
        display: block;
    }
}