.container {
  position: relative;
}

.container .banner {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 10.80rem; */
  height: 100vh;
}
.container .banner .banner_bg {
    width: 100%;
  height: 100%;
}
.container .banner .banner_img {
  width: 100%;
  height: 120%;
  object-fit: cover;
  position: relative;
}
.container .banner .banner_bg::after {
    width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 53.7%, rgba(0, 0, 0, 0.70) 100.67%);
}
.container .banner .banner_content {
  position: absolute;
  color: #fff;
  top: 3.17rem;
  left: 1.37rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 6.6rem;
}

.container .banner .banner_content span {
  font-family: 'Medium';
  line-height: 150%;
  margin: 0 0 .05rem 0;
}

.container .banner .banner_content p.desc_1 {
  font-family: 'Light';
  font-weight: 275;
  line-height: 150%;
  color: rgba(255, 255, 255, 1);
  margin: 0 0 .57rem 0;
}

.container .banner .banner_content p.desc_2 {
  font-family: 'Regular';
  font-weight: 400;
  line-height: 150%;
  color: rgba(255, 255, 255, 1);
}

.container .section_1 {
  padding: 2.41rem 1.33rem 1rem 1.33rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* background: #fff; */
}

.container .section_1 .zz {
  position: absolute;
  top: -.5rem;
  left: 0;
  width: 100%;
  height: 2rem;
  z-index: 0;
}


.container .section_1 .zz:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 21.35rem;
  height: 2.57rem;
  background: url('../img/f_solid.png');
  background-size: 100% 100%;
  z-index: -2;
  animation: wave-flow 5s linear infinite;
}

@keyframes wave-flow {
  0% {
    background-position: 0 0;
  }

  100% {
    /* 背景图宽度 200px 时，移动 -200px 实现循环 */
    background-position: -21.35rem 0;
  }
}

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

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

.container .section_1 .crumb {
  display: flex;
  align-items: center;
  color: #666;
  width: 16.6rem;
  margin: 0 auto .8rem auto;
  z-index: 1;
  position: relative;
  width: 100%;
}

.container .section_1 .crumb .crumb-home {
  display: block;
  width: .24rem;
  height: .24rem;
  margin-right: .1rem;
}

.container .section_1 .crumb .crumb_arrow {
  display: block;
  width: .14rem;
  height: .14rem;
  margin-right: .1rem;
}

.container .section_1 .crumb a:last-child {
  color: #333;
}

.container .section_1 .crumb a {
  font-family: 'regular';
  font-weight: 400;
  color: rgba(26, 56, 55, 1);
}

.container .section_1 .info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.container .section_1 .info .icon {
  width: .37rem;
  height: auto;
}

.container .section_1 .info .title {
  font-family: 'Medium';
  font-weight: 500;
  line-height: 120%;
  color: rgba(29, 95, 99, 1);
  margin: .2447rem 0 .15rem 0;
}

.container .section_1 .info .desc {
  font-family: 'Light';
  font-weight: 275;
  line-height: 150%;
  color: rgba(102, 119, 120, 1);
  margin: 0 0 .42rem 0;
}

.container .section_1 .content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.container .section_1 .content .swiper_section_1 {
     width: 100%;
    max-width: 100%;
  overflow: hidden;
}

.container .section_1 .content .item {
  width: 100%;
  border-radius: .16rem;
  overflow: hidden;
}

.container .section_1 .content .item .img_box {
  width: 100%;
  height: 2.32rem;
  overflow: hidden;
}

.container .section_1 .content .item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease-in-out;
}

.container .section_1 .content .item:hover .img_box img {
  transform: scale(1.05);
}

.container .section_1 .content .item .content_box {
  padding: .32rem .34rem;
  display: flex;
  flex-direction: column;
  background: rgba(240, 247, 247, 1);
  transition: all 0.5s ease-in-out;
}

.container .section_1 .content .item:hover .content_box {
  background: rgba(29, 95, 99, 1);
}

.container .section_1 .content .item .content_box .title {
  font-family: 'Medium';
  font-weight: 500;
  line-height: 150%;
  color: rgba(29, 95, 99, 1);
  margin: 0 0 .1889rem 0;
}

.container .section_1 .content .item:hover .content_box .title {
  color: rgba(255, 255, 255, 1);
}

.container .section_1 .content .item .content_box .desc {
  font-family: 'Regular';
  font-weight: 400;
  line-height: 150%;
  color: rgba(26, 56, 55, .8);
  margin: 0 0 .4032rem 0;
  height: 1rem;
  overflow-y: auto;

  /*display: -webkit-box;*/
  /*-webkit-box-orient: vertical;*/
  /*-webkit-line-clamp: 2;*/
  /*overflow: hidden;*/
}
.container .section_1 .content .item .content_box .desc::-webkit-scrollbar {
    /*margin: 0 0 0 10px;*/
    padding: 0 0 0 10px;
}

.container .section_1 .content .item:hover .content_box .desc {
  color: rgba(255, 255, 255, .8);
}

.container .section_1 .content .item .content_box .page {
  font-family: 'Medium';
  font-weight: 500;
  line-height: 150%;
  color: rgba(153, 153, 153, 1);
}

.container .section_1 .content .item:hover .content_box .page {
  color: rgba(245, 247, 250, 1);
}

.container .section_1 .content .item .content_box .page strong {
  font-family: 'Medium';
  font-weight: 700;
  line-height: 150%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(83deg, #0092DF -11.69%, #5BB531 108.84%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.container .section_1 .content .item:hover .content_box .page strong {
  color: rgba(255, 255, 255, 1);
}

.container .section_1 .content .btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .24rem;
  margin: .56rem;
}

.container .section_1 .content .btns .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.11rem;
  height: .44rem;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.container .section_1 .content .btns .btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(83.17deg, #0092DF -11.69%, #5BB531 108.84%);
  z-index: 0;
  padding: .01rem;
  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 .section_1 .content .btns .btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(83.17deg, #0092DF -11.69%, #5BB531 108.84%);
  z-index: -1;
  opacity: 0;
  transition: all 0.5s ease;
}

.container .section_1 .content .btns .btn:hover::after {
  opacity: 1;
}
/* .container .section_1 .content .btns .btn:hover {
  background: linear-gradient(83deg, #0092DF -11.69%, #5BB531 108.84%);
} */

.container .section_1 .content .btns .btn.prev,
.container .section_1 .content .btns .btn.prev::after,
.container .section_1 .content .btns .btn.prev::before {
  border-radius: .24rem 0 .24rem 0;
}

.container .section_1 .content .btns .btn.next,
.container .section_1 .content .btns .btn.next::after,
.container .section_1 .content .btns .btn.next::before {
  border-radius: 0 .24rem 0 .24rem;
}

.container .section_1 .content .btns .btn img.normal,
.container .section_1 .content .btns .btn:hover img.active {
  display: block;
}

.container .section_1 .content .btns .btn:hover img.normal,
.container .section_1 .content .btns .btn img.active {
  display: none;
}

.container .section_2 {
  position: relative;
  /* top: 0; */
  background: #fff;
  height: auto;
  /* height: 100vh;
  overflow-y: auto; */
  z-index: 1000;
}

.container .section_2::-webkit-scrollbar {
  display: none;
}

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

.container .section_2 .bg .bg_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}



.container .section_2 .tabs_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: height .5s ease-in-out;
  background: #fff;
  padding: 0 1.4rem;
  display: flex;
  align-items: center;
  gap: 3.59rem;
  box-shadow: 0 0 .47rem 0 rgba(220, 222, 229, 0.5);
  z-index: 5;
  overflow: hidden;
}

.container .section_2 .tabs_box .label {
  font-weight: 500;
  font-family: 'Medium';
  line-height: 150%;
  color: rgba(29, 95, 99, 1);
}

.container .section_2 .tabs_box .tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.4rem;
  height: 100%;
}

.container .section_2 .tabs_box .tab {
  font-weight: 500;
  font-family: 'Medium';
  line-height: 150%;
  color: rgba(26, 56, 55, 1);
  cursor: pointer;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.container .section_2 .tabs_box .tab:hover,
.container .section_2 .tabs_box .tab.active {
  background: linear-gradient(83deg, #0092DF -11.69%, #5BB531 108.84%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  border-bottom: .01rem solid linear-gradient(83deg, #0092DF -11.69%, #5BB531 108.84%);
}

.container .section_2 .tabs_box .tab:hover::after {
  content: '';
  position: absolute;
  bottom: .01rem;
  left: 0;
  width: 100%;
  height: .02rem;
  background: linear-gradient(83deg, #0092DF -11.69%, #5BB531 108.84%);
}

.container .section_2 .content {
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  transition: all .5s ease-in-out;
}

.container .section_2 .content:nth-child(odd) .info {
  align-items: end;
}


.container .section_2 .content .info {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  position: relative;
  height: 100%;
  padding: 2.41rem 1.33rem 1.67rem 1.33rem;
}

.container .section_2 .content .info .info_box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  height: 100%;
}

.container .section_2 .content .info .left_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.container .section_2 .content:nth-child(odd) .info .left_bg {
    display: none;
}
.container .section_2 .content .info .right_bg {
    display: none;
    position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container .section_2 .content:nth-child(odd) .info .right_bg {
  display: block;
}

/* Custom Pagination Styles */
.container .content_box {
  position: relative;
}

.container .content_box .pagination_2 {
  position: absolute;
  left: 0;
  bottom: -.46rem;
  display: flex;
  justify-content: start;
  padding-right: .6em;
  z-index: 100;
}

.container .content_box .pagination_2 .swiper-pagination-bullet {
  width: .32rem;
  height: .01rem;
  margin: 0 .1rem;
  background: rgba(51, 51, 51, 1);
  /* opacity: 1; */
  transition: all 1.5s ease;
}

.container .content_box .pagination_2 .swiper-pagination-bullet-active {
  /* width: .3rem; */
  /* border-radius: .06rem; */
  background: linear-gradient(83deg, #0092DF -11.69%, #5BB531 108.84%);
}

.container .section_2 .content .info .icon {
  position: relative;
  width: .37rem;
  height: auto;
}

.container .section_2 .content .info .title {
  position: relative;
  font-family: 'Medium';
  font-weight: 500;
  line-height: 150%;
  color: rgba(29, 95, 99, 1);
  margin: .2447rem 0 .15rem 0;
}

.container .section_2 .content .info .desc {
  position: relative;
  font-family: 'Light';
  font-weight: 275;
  line-height: 150%;
  color: rgba(102, 119, 120, 1);
  margin: 0 0 .32rem 0;
}

.container .section_2 .content .info .desc_2 {
  position: relative;
  font-family: 'Regular';
  font-weight: 400;
  line-height: 150%;
  color: rgba(26, 56, 55, 1);
  margin: 0 0 .62rem 0;
  width: 5.54rem;
}

.container .section_2 .content .info .content_box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .16rem;
  width: 5.8rem;
}

.container .section_2 .content .info .content_box .swiper_section_2 {
  width: 100%;
  overflow: hidden;
}



.container .section_2 .content .info .content_box .item {
  width: 2.64rem;
  height: 2.78rem;
  border-radius: .1rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: url('../img/solution_detail_section2_icon_bg.png') no-repeat center center;
  background-size: cover;
}

.container .section_2 .content .info .content_box .item .img {
  width: 1.19rem;
  height: .99rem;
  object-fit: cover;
  margin: .33rem 0 .28rem 0;
}

.container .section_2 .content .info .content_box .item .title {
  font-family: 'Medium';
  font-weight: 500;
  line-height: 150%;
  color: rgba(26, 56, 55, 1);
  /* margin: .2447rem 0 .25rem 0; */
  margin: 0 0 .1rem 0;
}

.container .section_2 .content .info .content_box .item .desc {
  font-family: 'Light';
  font-weight: 275;
  line-height: 150%;
  color: rgba(102, 119, 120, 1);
  /* margin: 0 0 .32rem 0; */
  margin: 0 0 .16rem 0;
}

.container .section_2 .content .info .content_box .item .btn {
  font-family: 'Medium';
  font-weight: 500;
  line-height: 150%;
  color: rgba(26, 56, 55, 1);
  margin: 0 0 .3rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .1rem;
}

.container .section_2 .content .info .content_box .item .btn span {
  background: linear-gradient(83deg, #0092DF -11.69%, #5BB531 108.84%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.container .section_2 .content .info .content_box .item .btn img {
  width: .1rem;
}

.container .section_3 {
  /* padding: 2.56rem 1.33rem 1.25rem 1.33rem; */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100vh;

  background: url('../img/solution_section3_bg.png') no-repeat center center / cover;
    background-attachment: fixed;
}

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

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



.container .section_3 .content {
  width: 16.54rem;
  /* height: 6.97rem; */
  border-radius: .16rem;
  padding: 1rem 1.47rem 1.05rem 1.47rem;
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(1.186rem);
}

.container .section_3 .content .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 .73rem 0;
  border-bottom: .01rem solid rgba(102, 119, 120, 0.23);
}

.container .section_3 .content .top .info {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}

.container .section_3 .content .top .info .icon {
  width: .37rem;
  height: auto;
}

.container .section_3 .content .top .info .title {
  font-family: 'Medium';
  font-weight: 500;
  line-height: 150%;
  color: rgba(29, 95, 99, 1);
  margin: .2447rem 0 .15rem 0;
}

.container .section_3 .content .top .info .desc {
  font-family: 'Light';
  font-weight: 275;
  line-height: 150%;
  color: rgba(102, 119, 120, 1);
  margin: 0 0 .32rem 0;
}

.container .section_3 .content .top .desc_2 {
  font-family: 'Medium';
  font-weight: 400;
  line-height: 180%;
  color: rgba(26, 56, 55, 0.8);
  width: 6.02rem;
}

.container .section_3 .content .bottom {
  display: flex;
  gap: .43rem;
  align-items: center;
  margin: .55rem 0 0 0;
}

.container .section_3 .content .bottom .item {
  width: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.container .section_3 .content .bottom .item .dottedLine {
  width: .97rem;
  height: .97rem;

}

.container .section_3 .content .bottom .item .dottedLine img.normal,
.container .section_3 .content .bottom .item:hover .dottedLine img.active {
  display: block;
}

.container .section_3 .content .bottom .item .dottedLine img.active,
.container .section_3 .content .bottom .item:hover .dottedLine img.normal {
  display: none;
}

.container .section_3 .content .bottom .item .title {
    position: absolute;
    top: 1.05rem;
    width: 2.1rem;
    text-align: center;
}

.container .section_3 .content .bottom .split {
  flex: 1;
  border: .01rem dashed rgba(0, 104, 53, 1);
}

.container .section_3 .content .bottom_title {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;

  font-family: 'Medium';
  font-weight: 500;
  line-height: 150%;
  color: rgba(26, 56, 55, 1);
  /* margin: .3rem 0 0 0; */
  gap: .7rem;
}

.container .section_3 .content .bottom_title .title {
  /*min-width: 1.2rem;*/
  width: 2.4rem;
  text-align: center;
  font-family: 'Medium';
  font-weight: 500;
  line-height: 150%;
  color: rgba(26, 56, 55, 1);
  /* margin: .3rem 0 0 0; */
}

.container .section_3 .content .bottom_info {
  margin: .6404rem auto 0 auto;
  width: 11.86rem;
  height: 1rem;
  overflow-y: auto;
}

.container .section_3 .content .bottom_info p {
  display: none;
  font-family: 'Light';
  font-weight: 300;
  line-height: 180%;
  color: rgba(26, 56, 55, 0.8);
  text-align: center;
  height: .81rem;
}

.container .section_3 .content .bottom_info p.active {
  display: block;
}

.container .section_3 .content .bottom_m {
    display: none;
}

.container .section_4 {
  padding: 1.71rem 2rem 1.07rem 2rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

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

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

.container .section_4 .info {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}

.container .section_4 .info .icon {
  width: .37rem;
  height: auto;
}

.container .section_4 .info .title {
  font-family: 'Medium';
  font-weight: 500;
  line-height: 120%;
  color: rgba(29, 95, 99, 1);
  margin: .2447rem 0 .15rem 0;
}

.container .section_4 .info .desc {
  font-family: 'Light';
  font-weight: 275;
  line-height: 150%;
  color: rgba(102, 119, 120, 1);
  margin: 0 0 .32rem 0;
}

.container .section_4 .content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .37rem;
  background: rgba(255, 255, 255, 1);
  backdrop-filter: blur(1.186rem);
  padding: .48rem .66rem;
  border-radius: .16rem;
  height: 6.71rem;
}


.container .section_4 .content .img_box {
  width: 9.45rem;
  /* height: 5.83rem; */
  height: 6rem;
  border-radius: .1rem;
  overflow: hidden;
  position: relative;
  display: none;
}

.container .section_4 .content .img_box.active {
  display: block;
}

.container .section_4 .content .img_box .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease-in-out;

}

.container .section_4 .content .img_box .video {}

.container .section_4 .content .img_box:hover .img {
  transform: scale(1.05);
}

.container .section_4 .content .img_box .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: .6rem;
  height: .6rem;
}

.container .section_4 .content .list {
  /* display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; */
  width: 5.38rem;
  height: 6rem;
  border-radius: .1rem;
  /*overflow: hidden;*/
  padding: .26rem 0;
  flex-shrink: 0;
  background: rgba(245, 249, 247, 0.8);
  position: relative;

}

.container .section_4 .content .list .list_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.container .section_4 .content .list .list_item {
  display: flex;
  flex-direction: column;
  padding: 0 0 .2rem 0;
  margin: 0 .26rem .2rem .26rem;
  position: relative;
  border-bottom: .01rem solid rgba(220, 222, 229, .6);
}

.container .section_4 .content .list .list_item.active {
  /* transform: scaleX(1.1) scaleY(1.2); */
  background: #fff;
  padding: .23rem .26rem;
  box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, 0.1);
  border-radius: .1rem;
  width: 100%;
  height: 2.28rem;
  margin: 0 0 .2rem 0;
}

.container .section_4 .content .list .list_item .item_img {
  width: 1.4rem;
  display: none;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
}

.container .section_4 .content .list .list_item:hover .item_img {
  display: block;
}

.container .section_4 .content .list .list_item:last-child {
  margin: 0 .26rem;
  border-bottom: none;
}
.container .section_4 .content .list .list_item.active:last-child {
  margin: 0;
  border-bottom: none;
}

.container .section_4 .content .list .list_item .label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.container .section_4 .content .list .list_item .label .label_box {
  font-family: 'Medium';
  font-weight: 500;
  line-height: 150%;
  color: rgba(29, 95, 99, 1);
  display: flex;
  justify-content: space-between;
  align-items: center;

  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}

.container .section_4 .content .list .list_item .label .icon {
  color: rgba(29, 95, 99, 1);
  font-weight: 500;
}

.container .section_4 .content .list .list_item .label .icon {
  width: .2172rem;
  height: .2172rem;
}

.container .section_4 .content .list .list_item.active .label .icon .close,
.container .section_4 .content .list .list_item .label .icon .open {
  display: none;
}

.container .section_4 .content .list .list_item .label .icon .close,
.container .section_4 .content .list .list_item.active .label .icon .open {
  display: block;
}


.container .section_4 .content .list .list_item .value {
  display: flex;
  flex-direction: column;
  height: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-in-out;
}

.container .section_4 .content .list .list_item.active .value {
  height: auto;
  max-height: 1.2rem;
  margin-top: .14rem;
}

.container .section_4 .content .list .list_item .value {
  font-family: 'Light';
  font-weight: 300;
  line-height: 150%;
  color: rgba(26, 56, 55, 1);
  list-style: disc;
}

.container .section_5 {
  padding: 1.3rem 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.container .section_5 .footer {
  position: absolute;
  top: 110vh;
}

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

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

.container .section_5 .form-container {
  width: 12.4rem;
  background: rgba(70, 94, 113, 0.3);
  backdrop-filter: blur(.08rem);
  padding: .4rem .5rem 1.07rem .5rem;
  border-radius: .08rem;
  box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.15);
  color: #fff;
  backdrop-filter: blur(.6rem);
  margin: 0 0 .93rem 0;
}

.container .section_5 .form-title {
  text-align: center;
  margin-bottom: .4rem;
  font-weight: 500;
  color: #fff;
  font-family: 'Medium';
}

.container .section_5 .form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: .3rem;
  gap: .3rem;
}

.container .section_5 .form-item {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.container .section_5 .form-item label {
  margin-bottom: .1rem;
  color: #fff;
  font-family: 'Regular';
}

.container .section_5 .form-item label::before {
  content: "*";
  color: red;
  margin-right: .04rem;
}

.container .section_5 .form-item input,
.container .section_5 .form-item textarea {
  padding: .12rem .15rem;
  background: rgba(50, 68, 88, 0.4);
  border: .01rem solid rgba(255, 255, 255, 0.3);
  border-radius: .04rem;
  color: #fff;
  outline: none;
  transition: border-color 0.3s;
}

.container .section_5 .form-item input {
  height: .5rem;
}

/* .container .section_5 .form-item input:focus,
.container .section_5 .form-item textarea:focus {
    border-color: #fff;
} */

.container .section_5 .form-item input::placeholder,
.container .section_5 .form-item textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Regular';
}

.container .section_5 .form-textarea {
  flex: 100%;
}

.container .section_5 .form-item textarea {
  min-height: 1.2rem;
  resize: vertical;
  line-height: 1.5;
}

.container .section_5 .submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .1rem;
  margin: .3rem auto 0;
  padding: .12rem .3rem;
  background: rgba(255, 255, 255, 0.2);
  border: .01rem solid rgba(255, 255, 255, 0.4);
  border-radius: .24rem 0 .24rem 0;
  color: #fff;
  cursor: pointer;
  transition: background 0.3s;
  font-family: 'Regular';
  font-weight: 400;
}

.container .section_5 .submit-btn .icon {
  width: .1rem;
}

.container .section_5 .submit-btn:hover {
  background: rgba(255, 255, 255, 0.3);
}








@media (max-width: 767px) {
    .container .banner {
        height: 134.6vw;
    }
    .container .banner .banner_content span {
        font-size: 26px;
    }
    .container .banner .banner_content p {
        font-size: 13px;
    }
    
    
    .f_16 {
        font-size: 12px;
    }
    .f_18 {
        font-size: 13px;
    }
    .f_20 {
        font-size: 13px;
    }
    .f_52 {
        font-size: 23px;
    }
    
    .container .banner .banner_content {
        left: 17px;
    }
    .container .section_1 {
        padding: 2.41rem 17px 1rem 17px;
    }
    
    .swiper_section_1 .swiper-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .container .section_1 .bg {
        background: #fff;
    }
    .container .section_1 .bg img {
            width: 100%;
            height: auto;
            object-fit: cover;
            position: absolute;
            top: -.5rem;
            object-position: top;
    }
    .container .section_1 .zz {
            top: -1rem;
    }
    .container .section_1 .content .item .content_box .desc {
        height: 54px;
    }
    
    .container .section_1 .content .item .img_box {
        height: 3.32rem;
    }
    .container .section_2 .tabs_box .label {
        flex-shrink: 0;
    }
    
    .container .section_2 .tabs_box {
        padding:  0 17px;
        display: none;
    }
    .container .section_2 .tabs_box .tab {
        flex-shrink: 0;
    }
    .container .section_2 {
        z-index: 1;
    }
    .container .section_2 .content .info {
        padding: 0 17px;
    }
    .container .section_2 .content:nth-child(odd) .info {
        align-items: start;
    }
    .container .section_2 .content .info .left_bg {
            object-position: 30%;
    }
    .container .section_2 .content {
        height: 170vw;
    }
    .container .section_2 .content .info .content_box .item {
        height: 200px;
        width: 144px;
    }
    .container .section_2 .content .info .content_box .item .title {
        font-weight: 300;
            text-align: center;
    }
    .container .section_2 .content .info .content_box .item .desc {
        height: 100px;
            text-align: center;
    }
    .container .section_2 .content .info .content_box .item .btn span {
        font-size: 12px;
    }
    .container .section_2 .content .info .right_bg {
        object-position: 79%;
    }
    
    
    .container .section_3 {
        padding: 0 17px;
        width: 100%;
    }
    .container .section_3 .content .top {
        flex-direction: column;
    }
    .container .section_3 .content .top .info {
        align-items: center;
    }
    .container .section_3 .content {
        padding: 1rem 17px 1.05rem 17px;
        width: 100%;
    }
    .container .section_3 .content .bottom_info {
        width: 100%;
    }
    .container .section_3 .content .bottom .split {
        flex: unset;
    }
    
    .container .section_3 .content .bottom {
        display: none;
    }
    .container .section_3 .content .bottom_m {
        display: flex;
        flex-direction: column;
        margin: 22px 0 44px 0;
        gap: 1.6rem;
        position: relative;
        padding:  0 17px 0 0;
    }
    
     .container .section_3 .content .bottom_m .line_item {
         display: flex;
         align-items: center;
         justify-content: space-between;
     }
     
     .container .section_3 .content .bottom_m .item {
      width: 1.2rem;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }
    
    .container .section_3 .content .bottom_m .item .dottedLine {
      width: .97rem;
      height: .97rem;
    
    }
    
    .container .section_3 .content .bottom_m .item .dottedLine img.normal,
    .container .section_3 .content .bottom_m .item:hover .dottedLine img.active {
      display: block;
    }
    
    .container .section_3 .content .bottom_m .item .dottedLine img.active,
    .container .section_3 .content .bottom_m .item:hover .dottedLine img.normal {
      display: none;
    }
    
    .container .section_3 .content .bottom_m .item .title {
        position: absolute;
        top: 1.05rem;
        width: 2.1rem;
        text-align: center;
        font-size: 12px;
    }
    .container .section_3 .content .bottom_m .split {
      /*flex: 1;*/
      width: 48px;
      border: .01rem dashed rgba(0, 104, 53, .5);
    }
    
    .container .section_3 .content .bottom_m::after {
        content: '';
        position: absolute;
        /*width: 1px;*/
        height: 48px;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
        border: .01rem dashed rgba(0, 104, 53, .5);
    }
    
    
    .container .section_4 {
        padding: 1.71rem 17px 1.07rem 17px;
    }
    .container .section_4 .content {
        height: auto;
        flex-direction: column;
        padding: 17px;
    }
    .container .section_4 .content .img_box {
        width: 100%;
        height: auto;
    }
    .container .section_4 .content .img_box .video {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
    .container .section_4 .content .list {
        height: auto;
        width: 100%;
    }
    
    .container .section_5  {
            padding: 1.3rem 17px 0 17px;
    }
    .container .section_5 .form-container {
        width: 100%;
    }
    .container .section_5 .form-row {
        flex-direction: column;
    }
    .container .section_5 .form-item input {
        height: .7rem;
    }
    .container .section_5 .form-item label {
        margin: 0 0 10px 0;
    }
    .container .section_5 .form-item textarea::placeholder {
        font-size: 13px;
    }
}