.container {
  position: relative;
}

.banner {
  position: sticky;
  top: 0;
  height: 8rem;
  padding: 3.08rem 1.4rem;
}

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

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

.banner .content .p_label {
  margin-bottom: .1rem;
  color: #fff;
  text-shadow: 0 4px 11.9px rgba(0, 0, 0, 0.40);
}

.banner .content .p_desc {
  color: #fff;
}

.banner .content .desc {
  margin: .24rem 0 0 0;
  color: #fff;
  line-height: 1.77;
  width: 5.68rem;
  text-shadow: 0 4px 11.9px rgba(0, 0, 0, 0.40);
}

.section_1 {
  position: relative;
  /* padding: 1.48rem 1.4rem 1.5rem 1.5rem; */
  background: #fff;
  border-radius: .8rem .8rem 0 0;
}

.section_1 .top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding: 1.5rem 1.4rem 1.5rem 1.4rem;
}


.section_1 .top .title .p_label {
  margin-bottom: .1rem;
}

.section_1 .top .title .p_desc {
  color: rgba(102, 102, 102, 1);
}

.section_1 .top .desc {
  line-height: 2;
  width: 9.9rem;
  font-family: 'Microsoft YaHei';
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
}

.section_1 .content {
  position: relative;
  /* padding-bottom: 1.5rem; */
}

.section_1 .content .img_box {
  margin: 0 auto 0 auto;
  width: 11.8rem;
  height: 6.54rem;
  min-width: 11.8rem;
  min-height: 6.54rem;
  max-width: 100%;
  max-height: 100vh;
  /* max-width: 16.4rem;
  max-height: 8rem; */
  border-radius: .3rem;
  overflow: hidden;
  position: sticky;
  top: 0;

}

.section_1 .content .img_box .img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.section_1 .content .desc_box {
  position: relative;
  transform: translateY(-1.31rem);
  margin: 100vh 1.4rem 0 1.4rem;
  width: 8.1rem;
  object-fit: cover;
  border-radius: .2rem;
  background: #fff;
  padding: .63rem .5rem;

  font-family: 'Microsoft YaHei';
  font-weight: 400;
  line-height: 2;
  color: rgba(51, 51, 51, 1);
}
.section_1 .content .desc_box .text {
    max-height: 6rem;
    overflow-y: auto;
}
.section_1 .content .desc_box P img{
    display: inline-block !important;
}
.section_1 .content .desc_box .desc_box_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.section_2 {
  height: 9.81rem;
  position: relative;
  padding: 1.17rem 0 0 0;
}

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

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

.section_2 .bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.02rem;
  background: linear-gradient(to top, rgba(251, 252, 252, 0.00) 0%, #F0F2F7 62.5%);
}

.section_2 .bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.63rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #F0F7F7 100%);
}

.section_2 .top .p_desc {
  color: rgba(141, 141, 141, 1);
}

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

.section_2 .content {
  width: 100%;
  margin: .9rem 0 0 0;
  position: relative;
}

.section_2 .content .section_2_swiper {
    width: 100%;
    overflow: hidden;
    height: 55.66vw;
    padding-right: 56%;
}

@media (min-width: 767px) {
    
    .section_2 .content .section_2_swiper {
      width: 100%;
      padding-right: 75%;
      height: 4.27rem;
      
    }
    
    /*.section_2 .content .section_2_swiper .swiper-slide {*/
    /*  width: auto !important;*/
    /*}*/
    
    .section_2 .content .section_2_swiper .swiper-slide-active {
      width: auto !important;
    }
}



.section_2 .content .item {
  position: relative;
  text-align: center;
  width: 3.5rem;
}

.section_2 .content .item.on {
  width: 5rem;
  margin-right: 3rem;
}

.section_2 .content .item .time {
  font-weight: 900;
  /*font-family: 'H_Bold';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.25;
  color: rgba(83, 83, 83, 1);
  margin-bottom: .79rem;
  transition: all .5s ease-in-out;
}

.section_2 .content .item.on .time {
  color: rgba(36, 145, 202, 1);
}

.section_2 .content .line {
  position: absolute;
  top: .91rem;
  left: 0;
  width: 100%;
  height: .01rem;
  z-index: 1;
  background: rgba(154, 154, 154, 0.5);
}

.section_2 .content .item .point {
  position: absolute;
  top: .83rem;
  left: 50%;
  transform: translateX(-50%);
  width: .2rem;
  height: .2rem;
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;
}

.section_2 .content .item .point .dot {
  width: .1rem;
  height: .1rem;
  border-radius: 50%;
  background: rgba(141, 141, 141, 1);
  transition: all .5s ease-in-out;
}

.section_2 .content .item.on .point .dot {
  background: rgba(36, 145, 202, 1);
}

.section_2 .content .item .desc {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 1.56;
  color: rgba(95, 99, 104, 1);
  width: 2.18rem;
  margin: 0 auto 0 auto;
}

.section_2 .content .p_controls {
  position: relative;
  margin: .82rem 0 0 0;
  z-index: 10;
}

.section_2 .content .p_controls .btn {
  background: #fff;
}

.section_2 .content .p_controls .btn:hover {
  background: rgba(36, 145, 202, 1);
}


.section_2 .content .item .item_box {
  position: absolute;
  top: 0;
  left: 3.9rem;
  padding: .14rem;
  width: 4.41rem;
  max-height: 4.5rem;
  border-radius: .2rem;
  /*overflow-y: auto;*/
  opacity: 0;
   transition: all 1s ease-in; 
  box-shadow: 0 .2rem .4rem .2rem rgba(0, 0, 0, 0.06);
  background: #fff;
  z-index: 1;
}

.section_2 .content .item.on .item_box {
  /* width: 5.51rem; */
  opacity: 1;
}

.section_2 .content .item .item_box .item_box_img {
  width: 100%;
  height: 2.31rem;
  border-radius: .18rem;
  margin-bottom: .37rem;
  object-fit: contain;
}

.section_2 .content .item .item_box .item_box_desc {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 2.25;
  color: rgba(95, 99, 104, 1);
  height: 1.15rem;
  overflow-y: auto;
  padding-right: .1rem;
}

.section_2 .content .item .item_box .item_box_desc::-webkit-scrollbar {
    width: 2px;
}
.section_2 .content .item .item_box .item_box_desc::-webkit-scrollbar-thumb {
    background: rgba(206, 206, 206, 1);
}
.section_2 .content .item .item_box .item_box_desc::-webkit-scrollbar-track {
    background: rgba(242, 242, 242, 1);
}

.section_3 {
  position: relative;
  background: #fff;
}

.section_3 .left_menu {
  position: fixed;
  /* top: 2.75rem; */
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  left: 1.4rem;
  gap: .46rem;
  display: flex;
  flex-direction: column;
  opacity: 0;
  /* transition: all .2s ease-in-out; */
}

.section_3 .left_menu .line {
  width: .01rem;
  background: rgba(210, 210, 210, 1);
  position: absolute;
  top: 0;
  left: .04rem;
  margin: .2rem 0;
}

.section_3 .left_menu .item {
  display: flex;
  gap: .2rem;
  align-items: center;
  position: relative;
}

.section_3 .left_menu .item .point {
  width: .1rem;
  height: .1rem;
  background: rgba(102, 102, 102, 1);
  border-radius: 50%;
  position: relative;
}

.section_3 .left_menu .item.on .point {
  background: rgba(36, 145, 202, 1);
}

.section_3 .left_menu .item .point::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: .23rem;
  height: .23rem;
  border-radius: 50%;
  background: rgba(36, 145, 202, .18);
  opacity: 0;
  transition: all .5s ease-in-out;
}

.section_3 .left_menu .item.on .point::after {
  opacity: 1;
}

.section_3 .left_menu .item .name {
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  line-height: 1.11;
  color: rgba(79, 96, 109, .8);
  transition: all .5s ease-in-out;
}

.section_3 .left_menu .item.on .name {
  color: rgba(36, 145, 202, 1);
  font-weight: 600;
}

.section_3 .left_menu .item:nth-child(2)::after,
.section_3 .left_menu .item:nth-child(3)::after {
  content: "";
  position: absolute;
  top: .22rem;
  left: .025rem;
  width: 1px; /* 虚线的宽度 */
  height: .46rem; /* 虚线的高度/长度 */
  background: transparent; /* 清空实心背景 */
  border-left: .04rem dashed rgba(210, 210, 210, 1); /* 核心：设置左侧虚线边框 */
  /* 可选：调整虚线的虚实间距 */
  /* background-image: linear-gradient(to bottom, #2491ca 50%, transparent 50%); */
  /* background-size: .04rem .1rem; 第一个值是宽度，第二个值是虚实间距 */
}

.section_3 .box_1 {
  position: relative;
  padding: 1.55rem 1.4rem 1.6rem 1.4rem;
}

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

.section_3 .box_1 .top .p_desc {
  color: rgba(141, 141, 141, 1);
}

.section_3 .box_1 .content {
  width: 11.88rem;
  height: 4.56rem;
  border-radius: .2rem;
  margin: .55rem 0 0 auto;
  padding: 0 .8rem;
  position: relative;
}

.section_3 .box_1 .content .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: .2rem;
  z-index: 1;
}

.section_3 .box_1 .content .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .2rem;
}

.section_3 .box_1 .content .icon {
  position: absolute;
  top: -.8rem;
  left: -.95rem;
  /* transform: translate(-50%, -50%); */
  width: 1.95rem;
  height: 1.95rem;
  z-index: 0;
}

.section_3 .box_1 .content .title {
  font-weight: 600;
  font-family: 'Microsoft YaHei';
  line-height: 1.25;
  color: rgba(255, 255, 255, 1);
  padding: 1.05rem 0 .45rem 0;
  position: relative;
  z-index: 2;
}

.section_3 .box_1 .content .desc {
  position: relative;
  z-index: 2;
  font-weight: 350;
  font-family: 'Microsoft YaHei';
  line-height: 1.8;
  color: rgba(255, 255, 255, 1);
}

.section_3 .box_1 .content .card {
  position: absolute;
  top: 2rem;
  left: -2rem;
  width: 6.35rem;
  height: 3.57rem;
  border-radius: .2rem;
  background: #FFF;
  box-shadow: 0 .04rem 1.07rem 0 rgba(0, 0, 0, 0.10);
  z-index: 2;
}

.section_3 .box_1 .content .card .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.4);
  z-index: -1;
}

.section_3 .box_1 .content .card .card_top .p_desc {
  color: rgba(141, 141, 141, 1);
}

.section_3 .box_1 .content .card .card_desc {
  line-height: 1.8;
  color: rgba(36, 145, 202, 1);
  margin: .38rem 0 0 0;
}

.box_1.box_3 {
  padding-bottom: 1.3rem;
}

.section_3 .box_2 {
  position: relative;
  height: auto;

}

.section_3 .box_2 .box_2_box {

  position: relative;
  top: 0;
  /* height: 100vh; */
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 2.58rem 1.4rem 6.23rem 1.4rem;
}

.section_3 .box_2 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  /* position: sticky;
  top: 0; */
}

.section_3 .box_2 .bg img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  /* position: sticky;
  top: 0; */
}

.section_3 .box_2 .left {
  position: relative;
  z-index: 2;
  margin-left: 2.52rem;
  position: sticky;
  top: 2.58rem;
  height: 100%;
}

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

.section_3 .box_2 .left .top .p_label {
  color: rgba(36, 145, 202, 1);
}

.section_3 .box_2 .left .top .p_desc {
  font-weight: 600;
  font-family: 'Microsoft YaHei';
  line-height: 1.25;
  color: rgba(113, 128, 136, 1);
}

.section_3 .box_2 .left .info {
  margin: .62rem 0 0 0;
  font-weight: 600;
  font-family: 'Microsoft YaHei';
  line-height: 1.66;
  color: rgba(36, 145, 202, 1);
}

.section_3 .box_2 .right {
  height: 100vh;
}

.section_3 .box_2 .right .item {
  width: 7.89rem;
  height: 3.81rem;
  border-radius: .2rem;
  padding: 1.19rem .65rem;
  background: rgba(255, 255, 255, 1);
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: background-color .5s ease-in-out;
  /* position: sticky; */
  /* top: 1.83rem; */
}

.section_3 .box_2 .right .item:nth-child(1) {
  z-index: 1;
}

.section_3 .box_2 .right .item:nth-child(2) {
  z-index: 2;
}

.section_3 .box_2 .right .item:nth-child(3) {
  z-index: 3;
}

.section_3 .box_2 .right .item.on {
  background: rgba(36, 145, 202, 1);
}

.section_3 .box_2 .right .item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  
}
.section_3 .box_2 .right .item.on .icon {
    /*background: rgba(36, 145, 202, 1);*/
    opacity: 0.56;
    backdrop-filter: blur(.2475rem);
}

.section_3 .box_2 .right .item .title {
  font-weight: 600;
  font-family: 'Microsoft YaHei';
  line-height: 1;
  color: rgba(51, 51, 51, 1);
  margin-bottom: .53rem;
  position: relative;
}

.section_3 .box_2 .right .item.on .title {
  color: rgba(255, 255, 255, 1);
}

.section_3 .box_2 .right .item .desc {
  font-weight: 350;
  font-family: 'Microsoft YaHei';
  line-height: 1.66;
  color: rgba(51, 51, 51, 1);
}

.section_3 .box_2 .right .item.on .desc {
  color: rgba(255, 255, 255, 1);
  position: relative;
}







.section_4 {
  /* padding: 2.58rem 1.4rem 2.23rem 1.4rem; */
  padding: 1.3rem 0 1.23rem 0;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.section_4 .top {
  display: flex;
  justify-content: space-between;
  padding: 0 1.4rem;
}


.section_4 .top .title .p_desc {
  color: rgba(141, 141, 141, 1);
}

.section_4 .top .desc {
  width: 6.69rem;
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 1.77;
  color: rgba(102, 102, 102, 1);
}

.section_4 .content {
  margin: .46rem 0 0 1.4rem;
  width: 100%;
  position: relative;
}

.section_4 .content .section_4_swiper {
  /* width: 100%; */
   overflow: hidden; 
  
}
@media (min-width: 767px) {
    .section_4 .content .section_4_swiper {
        padding-right: 66%;
    }
    .section_4 .content .section_4_swiper .swiper-wrapper {
      align-items: end;
    
    }
    .section_4 .content .section_4_swiper .swiper-slide {
      width: auto !important;
      height: 6.36rem;
      align-items: end;
      display: flex;
    }
    
    .section_4 .content .section_4_swiper .swiper-slide-active {
      width: auto !important;
    }
    .section_4 .content .item {
      margin-right: .3rem;
    }

}






.section_4 .content .item .img {
  width: 6.33rem;
  height: 4.21rem;
  border-radius: .3rem;
  margin-bottom: .3rem;
  transition: all 1s ease-in-out;
}

.section_4 .content .item.on .img {
  width: 8.58rem;
  height: 5.7rem;
  border-radius: .3rem;
}

.section_4 .content .item .name {
  font-weight: 600;
  font-family: 'Microsoft YaHei';
  line-height: 1.33;
  color: rgba(51, 51, 51, 1);
}

.section_4 .content .p_controls {
  position: absolute;
  top: .59rem;
  right: 2.2rem;
  transform: translate(-50%, -50%);
  width: 1.2rem;
  height: 1.2rem;
  z-index: 2;
}

.section_5 {
  position: relative;
  height: 9.29rem;
  background: #fff;
  padding: 1rem 0 0 0;
}

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

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

.section_5 .top {
  position: relative;
  text-align: center;
}

.section_5 .top .p_desc {
  color: rgba(141, 141, 141, 1);
}

.section_5 .p_controls_progress {
  padding: 0 1.4rem;
}

.section_5 .p_controls_progress .p_line {
  transform: translateX(-115%);
}

.section_5 .p_controls_progress .p_line .p_line_progress {
  width: 20%;
}

.section_5 .content {
  width: 100%;
  padding-left: 1.4rem;
  /* overflow: hidden; */
  margin: .5rem 0 .88rem 0;
}

.section_5 .content .section_5_swiper {
  width: 100%;
  padding-right: 79%;
  overflow: hidden;
}

.section_5 .content .item {
  width: 3.3rem;
  height: 3.67rem;
  border-radius: .15rem;
  background: rgba(255, 255, 255, .77);
  box-shadow: 0 .04rem .3rem 0 rgba(36, 145, 202, 0.10);
  backdrop-filter: blur(.08rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .2075rem;
}

.section_5 .content .item .img {
  width: 1.97rem;
  height: 2.59rem;
  border-radius: .15rem;
  border: .01rem solid rgba(36, 145, 202, 1);

  display: flex;
  align-items: center;
  justify-content: center;
}

.section_5 .content .item .img img {
  width: 1.55rem;
  height: 2.25rem;
  object-fit: contain;
}

.section_5 .content .item .name {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 1.8;
  color: rgba(51, 51, 51, 1);
}

/* 遮罩层：点击小图后覆盖整个屏幕 */
.section_5 .modal {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* 半透明黑色背景 */
    z-index: 999; /* 确保在最上层 */
    text-align: center;
}

/* 大图容器：居中显示 */
.section_5 .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 8rem;
}

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

.section_6 {
  position: relative;
  padding: 1.3rem 0 1.86rem 0;
  background: #fff;
  overflow: hidden;
}

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

.section_6 .content {
  width: 100%;
  margin: .5rem 0 0 0;
}

.section_6 .content .outer {
  width: 100%;
  /* height: 4.48rem; */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* overflow: hidden; */
  background: #fff;
  padding: .5rem;
}

.section_6 .content .inner-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: .36rem;
  transition: all 0.8s ease;
}

.section_6 .content .scroll-row {
  width: 100%;
  height: 1.15rem;
  /* overflow: hidden; */
  position: relative;
  transition: all 0.8s ease;
}

.section_6 .content .scroll-content {
  display: flex;
  gap: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: 15s linear infinite;
  width: max-content;
  transition: all 0.8s ease;
  align-items: center;
}

.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 .color-box {
  min-width: 2.6rem;
  height: 100%;
  flex-shrink: 0;
  border-radius: .15rem;
  color: rgba(51, 51, 51, 1);
  /* background: rgba(243, 244, 245, 1); */
  /* background: #fff; */
  box-shadow: 0 .03rem .15rem .01rem rgba(36, 145, 202, 0.11);
  transition: all 0.8s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .2rem;
  transition: all .5s;
}

.section_6 .content .color-box:hover {
    /*height: 110%;*/
    box-shadow: 0 .06rem .15rem .14rem rgba(36, 145, 202, 0.11);
}



.section_6 .content .outer .color-box .box-inner {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  overflow: hidden;
}


.section_6 .content .outer .color-box .box-inner img {
  width: auto;
  height: .58rem;
}

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

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

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

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

.section_7 {
  position: relative;
  background: #fff;
  height: 7.61rem;
  padding: 1.37rem 0 0 0;
  display: flex;
  align-items: center;
  flex-direction: column;
}

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

.section_7 .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_7 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section_7 .content {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.section_7 .content .title {
  font-weight: 600;
  font-family: 'Microsoft YaHei';
  line-height: 1.52;
  color: #fff;
}

.section_7 .content .desc {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  color: #fff;
  line-height: 1.6;
  width: 6.71rem;
  margin: .18rem 0 0 0;
}

.section_7 .content .p_btn {
  margin: .44rem 0 0 0;
}

.section_7 .content .p_btn .p_btn_span,
.section_7 .content .p_btn .p_btn_icon {
  border-color: #2491ca;
  color: #fff;
  background: #2491ca;
}

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

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

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

@media (max-width: 767px) {
    .banner {
        height: 106.66vw;
        padding: 60px 20px;
        position: relative;
        top: unset;
    }
    .banner .bg::after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(0,0,0,0.5)-50%, transparent 100%);
    }
    .banner .content .p_label {
        font-size: 24px;
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
    .banner .content .p_desc {
        display: none;
    }
    .banner .content .desc {
        font-size: 14px;
        width: 100%;
        text-align: center;
        margin: 20px 0 0 0;
    }
    
    .section_1 .top {
        padding: 60px 20px 40px 20px;
        flex-direction: column;
    }
    .section_1 .top .desc {
        width: 100%;
        font-size: 14px;
        margin: 25px 0 0 0;
        text-align: center;
    }
    .section_1 .top .title {
        width: 100%;
        text-align: center;
    }
    
    .section_1 .content {
        padding: 0 20px 80px 20px;
    }
    .section_1 .content .img_box {
        width: 100%;
        min-width: 100%;
        height: 108.8vw;
        min-height: 108.8vw;
    }
    .section_1 .content .img_box .img {
        height: 100%;
    }
    .section_1 .content .desc_box {
        width: 73.33vw;
        margin: 0;
        overflow-y: auto;
        height: 76.8vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .section_1 .content .desc_box .text {
        overflow-y: auto;
        height: 100%;
    }
    
    .section_2 {
        padding: 60px 0 0 0;
    }
    .section_2 .content .item .item_box {
        left: 89%;
        /*transform: translateX(-50%);*/
        transition: unset;
    }
    .section_2 .content .item.on {
        width: auto;
        margin: 0;
    }
    .section_2 .content .p_controls {
        margin: 45px 0 0 0;
    }
    .section_2 .content .item .time {
        font-size: 26px;
    }
    .section_2 .content .item .desc {
        font-size: 13px;
    }
    .section_2 .content .item .item_box .item_box_desc {
        font-size: 13px;
    }
    .section_2 .content .p_controls .btn {
        width: 35px;
        height: 35px;
    }
    .section_2 .content .p_controls .btn img {
        width: 15px;
    }
    .section_2 .content .line {
        display: none;
    }
    .section_2 .content::after {
        content: '';
        position: absolute;
        top: .92rem;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(154, 154, 154, 0.5);
    }
    
    
    .section_3 .left_menu {
        opacity: 0 !important;
        display: none;
    }
    .section_3 .box_1 {
        padding: 60px 20px;
    }
    
    
    .section_3 .box_1 .content {
        width: 100%;
        padding: 0 25px;
        height: 90.93vw;
        margin: 40px 0 0 auto;
    }
    .section_3 .box_1 .content .icon {
        display: none;
    }
    .section_3 .box_1 .content .title {
        padding: 40px 0 16px 0;
        font-size: 20px;
    }
    .section_3 .box_1 .content .desc {
        font-size: 14px;
    }
    
    .section_3 .box_2 .left {
        position: relative;
        top: unset;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        gap: 20px;
    }
    .section_3 .box_2 .left .info {
        margin: 0;
        font-size: 18px;
        text-align: center;
    }
    .section_3 .box_2 .left .top {
        text-align: center;
    }
    .section_3 .box_2 .box_2_box {
        flex-direction: column;
        padding: 60px 20px;
        gap: 49px;
    }
    .section_3 .box_2 .right {
        height: auto;
    }
    .section_3 .box_2 .right .item.on {
        background: rgba(255, 255, 255, 1);
        
    }
    .section_3 .box_2 .right .item.on .title,
    .section_3 .box_2 .right .item.on .desc{
        color: rgba(36, 145, 202, 1);
    }
    .section_3 .box_2 .right .item {
        width: 100%;
        margin-bottom: 20px;
        padding: 40px 30px;
    }
    .section_3 .box_2 .right .item .title {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .section_3 .box_2 .right .item .desc {
        font-size: 14px;
        overflow-y: auto;
    }
    .section_3 .box_2 .bg img {
        height: 100%;
    }
    .section_3 .box_1.box_3 {
        padding: 60px 0 160px 0;
    }
    .section_3 .box_1.box_3 .content {
        margin: 0;
        height: 90.93vw;
        padding: 70vw 20px 0 20px;
    }
    .section_3 .box_1 .content .bg {
        border-radius: 0;
    }
    .section_3 .box_1 .content .bg::after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.5) -50%, transparent 100%);
    }
    .section_3 .box_1 .content .bg img {
        border-radius: 0;
    }
    
    .section_3 .box_1 .content .card {
        position: relative;
        top: unset;
        left: unset;
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 35px 25px;
    }
    .section_3 .box_1 .content .card .img {
        left: 0;
        top: 0;
        transform: scale(1.6);
    }
    
    .section_4 {
        padding: 60px 0;
    }
    .section_4 .content {
        margin: 0;
    }
    .section_4 .top {
        flex-direction: column;
        padding: 0 20px;
        gap: 25px;
    }
    .section_4 .top .title {
        text-align: center;
    }
    .section_4 .top .desc {
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
    
    .section_4 .content {
        margin: 30px 0 0 0;
        padding: 0 20px;
    }
    .section_4 .content .item,
    .section_4 .content .item.on {
        height: 59.33vw;
        width: 100%;
    }
    .section_4 .content .item .img,
    .section_4 .content .item.on .img {
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .section_4 .content .p_controls {
        top: 50%;
        right: unset;
        left: 50%;
        width: 93%;
        transform: translate(-50%,-110%);
        justify-content: space-between;
    }
    .section_4 .content .p_controls .btn {
        background: #fff;
        width: 35px;
        height: 35px;
        flex-shrink: 0;
    }
    .section_4 .content .p_controls .btn img {
        width: 15px;
    }
    .section_4 .content .p_controls .btn .normal {
        display: none;
    }
    .section_4 .content .p_controls .btn .active {
        display: block;
    }
    .section_4 .content .section_4_swiper {
        height: 78vw;
    }
    .section_4 .content .item .name {
        font-size: 17px;
        text-align: center;
        margin: 25px 0 0 0;
    }
    
    .section_5 {
        padding: 0 0 60px 0;
        overflow: hidden;
    }
    .section_5 .content {
        padding-left: 20px;
        margin: 30px 35px;
    }
    .section_5 .content .section_5_swiper {
        padding-right: 33%;
    }
    .section_5 .p_controls_progress {
        padding: 0 20px;
        flex-direction: row-reverse;
    }
    .section_5 .p_controls_progress .p_line {
        transform: unset;
    }
    .section_5 .p_controls_progress .p_page  {
        display: none;
    }
    .section_5 .content .item {
        width: 58.8vw;
        height: 71.33vw;
        gap: 15px;
    }
    .section_5 .content .item .img {
        width: 37.46vw;
        height: 49.06vw;
    }
    .section_5 .content .item .img img {
        width: 29.33vw;
        height: 42.66vw;
    }
    .section_5 .content .item .name {
        font-size: 14px;
        padding: 0 20px;
        -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    
    
    
    .section_6 {
        overflow: hidden;
    }
    
    .section_6 .content .scroll-row {
        height: 20.93vw;
    }
    .section_6 .content .color-box {
        min-width: 47.33vw;
    }
    .section_6 .content .inner-wrap {
        gap: 25px;
    }
    .section_6 .content .outer .color-box .box-inner img {
        height: 10.33vw;
    }
    .section_6 .content .scroll-content {
        gap: 14px;
    }
    
    .section_7 {
        height: 106.4vw;
        padding: 50px 20px 0 20px; 
    }
    .section_7 .content .title {
        font-size: 23px;
    }
    .section_7 .content .desc {
        font-size: 14px;
        margin: 20px 0 0 0;
        text-shadow: 0 4px 20.4px rgba(0, 0, 0, 0.00);
    }
    .section_7 .content .p_btn {
        margin: 40px 0 0 0;
    }
    .section_7 .content .p_btn .p_btn_span {
        background: rgba(36, 145, 202, 1);
        color: #fff;
    }
    .section_7 .content .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;
    }
    
    
}