.i_part4 .list .item .txt .mor img {
    transition: all .4s ease;
}
.i_part4 .list .item .txt {
    overflow: hidden;
    position: relative;
    transition: all .4s ease;
}

.i_part4 .list .item .txt::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #12B8D7;
    top: 0;
    left: 0;
    transform: translateY(-102%);
    transition: all .4s ease;
    border-radius: 0 0 0.2rem 0.2rem;
}
.i_part4 .list .item .txt .mor .icon {
    width: 0.3rem;
    height: 0.3rem;
    margin-left: 0.12rem;
    position: relative;
}
.i_part4 .list .item .txt .mor .icon img  {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.i_part4 .list .item .txt .mor .icon img.img1 {
    opacity: 1;
}
.i_part4 .list .item:hover .txt .mor .icon img.img2 {
    opacity: 1;
}
.i_part4 .list .item:hover .txt .mor .icon img.img1 {
    opacity: 0;
}
.i_part4 .list .item:hover .txt::before {
    transform: translateY(0);
}
.i_part4 .list .item .txt .day {
    position: relative;
    z-index: 2;
}
.i_part4 .list .item .txt .h {
    position: relative;
    z-index: 2;
}
.i_part4 .list .item .txt .mor {
    position: relative;
    z-index: 2;
}
.new2 .content .list .item .pic {
    border-radius: 10px 10px 0 0;
}
.new2 .content .list .item {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
}
.new2 .content .list .item .text {
    flex: 1;
    position: relative;
    overflow: hidden;
}
.new2 .content .list .item .text::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #12B8D7;
    left: 0;
    z-index: 1;
    transform: translateY(-102%);
    transition: all .4s ease;
    border-radius: 0 0 0.2rem 0.2rem;
}

.new2 .content .list .item:hover .text::before {
    transform: translateY(0);
}
.new2 .content .list .item:hover .text .t1 {
    color: #fff;
}
.new2 .content .list .item:hover .text .h1 {
    color: #fff;
}
.new2 .content .list .item:hover .text .time {
    color: #fff;
}
.new2 .content .list .item:hover .text .time .ico {
  filter: brightness(100) grayscale(100);
}
.new2 .content .list .item .text .t1 {
    position: relative;
    transition: all .4s ease;
    z-index: 2;
}
.new2 .content .list .item .text .h1 {
    position: relative;
    z-index: 2;
    transition: all .4s ease;
}

.new2 .content .list .item .text .time {
    position: relative;
    z-index: 2;
    transition: all .4s ease;
}
.new2 .content .list .item .text .time .ico {
    /*transition: all .4s ease;*/
}

.about1 {
  padding: 1.7rem 0 0;
  margin: 0 1.6rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  border-radius: 0 0 0.2rem 0.2rem;
}
.about1 .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.about1 .top .left_tit {
  width: fit-content;
}
.about1 .top .left_tit .tit1 {
  width: 7.21rem;
  height: auto;
}
.about1 .top .left_tit .tit {
  font-size: 1.2rem;
  color: #12b8d7;
  font-weight: 600;
  line-height: 1;
}
.about1 .top .left_tit .tit.tit2 {
  text-align: right;
  margin-bottom: -0.2rem;
}
.about1 .top .left_tit .tit.tit3 {
  text-align: center;
}
.about1 .top .right {
  width: 7.6rem;
}
.about1 .top .right .h1 {
  font-size: 0.28rem;
  color: var(--viColor);
  margin-bottom: 0.3rem;
  line-height: 1.4;
}
.about1 .top .right .h2 {
  font-size: 0.5rem;
  color: #666;
  margin-bottom: 0.63rem;
  font-weight: 300;
  line-height: 1.36;
}
.about1 .top .right .p1 {
  font-size: 0.18rem;
  line-height: 1.4;
  color: #666;
  max-height: 14em;
  overflow: auto;
}

.about1 .top .right .p1 p{font-size: 16px!important;}
.about1 .top .right .p1 span{font-size: 16px!important;}

.about1 .top .right .p1 b {
  font-weight: 600;
  color: #333;
}
.about1 .bottom {
  width: 100%;
  height: 6.25rem;
  position: relative;
  background: url(../img/version1/05.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 0.2rem;
}
.about1 .bottom img {
  width: auto;
  height: 7.82rem;
  position: absolute;
  bottom: 0;
  border-radius: 0.2rem;
  left: 0;
  transform-origin: bottom center;
  transform: translateY(4rem);
}
.about2 {
  padding: 0.67rem 1.6rem 1.07rem;
  position: relative;
  overflow: hidden;
}
.about2 .bgimg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.about2 .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about2 .cont {
  position: relative;
  z-index: 2;
}
.about2 .cont .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.6rem;
}
.about2 .cont .top .left {
  width: 6.5rem;
}
.about2 .cont .top .left .h1 {
  font-size: 0.5rem;
  line-height: 1.4;
  font-weight: 300;
  color: #666;
  margin-bottom: 0.2rem;
}
.about2 .cont .top .left .p1 {
  color: var(--viColor);
  font-size: 0.45rem;
  font-weight: 700;
  line-height: 1.4;
}
.about2 .cont .top .right {
  width: 6.54rem;
  line-height: 1.4;
  color: #666;
  font-size: 0.18rem;
}
.about2 .cont .top .right p {
  font-size: 16px !important;
  text-align: left!important;
}
.about2 .cont .top .right span {
  font-size: 16px !important;
}

.about2 .cont .bottom {
  column-gap: 0.3rem;
  display: flex;
}
.about2 .cont .bottom .item {
  width: calc((100% - 0.3rem * 3) / 4);
  border-radius: 20px;
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  height: 2rem;
  background: rgba(219, 219, 219, 0.2);
  padding: 0.33rem 0.4rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.about2 .cont .bottom .item .h1 {
  font-size: 0.18rem;
  color: #888;
}
.about2 .cont .bottom .item .num_box {
  display: flex;
  align-items: center;
  justify-content: end;
}
.about2 .cont .bottom .item .num_box .num {
  font-size: 0.6rem;
  color: var(--viColor);
  font-weight: 600;
}
.about2 .cont .bottom .item .num_box .num_f {
  font-size: 0.26rem;
  color: var(--viColor);
  font-weight: 600;
  transform: translateY(0.1rem);
}
.about3 {
  width: 100%;
  height: 100vh;
  padding: 1rem 1.6rem 0;
  overflow: hidden;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.about3 .top .h1 {
  text-align: center;
  font-size: 0.5rem;
  line-height: 1.18;
  color: #666;
  margin-bottom: 0.2rem;
}
.about3 .top .p1 {
  text-align: center;
  font-weight: 700;
  color: var(--viColor);
  margin-bottom: 0.46rem;
  font-size: 0.5rem;
}
.about3 .swiper1 {
  margin-bottom: 0.4rem;
  position: relative;
  z-index: 2;
  border-radius: 0.15rem;
  overflow: hidden;
  width: 100%;
 
}
.about3 .swiper1 .swiper-slide {
  width: 8.7rem;
  height: 45vh;
  border-radius: 0.15rem;
  overflow: hidden;
  /*opacity: 0;*/
  transition: opacity 0.3s ease;
}
.about3 .swiper1 .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.about3 .swiper1 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about3 .swiper2_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    column-gap: 1rem;
      border-bottom: 1px solid #e8e8e8;
      margin-bottom: 0.3rem;
}

.about3 .swiper2_box .item {
  font-size: 0.22rem;
  padding-bottom: 0.14rem;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.about3 .swiper2_box .item.on {
  color: #333;
  border-bottom-color: var(--viColor);
}

.about3 .swiper2 {
  overflow: hidden;
  margin: 0 auto;
  width: 6rem;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 0.3rem;
}
.about3 .swiper2 .swiper-slide {
  text-align: center;
  font-size: 0.22rem;
  padding-bottom: 0.14rem;
  transition: all 0.4s ease;
  width: fit-content;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.about3 .swiper2 .swiper-slide.swiper-slide-active {
  color: #333;
  border-bottom-color: var(--viColor);
}
.about3 .text_box .text_box_h1 {
  display: none;
  text-align: center;
  font-size: 0.22rem;
  color: #666;
  line-height: 1.6;
}
.about3 .text_box .text_box_h1.on {
  display: block;
}
.about4 {
  width: 100%;
  position: relative;
}
.about4 .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.5;
  background: #F2F4F6;
}
.about4 .cont {
  padding: 1.65rem 0 0;
  width: 100%;
  position: relative;
  height: 10.8rem;
  z-index: 2;
  overflow: hidden;
}
.about4 .cont .top {
  padding: 0 1.6rem;
  position: relative;
  z-index: 2;
  top: -2vw;
}
.about4 .cont .top .h1 {
  font-size: 0.5rem;
  color: #666;
  line-height: 1.18;
  margin-bottom: 0.2rem;
  font-weight: 300;
}
.about4 .cont .top .h2 {
  font-weight: 600;
  font-size: 0.5rem;
  color: var(--viColor);
  line-height: 1.18;
  margin-bottom: 0.2rem;
}
.about4 .cont .top .h3 {
  line-height: 1.38;
  font-size: 0.26rem;
  color: #666;
}
.about4 .cont .swiper_cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding-top: 3.2rem;
}
.about4 .cont .swiper_cont .bg_cont {
  position: absolute;
  z-index: 1;
  top: 2.65rem;
  width: 18.9556rem;
  transform: rotate(3.75deg);
  left: 0;
}
.about4 .cont .swiper_cont .swiper {
  position: relative;
  z-index: 2;
  margin-left: 1.6rem;
  height: 100%;
  overflow: visible;
}
.about4 .cont .swiper_cont .swiper .swiper-slide {
  width: 1.9rem;
  position: relative;
}
.about4 .cont .swiper_cont .swiper .swiper-slide:nth-child(2n - 1) .dot_cont .ico_text {
  top: auto;
  bottom: 200%;
}
.about4 .cont .swiper_cont .swiper .swiper-slide:nth-child(2n  - 1) .dot_cont .ico_text .border_line {
  transform: rotate(180deg);
}
.about4 .cont .swiper_cont .swiper .swiper-slide:nth-child(2n  - 1) .dot_cont .ico_text .text {
  justify-content: start;
}
.about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background-color: #12b8d7;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.4s linear;
}
.about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0%;
  height: 0%;
  border-radius: 50%;
  animation: diffusion 1.5s linear infinite;
}
.about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text {
  position: absolute;
  top: 200%;
  left: 50%;
  height: 2.28rem;
  display: flex;
  width: 2rem;
}
.about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text .border_line {
  position: relative;
  width: 2px;
  height: 100%;
  background: linear-gradient(0deg, rgba(34, 185, 217, 0.68) 0%, rgba(34, 185, 217, 0.1) 98.61%);
}
.about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text .border_line::after {
  content: "";
  position: absolute;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background-color: var(--viColor);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text .text {
  flex: 1;
  height: 100%;
  overflow: hidden;
  padding-left: 0.2rem;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text .text .num {
  font-size: 0.32rem;
  color: var(--viColor);
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.08rem;
}
.about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text .text .p1 {
  height: 1.06rem;
  overflow-y: hidden;
  line-height: 1.45;
  font-size: .13rem;text-align: left;
  padding-right: 2px;
}

.about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text .text .p1 p{text-align: left!important;width:calc(1.7rem - 2px);}

.about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text .text:hover .p1{
    overflow: auto;
    padding-right: 0;
}

.about4 .cont .swiper_cont .swiper .btn_box {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 3;
  bottom: 0.76rem;
  right: 1.6rem;
}
.about4 .cont .swiper_cont .swiper .btn_box .btn {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.16rem;
  transition: var(--transition1);
  background-color: var(--viColor);
  cursor: pointer;
}
.about4 .cont .swiper_cont .swiper .btn_box .btn svg {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
}
.about4 .cont .swiper_cont .swiper .btn_box .btn svg.rot180 {
  transform: rotate(180deg);
}
.about4 .cont .swiper_cont .swiper .btn_box .btn svg path {
  transition: var(--transition1);
  stroke: #fff;
}
.about4 .cont .swiper_cont .swiper .btn_box .btn.swiper-button-disabled {
  background-color: #e6e6e6;
  cursor: no-drop;
}
.about4 .cont .swiper_cont .swiper .btn_box .btn.swiper-button-disabled svg path {
  stroke: #666666;
}
.about4 .cont .swiper_cont .swiper .btn_box .btn:last-child {
  margin-right: 0;
}
.about5 {
  padding: 1.73rem 1.6rem 0.92rem;
}
.about5 .top {
  display: flex;
  margin-bottom: 1rem;
}
.about5 .top .left_tit {
  width: 4.5rem;
  margin-right: 0.9rem;
}
.about5 .top .left_tit .h1 {
  color: #666;
  font-size: 0.5rem;
  line-height: 1.2;
  font-weight: 300;
  margin-bottom: 0.24rem;
}
.about5 .top .left_tit .p1 {
  line-height: 1.2;
  font-weight: 700;
  color: var(--viColor);
  font-size: 0.5rem;
  font-size: 0.4rem;
}
.about5 .top .right {
  flex: 1;
  width: fit-content;
  overflow: hidden;
}
.about5 .top .right .page_cont {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.about5 .top .right .page_cont .swiper-pagination {
  flex: 1;
  height: 2px;
  position: relative;
  background-color: #D6D6D6;
}
.about5 .top .right .page_cont .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: var(--viColor);
}
.about5 .top .right .page_cont .ico {
  width: 0.11rem;
  height: 0.11rem;
  border-radius: 50%;
  background-color: var(--viColor);
}
.about5 .top .right .sw1 {
  width: 100%;
  overflow: hidden;
  position: relative;
  /*padding-right: .3rem;*/
  padding-top:0.11rem;
}
.about5 .top .right .sw1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.11rem;
    transform: translateY(-40%);
    width: 0.11rem;
    height: 0.11rem;
    border-radius: 50%;
    z-index: 2;
    background-color: var(--viColor);
}
.about5 .top .right .sw1 .swiper-slide {
  width: fit-content;
  font-size: 0.16rem;
  font-weight: 600;
  cursor: pointer;
  color: #999;
  padding-top: .3rem;
  text-align: center;
  /*padding-right: .87rem;*/
  position: relative;
}
.about5 .top .right .sw1 .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #D6D6D6;
    z-index: 1;
}
.about5 .top .right .sw1 .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 2;
    background: var(--viColor);
    opacity: 1;
    transition: background .4s ease;
}
.about5 .top .right .sw1 .swiper-slide:last-child::after {
    width: 100% !important;
}

.about5 .top .right .sw1 .swiper-slide.swiper-slide-thumb-active::after {
    width: 50%;
}
.about5 .top .right .sw1 .swiper-slide.swiper-slide-thumb-active ~ .swiper-slide::after {
    opacity: 0;
}

.about5 .top .right .sw1 .swiper-slide.swiper-slide-thumb-active {
  color: var(--viColor);
}
.about5 .top .right .sw1 .swiper-slide:hover {
  color: var(--viColor);
    
}
.about5 .bottom .sw2 {
  overflow: hidden;
  position: relative;
}
.about5 .bottom .sw2 .swiper-slide {
  display: flex;
  height: 4.27rem;
}
.about5 .bottom .sw2 .swiper-slide .img {
  width: 7rem;
  height: auto;
  aspect-ratio: 700 / 572;
  border-radius: 0.2rem;
  overflow: hidden;
}
.about5 .bottom .sw2 .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about5 .bottom .sw2 .swiper-slide .text {
  flex: 1;
  padding-left: 1.43rem;
  display: flex;
  flex-direction: column;
}
.about5 .bottom .sw2 .swiper-slide .text .time {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--viColor);
  line-height: 1.3;
  margin-bottom: 0.28rem;
}
.about5 .bottom .sw2 .swiper-slide .text .text_cont {
  font-size: 0.18rem;
  color: #666;
  line-height: 1.77;
  list-style-type: disc;
  padding-right: 5px;
}
.about5 .bottom .sw2 .swiper-slide .text .text_cont::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.about5 .bottom .sw2 .swiper-slide .text .text_cont::-webkit-scrollbar-thumb {
    background: var(--viColor);
}
.about5 .bottom .sw2 .swiper-slide .text .text_cont li {
  margin-left: 0.25rem;
  list-style-type: disc;
}
.about5 .bottom .sw2 .swiper-slide .text .text_cont li::marker {
  display: block;
}

.about5 .sw2 .btn_box {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  z-index: 2;
  left: calc( 7rem +  1.43rem);
}
.about5 .sw2 .btn_box .btn {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.16rem;
  transition: var(--transition1);
  cursor: pointer;
  background-color: var(--viColor);
}
.about5 .sw2 .btn_box .btn.swiper-button-disabled {
  background-color: #f4f4f4;
  cursor: no-drop;
}

.about5 .sw2 .btn_box .btn.swiper-button-disabled svg path {
 stroke: #666;
}
.about5 .sw2 .btn_box .btn svg {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
}
.about5 .sw2 .btn_box .btn svg.rot180 {
  transform: rotate(180deg);
}
.about5 .sw2 .btn_box .btn svg path {
  transition: var(--transition1);
}
.about5 .sw2 .btn_box .btn svg path {
  stroke: #fff;
}
.about5 .sw2 .btn_box .btn:last-child {
  margin-right: 0;
}

.about6 {
  padding: 1.2rem 0 1.3rem;
}
.about6 .top {
  margin-bottom: 0.8rem;
}
.about6 .top .h1 {
  text-align: center;
  font-size: 0.5rem;
  color: #666;
  font-weight: 300;
  line-height: 1.18;
  margin-bottom: 0.2rem;
}
.about6 .top .h2 {
  text-align: center;
  font-size: 0.5rem;
  color: var(--viColor);
  font-weight: 600;
  line-height: 1.18;
}
.about6 .swiper {
  margin-left: var(--FIPadd);
  margin-bottom: 0.93rem;
  overflow: hidden;
}
.about6 .swiper .swiper-slide {
  width: fit-content;
  position: relative;
  padding-bottom: 70px;
}
.about6 .swiper .swiper-slide .pic {
  width: fit-content;
  height: 3.23rem;
  margin-bottom: 0.2rem;
}
.about6 .swiper .swiper-slide .pic img {
  width: auto;
  height: 100%;
}
.about6 .swiper .swiper-slide .h1 {
  padding: 0 10px;
  color: #666;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.about6 .page_cont {
  padding: 0 var(--FIPadd);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.about6 .page_cont .swiper-pagination {
  flex: 1;
  position: relative;
  bottom: 0;
  left: 0;
  transform: none;
  width: 100%;
  height: 2px;
}
.about6 .page_cont .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--viColor);
}
.about6 .page_cont .btn_box {
  display: flex;
  align-items: center;
  margin-left: 0.22rem;
}
.about6 .page_cont .btn_box .btn {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  display: flex;
  background-color: #f4f4f4;
  align-items: center;
  justify-content: center;
  margin-right: 0.16rem;
  transition: var(--transition1);
  cursor: pointer;
}
.about6 .page_cont .btn_box .btn svg {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
}
.about6 .page_cont .btn_box .btn svg.rot180 {
  transform: rotate(180deg);
}
.about6 .page_cont .btn_box .btn svg path {
  transition: var(--transition1);
}
.about6 .page_cont .btn_box .btn:hover {
  background-color: var(--viColor);
}
.about6 .page_cont .btn_box .btn:hover svg path {
  stroke: #fff;
}
.about6 .page_cont .btn_box .btn:last-child {
  margin-right: 0;
}
.esg1 .p1 {
    font-size: .18rem;
}
@-webkit-keyframes diffusion {
  0% {
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: #12b8d7;
  }
  100% {
    width: 240%;
    height: 240%;
    opacity: .6;
    /*background-color: #12b8d7;*/
  }
}

.module_down .cont .card .list .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .46rem;
    transition: all .4s ease;
    border-radius: .06rem;
    margin-bottom: .1rem;
}
.module_down .cont .card .list .item svg {
    width: .18rem;
    height: .18rem;
    object-fit: contain;
    opacity: 0;
    transition: all .4s ease ;
}
.module_down .cont .card .list .item .ico  {
    width: 0;
    height: .2rem;
    position: relative;
    overflow: hidden;
    transition: all .4s ease;
}
.module_down .cont .card .list .item .item_left1 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.module_down .cont .card .list .item .ico img {
    width: .2rem;
    max-width: .2rem;
    height: .2rem;
    object-fit: contain;
}
.module_down .cont .card .list .item:hover {
    background: #12b8d7;
    padding: 0 .2rem;
    box-shadow: 0px 7px 14.4px 0px rgba(0, 158, 188, 0.25);
    color: #fff;
}
.module_down .cont .card .list .item:hover .ico {
    width: 0.2rem;
    margin-right: .1rem;
}
.module_down .cont .card .list .item:hover svg {
    opacity: 1;
}
.tec4 .con .right .tit {
    color: #666;
}
.about5 .bottom .sw2 .swiper-slide .text {
    padding-bottom: .75rem;
}
.about5 .bottom .sw2 .swiper-slide .text .text_cont {
    flex: 1;
    overflow-y: auto;
}
.pl_con .con .right1 .list1 .box {
    width: 6.6rem;
}
.tec4 .con .right .list {
    width: 100vw;
    /*padding-left: 6.62rem;*/
}
.tec4 .con .right .list .swiper-slide {
    cursor: pointer;
}
.module_down .cont .card .t_pic {
    cursor: pointer;
}
.module_down .cont .card .t_pic::after {
    transition: all .4s ease;
}

.module_down .cont .card .t_pic:hover::after {
    opacity: 0;
}
.pl_con .con .right1 .item .p .nav {
    max-height: fit-content;
}
.header .con .h_right .h_nav li.down_cont .lis_down .card_cont .card {
    cursor: pointer;
}
.header .con .h_right .h_nav li.down_cont .lis_down .card_cont .card:hover::after {
    opacity: 0;
}
.header .con .h_right .h_nav li.down_cont .lis_down .card_cont .card::after {
    transition: all .4s ease;
}
.ny_banner_box {
    position: relative;
    z-index: 1;
    height: 8.5rem;
}
.ny_banner {
    position: fixed;
}
.pl_con {
    position: relative;
    z-index: 2;
    background: #fff;
}
.bgfff  {
    background: #fff;
    position: relative;
    z-index: 2;
    
}
.pl_con {
    background: #fff;
}
.parallax_box {
    position: relative;
    z-index: 2;
}
.footer {
    position: relative;
    z-index: 2;
}
.i_part3 .top .right .list .item .txt .nums .dw {
    font-size: .2rem;
}
.i_part3 .top .right .list .item .txt .p {
    font-size: .18rem;
}
.footer .canvas_box  {
    overflow: hidden;
}
.footer .canvas_box canvas {
    bottom: -1px;
    left: 0;
}

.i_part2 .txts {
    top: 0;
    width: 100%;
    left: 0;
    padding: 0 1.6rem;
    height: calc(100% - 1.87rem);
}
.i_part2 .txts .txt {
    left: 1.6rem;
    top: 55%;
    transform: translateY(-50%);
    pointer-events: none;
}
.i_part2 .txts .txt.on {
    top: 50%;
    pointer-events: all;
}
.tec4 {
    padding: 0 1.6rem;
}
.tec4 .con .left {
    width: 7.34rem;
    height: auto;
}
.tec4 .con .right {
    width: calc(100% - 7.34rem);
    padding: 0 0 0 1.36rem;
    background: url(../img/tec4_bg.png) no-repeat bottom left;
    background-size: contain;
}
.tec4 .con .right .tit {
    margin-bottom: .11rem;
}
.tec4 .con .right .p {
    margin-bottom: .66rem;
}
.tec4 .con .right .list {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.tec4 .con .right .list .item {
    margin-bottom: .33rem;
}

.tec4 .con .right .list .item:last-child {
    margin-bottom: 0;
}
.tec4 .con .right .list .item .item_h1  {
    display: flex;
    align-items: center;
    margin-bottom: .13rem;
}
.tec4 .con .right .list .item .item_h1 .ico  {
    width: .24rem;
    height: .24rem;
    margin-right: .15rem;
}
.tec4 .con .right .list .item .item_h1 .ico img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.tec4 .con .right .list .item .item_h1 .ico_h1 {
    flex: 1;
    color: #000;
}
.tec4 .con .right .list .item .txt {
    color: #666666;
    padding-left:  .39rem;
    line-height: 1.71;
}

.search_container .cont .card .list .item.mod_tec {
    width: calc((100% - .52rem * 2) / 3);
    margin-right: .52rem;
    margin-bottom: .52rem;
}

.search_container .cont .card .list .item.mod_tec:nth-child(3n) {
    margin-right: 0;
}
.search_container .cont .card .list .item.mod_tec .pic {
    width: 100%;
    height: auto;
    aspect-ratio: 422 / 300;
    border-radius: .1rem;
    overflow: hidden;
    margin-bottom: .23rem;
}
.search_container .cont .card .list .item.mod_tec .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search_container .cont .card .list .item.mod_tec .text {
    color: #333;
    text-align: center;
}

.neabout3 {
    padding: 1.5rem 1.6rem 2rem;
}
.neabout3 .top {
  margin-bottom: .6rem;
}
.neabout3 .top .h1 {
  text-align: center;
  font-weight: 300;
  font-size: 0.5rem;
  line-height: 1.18;
  color: #666;
  margin-bottom: 0.2rem;
}
.neabout3 .top .p1 {
  text-align: center;
  font-weight: 700;
  color: var(--viColor);
  font-size: 0.5rem;
}
.neabout3 .neaCont {
    display: flex;
    column-gap: .22rem;
}
.neabout3 .neaCont .item {
    width: calc((100% - .22rem * 2) / 3);
    height: 5.22rem;
    border-radius: .15rem;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: end;
}

.neabout3 .neaCont .item .bgimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.neabout3 .neaCont .item .item_cont {
    position: relative;
    z-index: 2;
    width: 100%;
    height: fit-content;
    padding: .36rem .44rem .49rem;
     background: linear-gradient(180deg, rgba(156, 238, 255, 0.00) 6.74%, rgba(18, 137, 162, 0.40) 36.27%, rgba(7, 212, 255, 0.40) 87.28%);

}
.neabout3 .neaCont .item .item_cont .h1 {
    padding-bottom: .24rem;
    position: relative;
    margin-bottom: .2rem;
    color: #fff;
}

.neabout3 .neaCont .item .item_cont .h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2.18rem;
    border: 1px solid #fff;
    z-index: 1;
    transform: translateY(50%);
}

.neabout3 .neaCont .item .item_cont .h1::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: .66rem;
    border: 2px solid var(--viColor);
    z-index: 2;
    transform: translateY(50%);
}

.neabout3 .neaCont .item .item_cont .p1 {
    line-height: 1.63;
    color: #fff;
}


@media screen and (max-width: 1024px) { 

    .ny_banner_box{height: auto;}
    .tec4 {
        padding: 50px var(--FIPadd) 0;
    }
    .tec4 .con .right {
        width: 100%;
        height: auto;
        padding: 0;
    }
    .tec4 .con .left {
        width: 100%;
        height: auto;
        aspect-ratio: auto;
        border-radius: 10px;
    }
    .tec4 .con .right .list .item .item_h1 .ico {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }
    .tec4 .con .right .list .item .item_h1 .ico_h1 {
        font-size: 18px;
    }
    .tec4 .con .right .list .item .txt {
        font-size: 14px;
        padding-left: 34px;
    }
    .tec1 .txt .p {
        font-size: 14px;
    }
    .tec2 .con .swiper-slide::after {
        opacity: 1;
    }
    
    .about1 {
        margin: 0;
    }
    
    .about1 .top {
        padding: 0 var(--FIPadd);
        flex-direction: column;
    }
    
    .about1 .top .right {
        width: 100%;
    }
    .about1 .top .right  .p1 {
        font-size: 14px;
    }
    .about1 .top .left_tit {
        margin-bottom: 25px;
    }
    
    .about2 {
        padding: 0  var(--FIPadd);
    }
    
    .about2 .cont .top {
        flex-direction: column;
    }
    
    .about2 .cont .top .right {
        width: 100%;
    }
    .about2 .cont .top .right p {
        font-size: 14px !important;
        
    }
    .about2 .cont {
        padding-top: 1.2rem;
    }
    
    .about2 .cont .bottom {
        flex-wrap: wrap;
        justify-content: space-between;
       column-gap: 0;
    }
    .about2 .cont .bottom .item {
        width: 48%;
        margin-bottom: 15px;
        padding: 15px;
    }
    
    .about2 .cont .bottom .item .h1 {
        font-size: 14px;
    }
    
    .about2 .cont .bottom .item .num_box .num {
        font-size: 22px;
    }
    .about2 .cont .bottom .item .num_box .num_f {
        font-size: 22px;
    }
    .about2 .cont .bottom .item {}
    
    .about3 {
        height: auto;
        padding: 65px var(--FIPadd) 0;
    }
    .about3 .swiper1 .swiper-slide {
        width: 60%;
        height: auto;
        aspect-ratio: 1417 / 946;
    }
    .about1 .bottom {
        width:auto;
        height: auto;
        aspect-ratio: 1600 / 782;
        margin: 0  var(--FIPadd);
    }
    .about1 .bottom img {
        height: auto;
        transform: none !important;
    }
    .about1 .top .left_tit .tit1 {
    }
    .about1 .top .right .h1 {
        font-size: 24px;
    }
    .about1 .top .right .h2 {
        font-size: 24px;
    }
    .about2 .cont .top .left .h1 {
        font-size: 24px;
    }
    .about2 .cont .top .left .p1 {
        font-size: 24px;
    }
    .about5 {
        padding: 1.2rem var(--FIPadd) 0;
    }
    .about5 .top {
        flex-direction: column;
    }
    .about5 .top .right {
        width: 100%;
    }
    .about5 .top .left_tit {
        width: 100%;
        margin-bottom: 10px;
    }
    .about5 .top .right .sw1 .swiper-slide {
        font-size: 14px;
    }
    .about5 .bottom .sw2 .swiper-slide {
        height: auto;
        flex-direction: column-reverse;
    }
    
    .about5 .bottom .sw2 .swiper-slide .text {
        padding: 0;
        height: auto;
        width: 100%;
    }
    .about5 .bottom .sw2 .swiper-slide .text .text_cont {
        overflow-y: auto;
        max-height: 200px;
        margin-bottom: 20px;
    }
    .about5 .bottom .sw2 .swiper-slide .text .text_cont li {
        font-size: 14px;
    }
    .ny_banner {
        position: relative;
    }
    .about4 {
    }
    
    .neabout3 {
      padding: 60px var(--FIPadd) 30px;
    }
  
    .neabout3 .neaCont {
        flex-direction: column;
    }
    .neabout3 .neaCont .item {
        width: 100%;
        margin-bottom: 40px ;
    }
    .neabout3 .neaCont .item:last-child {
        margin-bottom: 0 ;
    }
    .neabout3 .neaCont .item .item_cont {
        padding: 20px;
    }
    .netec2 .cont .cont_left .item .p1 {
        margin-bottom: 20px;
    }
    .i_part3 .top .right .list .item .txt .p {
        font-size: 14px;
    }
    .about1 .top {
        margin-bottom: 30px;
    }
    .about1 .top .left_tit .tit {
        text-align: left !important;
        transform: none !important;
    }
    .about2 .cont .bottom .item {
        height: auto;
        border-radius: 5px;
    }
    .about2 .cont .bottom .item .h1 {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .about2 .cont .bottom .item .num_box {
        justify-content: flex-start;
    }
    .about5 .bottom .sw2 .swiper-slide .img {
        width: 100%;
    }
    .i_part3 .swiper .swiper-slide .item .txt .h {
        font-weight: 600;
    }
    .about6 .swiper {
        margin-bottom: 20px;
    }
    .about5 .bottom .sw2 .swiper-slide .text .time {
        font-size: 30px;
    }
    .neabout3 .top .h1 {
        text-align: left;
        font-size: 24px;
    }
    .neabout3 .top .p1 {
        font-size: 24px;
        text-align: left;
    }
    .about5 .top .left_tit .h1 {
        font-size: 24px;
    }
    .about5 .top .left_tit .p1 {
        font-size: 24px;
    }
    .about6 .top .h1 {
        font-size: 24px;
        text-align: left;
        padding: 0 var(--FIPadd);
    }
    .about6 .top .h2 {
        font-size: 24px;
        text-align: left;
        padding: 0 var(--FIPadd);
    }
    .i_part2 .txts .txt .p {
        width: 80%;
        font-size: 14px !important;
    }
    .i_part1 .left .h_1 {
        font-size: 26px;
    }
    
    .esg2 .list .item .text .h1.mod1 .h1_left{
        flex: 1;
    }
    .esg2 .list .item .text .h1.mod1 {
        display: flex;
        align-items: center;
        column-gap: 20px;
        justify-content: space-between;
    }
    .esg2 .list .item .text .h1.mod1 .page2 {
        display: flex;
        align-items: flex-end;
        line-height: 1.35;
    }
     .esg2 .list .item .text .h1.mod1 .page2 .index  {
        color: var(--viColor);
        transform: translateY(10%);
        margin-right: 3px;
    }
    .pd_con .txt .tit p {
        font-size: 24px;
    }
    .news1 .left {
        margin-bottom: 30px;
    }

    .news1 .right .card {
        margin-bottom: 30px;
    }
    .new1 .swiper .swiper-slide {
        border-radius: 10px;
        overflow: hidden;
        height: auto;
    }
    .esg2 .list .item {
        margin-bottom: 40px;
    }
    .esg2 .list .item .text {
        padding: 0;
    }
    .about2 .cont .top .left {
        width: 100%;
        margin-bottom: 20px;
    }
   .esg3 .content .item .item_left .p1 {
          display: -webkit-box;
      -webkit-line-clamp:3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .investor1 .right .list .item {
        width:48%;
        font-size: 14px;
    }
    .investor1 .right .bot {
        font-size: 14px;
    }
    .investor1 .left .left_top {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 0;
    }
    .investor1 .left .left_top .zhengq {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
    .investor1 .left .left_top .zhengq .name {
        margin: 0;
        font-size: 24px;
    }
    .investor1 .left .left_top .zhengq .num {
        font-size: 24px;
    }
    .investor1 .right {
        padding: 20px;
    }
    .investor1 .left .left_top .logo {
        width: 100%;
        margin-bottom: 15px;
        display:flex;
        align-items: center;
        justify-content: space-between;
    }
    .investor3 .tabcont .item .card .center .text {
        padding: 0;
        margin-bottom: 20px;
    }
    .investor3 .tabcont .item .card .center .text .time_cont {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 20px;
    }
    .investor3 .tabcont .item .card .center {
        margin-bottom: 20px;
    }
    .investor3 .tabcont .item .card .center .text .time  {
        flex: 1;
    }
    .investor3 .tabcont .item .card .center .text  .tf2  {
        color: var(--viColor);
        font-size: 14px;
    }
    .news1 .left .title_top .tit_right {
        display: none;
    }
  
    .about1 .top .left_tit .tit1 {
        width: 100%;
        max-width: 200px;
    }
    .about1 .top .left_tit .tit {
        font-size: 40px;
        margin-bottom: 10px;
        margin: 0;
    }
    .contnes1 .cont .tit-h1 {
        margin-bottom: 20px;
    }
    .contnes1 .cont .list {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .contnes1 .cont .item {
        width: 100%;
    }
    
}
@media screen and (max-width: 500px) { 
    .about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text .text .p1 p{width: 100%;}
  .about4 .cont .top {
        padding: 0 20px;
        top: 0;
    }
    .about4 .cont .swiper_cont .bg_cont {
        max-width: fit-content;
        width: 350%;
        top: -11%;
        pointer-events: none;
    }
    .about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text {
        width: 70vw;
    }
    .about4 .cont .top .h1 {
        font-size: 24px;
    }
    .about4 .cont .top .h2 {
        font-size: 24px;
    }
    .about4 .cont .top .h3 {
        font-size: 14px;
    }
    .about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text .text .num {
        font-size: 18px;
    }
   .about4 .cont {
       height: auto;
       padding: 50px 0;
   }
   .about4 .cont .swiper_cont {
       padding: 0;
   }
   .about4 .cont .swiper_cont .swiper .swiper-slide .dot_cont .ico_text .text .p1 {
       font-size: 14px;
   }
   .about4 .cont .swiper_cont {
       position: relative;
   }
   .about4 .cont .swiper_cont .swiper {
       height: 129vw;
       margin-top: -31vw;
   }
   .about4 .cont .swiper_cont {
       height: auto;
   }
    .about4 .cont .swiper_cont .swiper .btn_box {
        bottom: 0;
    }
    
    .about4 .cont .swiper_cont .swiper {
        margin-left: 20px;
    }
    .about4 .bgimg {
        pointer-events: none;
    }
    .about4 .bgimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}
.i_part2 .txts .txt .p {
    font-size: 16px;
}