@charset "UTF-8";
:root {
  --header-height: 100px;
}

html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

[data-scroll-direction=horizontal] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap;
}

[data-scroll-direction=horizontal] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%;
}

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  -webkit-transform-origin: center right;
     -moz-transform-origin: center right;
      -ms-transform-origin: center right;
       -o-transform-origin: center right;
          transform-origin: center right;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
  opacity: 0;
}

.c-scrollbar:hover {
  -webkit-transform: scaleX(1.45);
     -moz-transform: scaleX(1.45);
      -ms-transform: scaleX(1.45);
       -o-transform: scaleX(1.45);
          transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

[data-scroll-direction=horizontal] .c-scrollbar {
  width: 100%;
  height: 10px;
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(1);
     -moz-transform: scaleY(1);
      -ms-transform: scaleY(1);
       -o-transform: scaleY(1);
          transform: scaleY(1);
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
  -webkit-transform: scaleY(1.3);
     -moz-transform: scaleY(1.3);
      -ms-transform: scaleY(1.3);
       -o-transform: scaleY(1.3);
          transform: scaleY(1.3);
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
  right: auto;
  bottom: 0;
}

body::-webkit-scrollbar {
  width: 4px;
}
body::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
  background-color: #019EBF;
}
body::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
}
body::-webkit-scrollbar-track-piece {
  background: rgba(255, 255, 255, 0);
}

@media screen and (min-width: 1920px) {
  .rem1 {
    font-size: 100px;
  }
}
@media screen and (max-width: 1920px) {
  .rem1 {
    font-size: 100px;
  }
}
@media screen and (max-width: 1700px) {
  .rem1 {
    font-size: 95px;
  }
}
@media screen and (max-width: 1500px) {
  .rem1 {
    font-size: 90px;
  }
}
@media screen and (max-width: 1300px) {
  .rem1 {
    font-size: 85px;
  }
}
@media screen and (max-width: 1100px) {
  .rem1 {
    font-size: 80px;
  }
}
@media screen and (max-width: 900px) {
  .rem1 {
    font-size: 75px;
  }
}
/*@font-face {*/
/*  font-family: "shsb";*/
/*  src: url("../fonts/SourceHanSansCN-Bold.otf") format("truetype");*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/
#data-scroll-container {
  -webkit-transform-style: preserve-3d;
}

.hdbox {
  position: relative;
  z-index: 111;
}

.header .nav .li:last-child {
  padding-right: 0;
}

.header .nav .li:nth-child(1) {
  display: none;
}

.header .nav .li:nth-child(5), .header .nav .li:nth-child(6), .header .nav .li:nth-child(7) {
  display: none;
}

.header.active .nav .li:nth-child(5), .header.active .nav .li:nth-child(6), .header.active .nav .li:nth-child(7) {
  display: block;
}

.header.active1 .nav .li:nth-child(5), .header.active1 .nav .li:nth-child(6), .header.active1 .nav .li:nth-child(7) {
  display: block;
}

.header.active2 .nav .li:nth-child(5), .header.active2 .nav .li:nth-child(6), .header.active2 .nav .li:nth-child(7) {
  display: block;
}

.header.active .nav .li:nth-child(1), .header.active1 .nav .li:nth-child(1), .header.active2 .nav .li:nth-child(1) {
  display: none;
}

.in3 {
  position: relative;
  background: #E2E5E5;
  max-width: 1920px;
  margin: 0 auto;
}
.profile .section5{
  overflow: hidden;
}
.in3.swiper,.in4.swiper,.profile .section5 .list{
  overflow: initial;
  height: auto;
}
.profile .section5 .list .swiper-wrapper{
  justify-content: space-between;
}
.in3 .swiper-wrapper{
  flex-direction: column;
  height: auto;
}
.in4 .swiper-wrapper{
  height: auto;
}
.in3 .swiper-pagination,.in4 .swiper-pagination,.profile .section5 .swiper-pagination{
  bottom: 0;
  top: auto;
  background-color: #eee;
  --swiper-pagination-color: #019EBF;
}
.in3 .incon {
  position: relative;
  height: 100vh;
}

.in3 .incon .img {
  top: 0;
  height: 100vh;
}
.in3 .incon .img .incon-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.in3 .incon .img span{
  clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
}

.in3 .incon .img .incon-bg span {
  /*width: 110%;*/
  /*height: 110%;*/
  /*top: -5%;*/
  /*left: -5%;*/
}

.in3 .incon .img span.act{
  /*clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);*/
}
/*.in3 .incon + .incon{*/
/*  margin-top: -15vh;*/
/*}*/

.in3 .incon1 .img span {
  position: absolute; /* top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(1920px - (min(0.5, var(--distance)) * 2 * 976px));height: calc(950px - (min(0.5, var(--distance)) * 2 * 535px)); */
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*-webkit-clip-path: inset(-webkit-calc(40% - clamp(0, var(--progress) * 4, 1) * 40%));*/
  /*        clip-path: inset(-moz-calc(40% - clamp(0, var(--progress) * 4, 1) * 40%));*/
  /*        clip-path: inset(calc(40% - clamp(0, var(--progress) * 4, 1) * 40%));*/
}

.in3 .incon1 .img span.act {
  /*-webkit-clip-path: inset(-webkit-calc(clamp(0, (var(--distance) - 0.2) * 1, 1) * 40%));*/
  /*        clip-path: inset(-moz-calc(clamp(0, (var(--distance) - 0.2) * 1, 1) * 40%));*/
  /*        clip-path: inset(calc(clamp(0, (var(--distance) - 0.2) * 1, 1) * 40%));*/
}

.in3 .incon1 .img span video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 950px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: -475px 0 0 -960px;
}

.in3 .incon1 .img span::before {
  content: "";
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
}

.in3 .incon2 { /* transform: translateY(calc(clamp(0, var(--distance) - 0.3, 0.3) * 1000px - 300px)) */
  /*margin-top: -200px;*/
}

.in3 .incon2 .img span {
  position: absolute; /* top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(944px + (clamp(0, var(--distance) - 0.25, 0.5) * 2 * 976px));height: calc(415px + (clamp(0, var(--distance) - 0.25, 0.5) * 2 * 535px)); */
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*-webkit-clip-path: inset(-webkit-calc(40% - clamp(0, (var(--distance) - 0.25) * 3.5, 1) * 40%));*/
  /*        clip-path: inset(-moz-calc(40% - clamp(0, (var(--distance) - 0.25) * 3.5, 1) * 40%));*/
  /*        clip-path: inset(calc(40% - clamp(0, (var(--distance) - 0.25) * 3.5, 1) * 40%));*/
}

.in3 .incon2 .img span.act {
  /*-webkit-clip-path: inset(-webkit-calc(clamp(0, (var(--vanish) - 0.6) * 3, 1) * 40%));*/
  /*        clip-path: inset(-moz-calc(clamp(0, (var(--vanish) - 0.6) * 3, 1) * 40%));*/
  /*        clip-path: inset(calc(clamp(0, (var(--vanish) - 0.6) * 3, 1) * 40%));*/
}

.in3 .incon2 .img span video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 950px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: -475px 0 0 -960px;
}

.in3 .incon2 .img span::before {
  content: "";
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
}

.in3 .incon3 { /* transform: translateY(calc(clamp(0, var(--distance) - 0.3, 0.3) * 1000px - 300px)) */
  margin-top: -50px;
}

.in3 .incon3 .img span {
  position: absolute; /* top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(944px + (clamp(0, var(--distance) - 0.25, 0.5) * 2 * 976px));height: calc(415px + (clamp(0, var(--distance) - 0.25, 0.5) * 2 * 535px)); */
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  -moz-transition: 0.1s;
  transition: 0.1s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*-webkit-clip-path: inset(-webkit-calc(40% - clamp(0, (var(--distance) - 0.55) * 4, 1) * 40%));*/
  /*        clip-path: inset(-moz-calc(40% - clamp(0, (var(--distance) - 0.55) * 4, 1) * 40%));*/
  /*        clip-path: inset(calc(40% - clamp(0, (var(--distance) - 0.55) * 4, 1) * 40%));*/
}

.in3 .incon3 .img span.act {
  /*-webkit-clip-path: inset(-webkit-calc(clamp(0, (var(--vanish) - 0.8) * 3.5, 1) * 40%));*/
  /*        clip-path: inset(-moz-calc(clamp(0, (var(--vanish) - 0.8) * 3.5, 1) * 40%));*/
  /*        clip-path: inset(calc(clamp(0, (var(--vanish) - 0.8) * 3.5, 1) * 40%));*/
}

.in3 .incon3 .img span video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 950px;
  -o-object-fit: cover;
     object-fit: cover;
  margin: -475px 0 0 -960px;
}

.in3 .incon3 .img span::before {
  content: "";
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
}

.in3 .txt1 {
  position: absolute;
  top: 227px;
  left: 125px; /* opacity: calc(1 - ((var(--distance) - 0.15) * 5)); */
  height: 316px;
  overflow: hidden;
  padding-top: 316px;
  -webkit-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -o-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -moz-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
}

.in3 .txt2 {
  position: absolute;
  top: 227px;
  left: 125px; /* opacity: calc((var(--distance) - 0.5) * 6) */
  height: 316px;
  overflow: hidden;
  padding-top: 316px;
  -webkit-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -o-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -moz-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
}

.in3 .txt3 {
  position: absolute;
  top: 227px;
  left: 125px; /* opacity: calc((var(--distance) - 0.5) * 6) */
  height: 316px;
  overflow: hidden;
  padding-top: 316px;
  -webkit-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -o-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -moz-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
}

.in3 .txt1.act {
  padding-top: 0;
}

.in3 .txt2.act {
  padding-top: 0;
}

.in3 .txt3.act {
  padding-top: 0;
}

.in3 .more {
  position: absolute;
  right: 220px;
  bottom: 250px;
  z-index: 30;
  height: 40px;
  padding-top: 40px;
  -webkit-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -o-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -moz-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  overflow: hidden;
  width: 170px;
  cursor: pointer;
}

.in3 .more.act {
  padding-top: 0;
}

/*.in3 {*/
/*  max-width: 1920px;*/
/*  margin: 0 auto;*/
/*}*/
.in3 .left {
  position: absolute;
  color: #fff;
  left: 6.5104166667%;
  bottom: 20%;
  overflow: hidden;
  width: 60%;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #D9D9D9;
}
.in3 .left.act .left-title {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.in3 .left-title {
  line-height: 1.125;
  -webkit-transform: translateY(130%);
     -moz-transform: translateY(130%);
      -ms-transform: translateY(130%);
       -o-transform: translateY(130%);
          transform: translateY(130%);
  -webkit-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -o-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -moz-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
}
.in3 .my-more {
  width: 72px;
  height: 72px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.in3 .my-more img {
  position: relative;
}
.in3 .my-more::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background: -moz-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background: -o-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background: linear-gradient(180deg, #28CC7C 0%, #019EBF 100%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.in3 .my-more:hover::before {
  opacity: 1;
}
.in3 .my-more:hover img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.in3 .right {
  position: absolute;
  right: 14.0625%;
  bottom: 20%;
  font-size: 20px;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
       -o-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  -webkit-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -o-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  -moz-transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
  transition: all 1.2s cubic-bezier(0.39, 0, 0.12, 0.99);
}
.in3 .right.act {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.in3 .right p {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.in3 .right:hover p {
  color: #019EBF;
}
.in3 .right:hover .my-more::before {
  opacity: 1;
}
.in3 .right:hover .my-more img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.in3 .right .my-more {
  margin-left: 0.15rem;
  width: 40px;
  height: 40px;
}

.shsb {
  font-family: "shsb";
}

img {
  -o-object-fit: cover;
     object-fit: cover;
}

.wh100 {
  width: 100%;
  height: 100%;
}

.w100 {
  width: 100%;
}

.pfb {
  font-weight: bold;
}

/* 分页 */
.page1 {
  text-align: center;
  margin: 0;
  text-align: center;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "arial";
  --color: #12479C;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.page1 .page-text {
  color: 999;
  margin: 0 10px;
}

.page1 .page-active {
  position: relative;
}

.page1 .page-active::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(284deg, #50B8A6 1.69%, #13A6B9 91.67%);
  background-image: -moz-linear-gradient(284deg, #50B8A6 1.69%, #13A6B9 91.67%);
  background-image: -o-linear-gradient(284deg, #50B8A6 1.69%, #13A6B9 91.67%);
  background-image: linear-gradient(166deg, #50B8A6 1.69%, #13A6B9 91.67%);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.page1 span:hover::before, .page1 span.current::before {
  opacity: 1;
}

.page1 span:hover a, .page1 span.current a {
  color: #fff;
  -moz-border-image: -moz-linear-gradient(284deg, #50B8A6 1.69%, #13A6B9 91.67%);
    -o-border-image: -o-linear-gradient(284deg, #50B8A6 1.69%, #13A6B9 91.67%);
       border-image: -webkit-linear-gradient(284deg, #50B8A6 1.69%, #13A6B9 91.67%);
       border-image: linear-gradient(166deg, #50B8A6 1.69%, #13A6B9 91.67%);
}

.page1 .page-active a {
  position: relative;
}

.page1 span a {
  display: block;
  color: #222;
  width: 40px;
  height: 40px;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid #dddddd;
}

.page1 span {
  display: inline-block;
  line-height: 40px;
  color: #666666;
}

.page1 span input {
  display: block;
  width: 40px;
  height: 40px;
  outline: none;
  text-align: center;
  border: 1px solid #ddd;
  background-color: inherit;
}

.page1 span input:focus {
  border-color: #019EBF;
}

.page1 span a.pre {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  padding: 0 20px 0 17px;
}

.page1 span a.pre s {
  display: block;
  width: 21px;
  height: 21px;
  background: url(../images/svg/fy_jt.svg) center no-repeat;
}

.page1 span a.pre:hover s {
  background: url(../images/svg/fy_jt2.svg) center no-repeat;
}

.page1 span a.nex {
  width: auto;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  padding: 0 17px 0 20px;
}

.page1 span a.nex s {
  display: block;
  width: 21px;
  height: 21px;
  background: url(../images/svg/fy_jt.svg) center no-repeat;
  -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
       transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.page1 span a.nex:hover s {
  background: url(../images/svg/fy_jt2.svg) center no-repeat;
}

.page1 .qd {
  width: 65px;
}

.page1 .qd a {
  width: 96px;
  background: -webkit-linear-gradient(284deg, #50B8A6 -18.48%, #13A6B9 112.69%);
  background: -moz-linear-gradient(284deg, #50B8A6 -18.48%, #13A6B9 112.69%);
  background: -o-linear-gradient(284deg, #50B8A6 -18.48%, #13A6B9 112.69%);
  background: linear-gradient(166deg, #50B8A6 -18.48%, #13A6B9 112.69%);
  color: #fff;
  border: none;
}

.page1 .page-text {
  color: #999;
  margin: 0 10px;
}

.page2 {
  width: 120px;
  height: 32px;
  background: #00A17F;
  color: #fff;
  display: block;
  margin: 0 auto;
  line-height: 32px;
  display: none;
  text-align: center;
}

.liuyan_tanchuang {
  position: fixed;
  width: 90%;
  max-width: 400px;
  display: none;
  top: 100px;
  left: 50%;
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
       transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 99;
  border-radius: 2px;
  background: #000;
}

.liuyan_tanchuang .lox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  color: #fff;
  line-height: 24px;
}

.liuyan_tanchuang .ico {
  width: 24px;
}

.liuyan_tanchuang .out {
  width: 20px;
  cursor: pointer;
  margin-top: 2px;
}

.liuyan_tanchuang .wz {
  width: -webkit-calc(100% - 48px);
  width: -moz-calc(100% - 48px);
  width: calc(100% - 48px);
  padding: 0 10px;
}

.header {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header::before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    height: 2.75rem;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0));
    pointer-events: none;
}
.header.active, .header.active1, .header.active2 {
  background-color: #fff;
}
.header.active::before, .header.active1::before, .header.active2::before{
    display: none;
}
.header.active .logo img:nth-child(1), .header.active1 .logo img:nth-child(1), .header.active2 .logo img:nth-child(1) {
  opacity: 0;
}
.header.active .logo img:nth-child(2), .header.active1 .logo img:nth-child(2), .header.active2 .logo img:nth-child(2) {
  opacity: 1;
}
.header.active .nav .lv1 a, .header.active1 .nav .lv1 a, .header.active2 .nav .lv1 a {
  color: #333;
}
.header.active .nav .lv1 a:hover, .header.active1 .nav .lv1 a:hover, .header.active2 .nav .lv1 a:hover {
  color: #019EBF;
}
.header.active .re .lang, .header.active1 .re .lang, .header.active2 .re .lang {
  color: #222;
}
.header.active .re img, .header.active1 .re img, .header.active2 .re img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.header .re .lang:hover{
    background-color: #019EBF;
    color: #fff;
    border-color: #019EBF;
}

.in1 {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  position: relative;
  z-index: 2;
  background-color: #E2E5E5;
}

.in1 .swiper {
  height: 100vh;
}

.in1 .swiper .swiper-wrapper {
  -webkit-transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1);
     -moz-transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1);
       -o-transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1);
          transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1);
}
.in1 .swiper-slide .img {
  width: 100%;
  height: 100%;
}
.in1 .swiper-slide .img img {
  width: 100%;
  height: 100%;
}
.in1 .swiper-slide .img img:nth-child(2) {
  display: none;
}
.in1 .swiper-slide.video-active .img img {
  display: none;
}

.my-banner {
  position: relative;
}
.my-banner::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.my-banner::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 2.75rem;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.my-banner .bg {
  width: 100%;
  max-height: 850px;
}
.my-banner .bg:nth-child(2) {
  display: none;
}
.my-banner .box {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0.97rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 3;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.my-banner .my-scroll {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  margin-left: 14.2857142857%;
}
.my-banner .title {
  color: #fff;
  line-height: 1.125;
  padding-bottom: 0.38rem;
  border-bottom: 1px solid #d9d9d9;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.my-scroll {
  position: absolute;
  right: 0;
  bottom: 0;
}
.my-scroll .dian {
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto;
}
.my-scroll .line {
  width: 2px;
  height: 57px;
  overflow: hidden;
  margin: 6px auto 1px;
  background: rgba(255, 255, 255, 0.2);
  position: relative;
}
.my-scroll .line s {
  position: absolute;
  width: 2px;
  height: 9px;
  background: #fff;
  left: 0;
  top: -100%;
  -webkit-animation: scroll 2s linear infinite;
     -moz-animation: scroll 2s linear infinite;
       -o-animation: scroll 2s linear infinite;
          animation: scroll 2s linear infinite;
}
@-webkit-keyframes scroll {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}
@-moz-keyframes scroll {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}
@-o-keyframes scroll {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}
@keyframes scroll {
  0% {
    top: -100%;
  }
  100% {
    top: 100%;
  }
}
.my-scroll .en {
  line-height: 22px;
  color: #fff;
}

.my-nav {
  padding-top: 0.6rem;
  position: sticky;
  top: 50px;
  background-color: #fff;
  z-index: 110;
}
.my-nav.active{
  z-index: 120;
}
.my-nav .box2 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.my-nav .nav-item {
  min-width: 2.5rem;
  line-height: 3;
  color: rgba(153, 153, 153, 0.5);
  cursor: pointer;
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
  margin: 0 2.7027027027%;
  white-space: nowrap;
}
.my-nav .nav-item:hover, .my-nav .nav-item.active {
  border-color: #ddd;
  color: #000;
}

.my-title {
  text-align: center;
  line-height: 1.4166666667;
}

.my-active1 {
  position: relative;
}
.my-active1::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: -1.7610619469%;
  left: 4.1946902655%;
  border-radius: 50%;
  z-index: 3;
  border: 2px solid #019EBF;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 4s;
     -moz-animation-duration: 4s;
       -o-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-name: animation1;
     -moz-animation-name: animation1;
       -o-animation-name: animation1;
          animation-name: animation1;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: 45.8053097345% 51.7610619469%;
     -moz-transform-origin: 45.8053097345% 51.7610619469%;
      -ms-transform-origin: 45.8053097345% 51.7610619469%;
       -o-transform-origin: 45.8053097345% 51.7610619469%;
          transform-origin: 45.8053097345% 51.7610619469%;
}

.my-breadcrumb {
  padding-top: 0.32rem;
  padding-bottom: 0.7rem;
}
.my-breadcrumb .box2 {
  font-size: 12px;
  line-height: 24px;
}
.my-breadcrumb .breadcrumb-icon {
  vertical-align: text-top;
  display: inline-block;
  margin-right: 0.06rem;
}
.my-breadcrumb .breadcrumb-item {
  color: #999;
}
.my-breadcrumb .breadcrumb-item:not(.breadcrumb-active)::after {
  content: ">";
  margin: 0 0.05rem;
}
.my-breadcrumb .breadcrumb-item:not(.breadcrumb-active):hover {
  color: #222;
}
.my-breadcrumb .breadcrumb-active {
  color: #222;
}

.my-sidebar {
  width: 3rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: sticky;
  top: var(--header-height);
}
.my-sidebar .sidebar-title {
  line-height: 1.5555555556;
  padding: 0.16rem 0.18rem;
  background-image: -webkit-linear-gradient(303.34deg, #50B8A6 10.16%, #019EBF 57.43%);
  background-image: -moz-linear-gradient(303.34deg, #50B8A6 10.16%, #019EBF 57.43%);
  background-image: -o-linear-gradient(303.34deg, #50B8A6 10.16%, #019EBF 57.43%);
  background-image: linear-gradient(303.34deg, #50B8A6 10.16%, #019EBF 57.43%);
  color: #fff;
  border-radius: 0.05rem;
  margin-bottom: 0.04rem;
}
.my-sidebar .sidebar-list + .sidebar-list {
  margin-top: 0.2rem;
}
.my-sidebar .sidebar-list-title {
  background: #E8F6F9;
  line-height: 1.5;
  border-radius: 0.05rem;
  padding: 0.11rem 0.18rem;
  margin-bottom: 0.1rem;
  position: relative;
}
.my-sidebar .sidebar-list-title::before{
    position: absolute;
    content: '';
    width: 4px;
    height: 1em;
    background: linear-gradient(303.34deg, #50B8A6 10.16%, #019EBF 57.43%);
    left: 0;
    top: calc(0.11rem + 0.25em);
}
.my-sidebar .sidebar-list-item {
  display: block;
  border-radius: 0.05rem;
  color: #666;
  line-height: 1.5;
  padding: 0.13rem 0.18rem;
  background-color: #eee;
  position: relative;
}
.my-sidebar .sidebar-list-item::before{
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(303.34deg, #50B8A6 10.16%, #019EBF 57.43%);
    background-image: -moz-linear-gradient(303.34deg, #50B8A6 10.16%, #019EBF 57.43%);
    background-image: -o-linear-gradient(303.34deg, #50B8A6 10.16%, #019EBF 57.43%);
    background-image: linear-gradient(303.34deg, #50B8A6 10.16%, #019EBF 57.43%);
    left: 0;
    bottom: 0;
    transition: all .5s;
}
.my-sidebar .sidebar-list-item:hover, .my-sidebar .sidebar-list-item.active {
  color: #019EBF;
  font-size: 14px;
}
.my-sidebar .sidebar-list-item:hover::before, .my-sidebar .sidebar-list-item.active::before{
    width: 100%;
}
.my-sidebar .sidebar-list-item + .sidebar-list-item {
  margin-top: 0.08rem;
}

.my-active3 {
  pointer-events: none;
  position: relative;
}

.my-active3 .li:nth-child(1) {
  position: absolute;
  top: -52px;
  left: -111px;
}

.my-active3 .li:nth-child(2) {
  position: absolute;
  top: 166px;
  left: 575px;
}

.my-active3 .li:nth-child(3) {
  position: absolute;
  top: 25px;
  left: 913px;
}

.section-sticky {
  height: 200vh;
  position: relative;
  z-index: 2;
}
.section-sticky .section-sticky-box {
  height: 200vh;
  position: relative;
}
.section-sticky .my-active2 {
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 3;
}

.my-active2 {
  position: relative;
  padding: 1rem 0 15px;
  --my-active2-width: 1439;
  --my-active2-height: 835;
}

.my-active2::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E2E5E5;
  opacity: 0.2;
  z-index: 3;
}

.my-active2 .box2 {
  z-index: 3;
}
.my-active2 .video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.my-active2 .video img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.my-active2 .sbox {
  max-width: -webkit-calc(var(--my-active2-width) * 1px);
  max-width: -moz-calc(var(--my-active2-width) * 1px);
  max-width: calc(var(--my-active2-width) * 1px);
  position: relative;
}
.my-active2 .ul1 .li {
  position: absolute;
  margin: -5px 0 0 -5px;
  z-index: 2;
  cursor: pointer;
  width: 20px;
}
.my-active2 .ul1 .li.act {
  margin: -9px 0 0 -9px;
}
.my-active2 .ul1 .li.act .ico {
  width: 19px;
  height: 19px;
}
.my-active2 .ul1 .li.act .ico span {
  border: 3.19px solid #fff;
}
.my-active2 .ul1 .li.act .ico span img {
  width: 7px;
}
.my-active2 .ul1 .li.act:hover {
  z-index: 5;
}
.my-active2 .ul1 .li.act:hover .li-info-container {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.my-active2 .ul1 .li[data-dw=USA] {
  left: -webkit-calc(209 / var(--my-active2-width) * 100%);
  left: -moz-calc(209 / var(--my-active2-width) * 100%);
  left: calc(209 / var(--my-active2-width) * 100%);
  top: -webkit-calc(352 / var(--my-active2-height) * 100%);
  top: -moz-calc(352 / var(--my-active2-height) * 100%);
  top: calc(352 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=USA] .txt {
  top: 50%;
  transform: translateY(-50%) translateX(.11rem);
  left: 100%;
  font-size: 10px;
}
.my-active2 .ul1 .li[data-dw=Mexico] {
  left: -webkit-calc(272 / var(--my-active2-width) * 100%);
  left: -moz-calc(272 / var(--my-active2-width) * 100%);
  left: calc(272 / var(--my-active2-width) * 100%);
  top: -webkit-calc(427 / var(--my-active2-height) * 100%);
  top: -moz-calc(427 / var(--my-active2-height) * 100%);
  top: calc(427 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=Mexico] .txt {
  top: 0;
  right: 100%;
  transform: translateX(-0.08rem);
  font-size: 10px;
}
.my-active2 .ul1 .li[data-dw=Shanghai] {
  left: -webkit-calc(1181 / var(--my-active2-width) * 100%);
  left: -moz-calc(1181 / var(--my-active2-width) * 100%);
  left: calc(1181 / var(--my-active2-width) * 100%);
  top: -webkit-calc(400 / var(--my-active2-height) * 100%);
  top: -moz-calc(400 / var(--my-active2-height) * 100%);
  top: calc(400 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=Shanghai] .txt {
  top: 0;
  left: 100%;
  transform: translateX(0.05rem);
  font-size: 10px;
}
.my-active2 .ul1 .li[data-dw=Taiwan] {
  left: -webkit-calc(1189 / var(--my-active2-width) * 100%);
  left: -moz-calc(1189 / var(--my-active2-width) * 100%);
  left: calc(1189 / var(--my-active2-width) * 100%);
  top: -webkit-calc(424 / var(--my-active2-height) * 100%);
  top: -moz-calc(424 / var(--my-active2-height) * 100%);
  top: calc(424 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=Taiwan] .txt {
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(0.04rem);
  font-size: 10px;
}
.my-active2 .ul1 .li[data-dw=Thailand] {
  left: -webkit-calc(1109 / var(--my-active2-width) * 100%);
  left: -moz-calc(1109 / var(--my-active2-width) * 100%);
  left: calc(1109 / var(--my-active2-width) * 100%);
  top: -webkit-calc(461 / var(--my-active2-height) * 100%);
  top: -moz-calc(461 / var(--my-active2-height) * 100%);
  top: calc(461 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=Thailand] .txt {
  top: 50%;
  right: 100%;
  transform: translateX(-0.05rem);
  font-size: 10px;
}
.my-active2 .ul1 .li[data-dw=Vietnam] {
  left: -webkit-calc(1140 / var(--my-active2-width) * 100%);
  left: -moz-calc(1140 / var(--my-active2-width) * 100%);
  left: calc(1140 / var(--my-active2-width) * 100%);
  top: -webkit-calc(473 / var(--my-active2-height) * 100%);
  top: -moz-calc(473 / var(--my-active2-height) * 100%);
  top: calc(473 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=Vietnam] .txt {
  top: 100%;
  transform: translateY(0.1rem);
  left: 0;
  font-size: 10px;
}
.my-active2 .ul1 .li[data-dw=Singapore] {
  left: -webkit-calc(1125 / var(--my-active2-width) * 100%);
  left: -moz-calc(1125 / var(--my-active2-width) * 100%);
  left: calc(1125 / var(--my-active2-width) * 100%);
  top: -webkit-calc(534 / var(--my-active2-height) * 100%);
  top: -moz-calc(534 / var(--my-active2-height) * 100%);
  top: calc(534 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=Singapore] .txt {
  top: 0;
  right: 100%;
  transform: translateX(-0.1rem);
  font-size: 10px;
}
.my-active2 .ul1 .li[data-dw=India] {
  left: -webkit-calc(1011 / var(--my-active2-width) * 100%);
  left: -moz-calc(1011 / var(--my-active2-width) * 100%);
  left: calc(1011 / var(--my-active2-width) * 100%);
  top: -webkit-calc(417 / var(--my-active2-height) * 100%);
  top: -moz-calc(417 / var(--my-active2-height) * 100%);
  top: calc(417 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=India] .txt {
  top: -webkit-calc(100% + 7px);
  top: -moz-calc(100% + 7px);
  top: calc(100% + 7px);
  left: -6px;
  font-size: 10px;
}
.my-active2 .ul1 .li[data-dw=Suzhou] {
  left: -webkit-calc(1162 / var(--my-active2-width) * 100%);
  left: -moz-calc(1162 / var(--my-active2-width) * 100%);
  left: calc(1162 / var(--my-active2-width) * 100%);
  top: -webkit-calc(400 / var(--my-active2-height) * 100%);
  top: -moz-calc(400 / var(--my-active2-height) * 100%);
  top: calc(400 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=Suzhou][data-color=pink] .ico span {
  background-color: #fff;
}
.my-active2 .ul1 .li[data-dw=Suzhou].act .ico span img {
  width: 13px;
}
.my-active2 .ul1 .li[data-dw=Suzhou] .txt {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-0.09rem);
  font-size: 14px;
}
.my-active2 .ul1 .li[data-dw=Shenzhen] {
  left: -webkit-calc(1159 / var(--my-active2-width) * 100%);
  left: -moz-calc(1159 / var(--my-active2-width) * 100%);
  left: calc(1159 / var(--my-active2-width) * 100%);
  top: -webkit-calc(426 / var(--my-active2-height) * 100%);
  top: -moz-calc(426 / var(--my-active2-height) * 100%);
  top: calc(426 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=Shenzhen] .txt {
  top: 0;
  right: 100%;
  transform: translateX(-0.05rem);
  font-size: 10px;
}
.my-active2 .ul1 .li[data-dw=Malaysia] {
  left: -webkit-calc(1111 / var(--my-active2-width) * 100%);
  left: -moz-calc(1111 / var(--my-active2-width) * 100%);
  left: calc(1111 / var(--my-active2-width) * 100%);
  top: -webkit-calc(502 / var(--my-active2-height) * 100%);
  top: -moz-calc(502 / var(--my-active2-height) * 100%);
  top: calc(502 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=Malaysia] .txt {
  top: 0;
  right: 100%;
  transform: translateX(-0.08rem);
  font-size: 10px;
}
.my-active2 .ul1 .li[data-dw=Czech] {
  left: -webkit-calc(749 / var(--my-active2-width) * 100%);
  left: -moz-calc(749 / var(--my-active2-width) * 100%);
  left: calc(749 / var(--my-active2-width) * 100%);
  top: -webkit-calc(303 / var(--my-active2-height) * 100%);
  top: -moz-calc(303 / var(--my-active2-height) * 100%);
  top: calc(303 / var(--my-active2-height) * 100%);
}
.my-active2 .ul1 .li[data-dw=Czech] .txt {
  top: 150%;
  left: 0;
  transform: translateX(-0.5em);
  font-size: 10px;
  color: #333;
}
.my-active2 .ul1 .li .txt {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 10;
}
.my-active2 .ul1 .ico {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: relative;
}
.my-active2 .ul1 .ico::before, .my-active2 .ul1 .ico::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  animation-name: boderM;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-timing-function: linear;
  pointer-events: none;
}
.my-active2 .ul1 .ico::before {
  width: 168.4210526316%;
  height: 168.4210526316%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
}
.my-active2 .ul1 .ico::after {
  width: 242.1052631579%;
  height: 242.1052631579%;
  background: rgba(255, 255, 255, 0.3);
  animation-delay: 2s;
}
@-webkit-keyframes boderM {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.5;
  }
  90%{
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
  100% {
     -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes boderM {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.5;
  }
  90%{
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
  100% {
     -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
}
@-o-keyframes boderM {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.5;
  }
  90%{
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
  100% {
     -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
}
@keyframes boderM {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.5;
  }
  90%{
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
  100% {
     -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
}
.my-active2 .ul1 .ico span {
  background: #80AED8;
  border: 1.74px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 5;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.my-active2 .ul1 .ico span img {
  width: 3px;
}
.my-active2 .ul1 .li-info-container {
  padding-left: 0.4rem;
  -webkit-transform: translateY(15px);
     -moz-transform: translateY(15px);
      -ms-transform: translateY(15px);
       -o-transform: translateY(15px);
          transform: translateY(15px);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 12;
  pointer-events: none;
  position: relative;
}
.my-active2 .ul1 .li-info {
  position: absolute;
  z-index: 12;
  left: 100%;
  top: -0.4rem;
  width: 2.85rem;
  border: 2px solid #fff;
  border-radius: 0.08rem;
  overflow: hidden;
  background-color: #fff;
  padding-bottom: 0.14rem;
  box-shadow: 0px 8px 8px 0px rgba(18, 100, 232, 0.15);
}
.my-active2 .ul1 .li-info img {
  width: 100%;
}
.my-active2 .ul1 .li-info-title {
  margin-top: 0.14rem;
  line-height: 1.5;
  height: 3em;
  padding: 0 0.08rem;
  text-align: center;
}
.my-active2 .ul1 .li-info-title span{
    font-size: 0.8em;
}
.my-active2 .ul2 .li[data-color-name=blue] .ico span, .my-active2 .ul1 .li.act[data-color=blue] .ico span {
  background: #0082E0;
}
.my-active2 .ul2 .li[data-color-name=green] .ico span, .my-active2 .ul1 .li.act[data-color=green] .ico span {
  background: #28CC7C;
}
.my-active2 .ul2 .li[data-color-name=yellow] .ico span, .my-active2 .ul1 .li[data-color=yellow] .ico span {
  background: #FFBD14;
}
.my-active2 .ul2 .li[data-color-name=pink] .ico span, .my-active2 .ul1 .li[data-color=pink] .ico span {
  background: #FF144D;
}
.my-active2 .ul2 .li[data-color-name=purple] .ico span, .my-active2 .ul1 .li.act[data-color=purple] .ico span {
  background: #8E01BF;
}
.my-active2 .ul2 .li[data-color-name=orange] .ico span, .my-active2 .ul1 .li[data-color=orange] .ico span {
  background: #ED7B35;
}
.my-active2 .ul2 {
  position: absolute;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
     -moz-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
  bottom: 9.8203592814%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-active2 .ul2 .li {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-active2 .ul2 .li.act .ico span {
  width: 24px;
  height: 24px;
  border: 4px solid #fff;
}
.my-active2 .ul2 .li.act .txt {
  font-weight: bold;
}
.my-active2 .ul2 .li:not(:last-child) {
  margin-right: 0.3rem;
}
.my-active2 .ul2 .li .ico {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 9px;
}
.my-active2 .ul2 .li .ico span {
  border: 1px solid #DFECF9;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -60%);
     -moz-transform: translate(-50%, -60%);
      -ms-transform: translate(-50%, -60%);
       -o-transform: translate(-50%, -60%);
          transform: translate(-50%, -60%);
  width: 16px;
  height: 16px;
}
.my-active2 .ul2 .li .txt {
  font-size: 12px;
  line-height: 16px;
  color: #fff;
}

.my-active2 .nums {
  position: absolute;
  bottom: 7.6646706587%;
  left: 0.09rem;
  max-width: 18%;
}
.my-active2 .num + .num {
  margin-top: 0.2rem;
}
.my-active2 .num-title span {
  font-size: 0.54rem;
  font-family: Arial;
}
.my-active2 .num-title sup {
  display: inline-block;
  vertical-align: top;
}
.my-active2 .num-line {
  height: 1px;
  display: block;
  background-color: #000;
  width: 2.18rem;
  margin-top: 0.2rem;
}
.my-active2 .num-text {
  line-height: 1.5;
  margin-top: 0.06rem;
}

.profile .section3 {
  padding-top: 1.3rem;
  padding-bottom: 1.2rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.profile .section3 .left {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.profile .section3 .title1 {
  line-height: 1.4166666667;
  margin-bottom: 0.39rem;
}
.profile .section3 .title2 {
  line-height: 1.5;
  margin-bottom: 0.35rem;
}
.profile .section3 .text {
  line-height: 1.5;
}
.profile .section3 .right {
  width: 54.0540540541%;
  height: 5rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  margin-left: 3.3783783784%;
}
.profile .section3 .right-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.profile .section4 {
  background: url(../images/3.webp) no-repeat center center/cover;
  padding: 1.2rem 0;
}
.profile .section4 .title {
  margin-bottom: 0.6rem;
}
.profile .section4 .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.profile .section4 .left {
  width: 34.4594594595%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.profile .section4 .left.active {
  opacity: 0;
  -webkit-transform: translateX(-15px);
     -moz-transform: translateX(-15px);
      -ms-transform: translateX(-15px);
       -o-transform: translateX(-15px);
          transform: translateX(-15px);
}
.profile .section4 .left-item {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.profile .section4 .left-item:nth-child(1) {
  position: relative;
}
.profile .section4 .left-item.active {
  opacity: 1;
}
.profile .section4 .left-swiper {
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: #ddd;
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-bullet-horizontal-gap: 5px;
  margin-bottom: 0.23rem;
}
.profile .section4 .left-swiper .swiper-pagination {
  bottom: 0.2rem;
}
.profile .section4 .left-swiper .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 5px;
}
.profile .section4 .left-swiper .slide-img {
  height: 3.25rem;
}
.profile .section4 .left-title {
  line-height: 1.3333333333;
  margin-bottom: 0.09rem;
  /*height: 1.3333333333em;*/
}
.profile .section4 .left-text {
  line-height: 1.5;
  height: 3em;
}
.profile .section4 .right {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.profile .section4 .right .swiper-pagination {
  right: 0;
  left: auto;
  background-color: #d9d9d9;
  --swiper-pagination-color: linear-gradient(180deg, #28CC7C 0%, #019EBF 100%);
}
.profile .section4 .swiper-slide {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}
.profile .section4 .swiper-slide:last-child .slide-left {
  padding-bottom: 0;
}
.profile .section4 .right-swiper {
  max-height: 4.53rem;
  height: 100%;
  overflow: initial;
}
.profile .section4 .slide-left {
  width: 23.7113402062%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 0.6rem;
}
.profile .section4 .slide-time {
  line-height: 0.79rem;
  color: #999;
}
.profile .section4 .slide-right {
  border-left: 1px solid #ddd;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.18rem 7.2164948454% 0 9.2783505155%;
}
.profile .section4 .slide-text {
  line-height: 1.5555555556;
  color: #999999;
  position: relative;
  color: #999;
}
.profile .section4 .slide-text span {
  position: absolute;
  color: #019EBF;
  line-height: 1;
  left: -0.23rem;
  opacity: 0;
}
.profile .section4 .slide-round, .profile .section4 .slide-round-container, .profile .section4 .slide-round-content {
  border-radius: 50%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile .section4 .swiper-slide-active .slide-time {
  color: #000;
}
.profile .section4 .swiper-slide-active .slide-text {
  color: #000;
}
.profile .section4 .swiper-slide-active .slide-text span {
  opacity: 1;
}
.profile .section4 .swiper-slide-active .slide-round {
  width: 0.79rem;
  height: 0.79rem;
  background-color: rgba(40, 204, 124, 0.1);
}
.profile .section4 .swiper-slide-active .slide-round-container {
  width: 0.54rem;
  height: 0.54rem;
  background-color: rgba(40, 204, 124, 0.2);
}
.profile .section4 .swiper-slide-active .slide-round-content {
  width: 0.32rem;
  height: 0.32rem;
  background-color: #019EBF;
}
.profile .section4 .swiper-slide-active .slide-round-content span {
  opacity: 1;
}
.profile .section4 .slide-round {
  width: 0.56rem;
  height: 0.56rem;
  background-color: rgba(157, 157, 158, 0.1);
  -webkit-transform: translate(50%);
     -moz-transform: translate(50%);
      -ms-transform: translate(50%);
       -o-transform: translate(50%);
          transform: translate(50%);
}
.profile .section4 .slide-round-container {
  width: 0.38rem;
  height: 0.38rem;
  background-color: rgba(157, 157, 158, 0.2);
}
.profile .section4 .slide-round-content {
  width: 0.23rem;
  height: 0.23rem;
  background-color: #9d9d9e;
  color: #fff;
  font-size: 0.18rem;
}
.profile .section4 .slide-round-content span {
  opacity: 0;
  width: 0.22rem;
  height: 0.22rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.profile .section5 {
  padding-top: 0.9rem;
  padding-bottom: 1.5rem;
}
.profile .section5 .title {
  margin-bottom: 0.68rem;
}
.profile .section5 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.profile .section5 .item {
  width: 30.5405405405%;
  position: relative;
  padding-top: 30.5405405405%;
  cursor: pointer;
}
.profile .section5 .item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: -3.7610619469%;
  left: 6.1946902655%;
  border-radius: 50%;
  z-index: 3;
  border: 2px solid #019EBF;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 4s;
     -moz-animation-duration: 4s;
       -o-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-name: animation1;
     -moz-animation-name: animation1;
       -o-animation-name: animation1;
          animation-name: animation1;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: 43.8053097345% 53.7610619469%;
     -moz-transform-origin: 43.8053097345% 53.7610619469%;
      -ms-transform-origin: 43.8053097345% 53.7610619469%;
       -o-transform-origin: 43.8053097345% 53.7610619469%;
          transform-origin: 43.8053097345% 53.7610619469%;
}
@-webkit-keyframes animation1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes animation1 {
  0% {
    -moz-transform: rotate(0);
         transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
@-o-keyframes animation1 {
  0% {
    -o-transform: rotate(0);
       transform: rotate(0);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes animation1 {
  0% {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.profile .section5 .item:hover .item-title-container {
  transform: translateY(0);
}
.profile .section5 .item:hover .item-container::before {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.profile .section5 .item:hover .item-title, .profile .section5 .item:hover .item-text {
  color: #fff;
}
.profile .section5 .item:hover .item-title {
  margin-top: 0;
}
.profile .section5 .item:hover .item-text {
  opacity: 1;
}
.profile .section5 .item-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 2px solid #28CC7C;
  text-align: center;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*padding-top: 50%;*/
  overflow: hidden;
}
.profile .section5 .item-container::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: -moz-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: -o-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: linear-gradient(340deg, #50B8A6 17.75%, #13A6B9 81.2%);
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
       -o-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.profile .section5 .item-title-container {
  position: relative;
  transform: translateY(50%);
}
.profile .section5 .item-title {
  line-height: 1.3333333333;
  /*margin-top: -1.3333333333em;*/
}
.profile .section5 .item-text {
  padding-top: 0.4rem;
  /*position: absolute;*/
  line-height: 2;
  width: 100%;
  opacity: 0;
}

.technical .section3 {
  padding-top: 1.2rem;
  padding-bottom: 0.2rem;
  background: url(../images/5.webp) no-repeat bottom center/cover;
}
.technical .section3 .title {
  margin-bottom: 0.45rem;
}
.technical .section3 .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.technical .section3 .left {
  width: 54.0540540541%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.technical .section3 .left-text {
  line-height: 1.5;
  margin-bottom: 0.36rem;
}
.technical .section3 .left-container {
  width: 70%;
}
.technical .section3 .left-center {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 0.36rem;
  border-bottom: 1px solid;
}
.technical .section3 .left-num {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.technical .section3 .left-text1 {
  line-height: 1.5;
  margin-top: 0.12rem;
}
.technical .section3 .left-img {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0.6rem auto 0;
  position: relative;
}
.technical .section3 .left-img img {
  border-radius: 50%;
}
.technical .section3 .left-img::before {
  border-color: #28CC7C;
}
.technical .section3 .right {
  width: 45.9459459459%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.technical .section3 .right-img1 {
  width: 95.1470588235%;
  margin-left: -7.3529411765%;
}
.technical .section3 .right-img2 {
  width: 25.7352941176%;
  margin-right: -4.2647058824%;
  margin-left: auto;
  margin-top: -13.0882352941%;
}
.technical .section3 .right-img2::before {
  border-color: #50B8A6;
}
.technical .section4 {
  background: url(../images/9.webp) no-repeat left center/cover;
  position: relative;
  padding: 1.53rem 0;
}
.technical .section4::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(left, rgba(217, 217, 217, 0) 0.11%, rgba(242, 250, 252, 0.8) 77.43%, #F2FAFC 99.88%);
  background: -moz-linear-gradient(left, rgba(217, 217, 217, 0) 0.11%, rgba(242, 250, 252, 0.8) 77.43%, #F2FAFC 99.88%);
  background: -o-linear-gradient(left, rgba(217, 217, 217, 0) 0.11%, rgba(242, 250, 252, 0.8) 77.43%, #F2FAFC 99.88%);
  background: linear-gradient(90deg, rgba(217, 217, 217, 0) 0.11%, rgba(242, 250, 252, 0.8) 77.43%, #F2FAFC 99.88%);
}
.technical .section4 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.technical .section4 .item {
  width: 3.12rem;
}
.technical .section4 .item + .item {
  margin-top: 0.5rem;
}
.technical .section4 .item-num {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.45rem;
}
.technical .section4 .item-text {
  line-height: 1.5;
  padding-top: 0.1rem;
  border-top: 1px solid #000;
}
.technical .section5 {
  padding-top: 1.2rem;
  padding-bottom: 1.5rem;
}
.technical .section5 .title {
  margin-bottom: 0.55rem;
}
.technical .section5 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.2rem;
}
.technical .section5 .list::after {
  width: 32.4324324324%;
  content: "";
}
.technical .section5 .item {
  width: 32.4324324324%;
  background-color: #F5F5F5;
  margin-bottom: 0.2rem;
  cursor: pointer;
}
.technical .section5 .item:hover .item-img img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.technical .section5 .item-img {
  width: 100%;
  background-color: #E5E5E5;
  height: 2.7rem;
  overflow: hidden;
}
.technical .section5 .item-img img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.technical .section5 .item-info {
  padding: 0.28rem 7.2916666667% 0.4rem;
}
.technical .section5 .item-title {
  line-height: 1.5;
  margin-bottom: 0.11rem;
  min-height: 3em;
}
.technical .section5 .item-text {
  line-height: 1.4285714286;
  height: 8.7142857143em;
  overflow: hidden;
  overflow-y: auto;
}
.technical .section5 .item-text::-webkit-scrollbar {
  width: 4px;
  background-color: #d9d9d9;
}
.technical .section5 .item-text::-webkit-scrollbar-thumb {
  width: 4px;
  background-image: -webkit-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background-image: linear-gradient(180deg, #28CC7C 0%, #019EBF 100%);
}
.technical .section5 .swiper {
  padding-bottom: 0.59rem;
}
.technical .section5 .swiper-slide {
  cursor: pointer;
}
.technical .section5 .swiper-slide:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.technical .section5 .slide-img {
  width: 100%;
  height: 2.8rem;
  margin-bottom: 0.13rem;
  overflow: hidden;
}
.technical .section5 .slide-img img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.technical .section5 .slide-title {
  text-align: center;
  line-height: 1.25;
}
.technical .section5 .swiper-pagination {
  bottom: 0;
  top: auto;
  background: #eee;
  --swiper-pagination-color: #019EBF;
}

.honors .section-container {
  background: url(../images/22.webp) no-repeat bottom center/cover;
}
.honors .section3 {
  padding-top: 1.2rem;
  padding-bottom: 1.47rem;
  overflow: hidden;
}
.honors .section3 .title {
  margin-bottom: 0.8rem;
}
.honors .section3 .swiper {
  overflow: initial;
  padding-bottom: 1rem;
}
.honors .section3 .swiper-slide {
  width: 3.82rem;
}
.honors .section3 .slide-img {
  width: 100%;
  padding-top: 66.7539267016%;
  background: url(../images/23.webp) no-repeat center center/cover;
  border-radius: 0.08rem;
  position: relative;
}
.honors .section3 .slide-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 81.1518324607%;
}
.honors .section3 .swiper-slide-active .slide-title {
  opacity: 1;
}
.honors .section3 .slide-title {
  margin-top: 0.13rem;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
}
.honors .section3 .swiper-button-container {
  position: absolute;
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.5rem;
}
.honors .section3 .swiper-button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #019EBF;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.15rem;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.honors .section3 .swiper-button img {
  position: relative;
}
.honors .section3 .swiper-button::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background-image: -moz-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background-image: -o-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background-image: linear-gradient(180deg, #28CC7C 0%, #019EBF 100%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.honors .section3 .swiper-button:hover::before {
  opacity: 1;
}
.honors .section3 .swiper-button.swiper-prev img {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.esg .section-container {
  background: url(../images/25.webp) no-repeat bottom center/cover;
}
.esg .section3 {
  height: auto;
  padding-top: 1.2rem;
  padding-bottom: 1.8rem;
  margin: 0;
}
.esg .ul {
  height: auto;
  overflow: initial;
}
.esg .ul .li {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
}
.esg .ul .li .lpop .txt .t3 {
  opacity: 0;
}
.esg .ul .li .lcon {
  -moz-border-image: -moz-linear-gradient(top, #28CC7C, #019EBF) 1;
    -o-border-image: -o-linear-gradient(top, #28CC7C, #019EBF) 1;
       border-image: -webkit-linear-gradient(top, #28CC7C, #019EBF) 1;
       border-image: linear-gradient(to bottom, #28CC7C, #019EBF) 1;
  border-color: initial;
  min-height: 6.5rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 0.57rem;
}
.esg .ul .li .lcon .ico img {
  background-color: #fff;
  border-radius: 50%;
}
.esg .ul .li .lcon .txt {
  margin-bottom: 0.4rem;
}
.esg .ul .li .lcon .txt .t1 {
  color: #222;
}
.esg .ul .li .lcon .txt .t2 {
  color: #666;
}
.esg .ul .li .lcon .arr {
  position: relative;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  margin-top: auto;
}
.esg .ul .li .lcon .arr img {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.products .section3 {
  overflow: hidden;
  padding-bottom: 1.1rem;
}
.products .section3 .item {
  padding-top: 1.23rem;
  position: relative;
}
.products .section3 .item + .item {
  margin-top: 0.76rem;
}
.products .section3 .item:nth-child(2) .item-bg {
  width: 9.64rem;
  top: -2rem;
}
.products .section3 .item:nth-child(3) .item-bg {
  width: 10.59rem;
  top: -2.5rem;
  left: 45%;
}
.products .section3 .item-title {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 0.56rem;
}
.products .section3 .item-bg {
  width: 8.15rem;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.products .section3 .ul {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.products .section3 .li {
  width: 48.7837837838%;
  background: url(../images/28.webp) no-repeat center center/cover;
  /*padding: 0.73rem 1.3513513514% 0.53rem;*/
  margin-bottom: 0.4rem;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.products .section3 .li:hover .item-img {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
}
.products .section3 .li:hover .li-more span {
  color: #fff;
}
.products .section3 .li:hover .li-more::before {
  opacity: 1;
}
.products .section3 .li:hover .li-more img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.products .section3 .li-info{
  position: absolute;
  top: 0.73rem;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.73rem .2rem 0.53rem;
}
.products .section3 .li-title {
  line-height: 1.6666666667;
  height: 1.6666666667em;
  margin-bottom: 0.3rem;
}
.products .section3 .li-more {
  margin: 0 auto;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  border: 1px solid #019EBF;
  line-height: 3.125em;
  padding: 0 0.36rem;
  position: relative;
  overflow: hidden;
}
.products .section3 .li-more span {
  position: relative;
  color: #019EBF;
}
.products .section3 .li-more::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-image: -webkit-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: -moz-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: -o-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: linear-gradient(340deg, #50B8A6 17.75%, #13A6B9 81.2%);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.products .section3 .li-more img {
  margin-left: 0.08rem;
}
.products .section3 .item-img {
  width: 100%;
}

.products_class .section3 {
  padding-bottom: 1.15rem;
}
.products_class .section3 .box2 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.products_class .section3 .right {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 1.6216216216%;
}
.products_class .section3 .title {
  line-height: 1.5;
  margin-bottom: 0.3rem;
}
.products_class .section3 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 0.2rem;
}
.products_class .section3 .list::after {
  content: "";
  width: 31.1418685121%;
}
.products_class .section3 .item {
  width: 31.1418685121%;
  border: 1px solid #ddd;
  margin-bottom: 0.4rem;
}
.products_class .section3 .item:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.products_class .section3 .item:hover .item-title::before {
  opacity: 1;
}
.products_class .section3 .item:hover .item-title p {
  color: #fff;
}
.products_class .section3 .item-img {
  background: url(../images/33.webp) no-repeat center center/cover;
  overflow: hidden;
}
.products_class .section3 .item-title {
  background-color: #f5f5f5;
  text-align: center;
  line-height: 1.375;
  padding: 0.06rem 0.1rem 0.09rem;
  height: 3.85em;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.products_class .section3 .item-title::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(205deg, #50B8A6 -12.47%, #13A6B9 41.79%);
  background-image: -moz-linear-gradient(205deg, #50B8A6 -12.47%, #13A6B9 41.79%);
  background-image: -o-linear-gradient(205deg, #50B8A6 -12.47%, #13A6B9 41.79%);
  background-image: linear-gradient(245deg, #50B8A6 -12.47%, #13A6B9 41.79%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.products_class .section3 .item-title p {
  width: 100%;
  position: relative;
}

.products_detail {
  padding-top: var(--header-height);
}
.products_detail .section2 {
  padding-bottom: 1.5rem;
}
.products_detail .section2 .box2 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.products_detail .section2 .right {
  margin-left: 1.6216216216%;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
}
.products_detail .section2 .right .right-content{
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;

}
.products_detail .section2 .swiper {
  width: 44.723183391%;
  margin-right: 6.9204152249%;
  margin-left: 0;
  padding-bottom: 0.32rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.products_detail .section2 .swiper-slide {
  background: url(../images/38.webp) no-repeat center center/cover;
  cursor: pointer;
  overflow: hidden;
}
.products_detail .section2 .swiper-slide:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.products_detail .section2 .swiper-slide img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.products_detail .section2 .swiper-pagination {
  bottom: 0;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: #BFBFBF;
  --swiper-pagination-bullet-horizontal-gap: 0.08rem;
  --swiper-pagination-color: #019EBF;
}
.products_detail .section2 .info {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
}
.products_detail .section2 .info-title{
  line-height: 1.6666666667;
}
.products_detail .section2 .title1 {
  line-height: 1.5;
  margin-bottom: 0.05rem;
}
.products_detail .section2 .title2 {
  line-height: 1.5;
  color: #999;
  margin-bottom: .4rem;
}
.products_detail .section2 .content {
  line-height: 1.5555555556;
  color: #666;
  padding-top: 0.32rem;
}
.products_detail .section2 .content .content-item {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.products_detail .section2 .content .content-item + .content-item {
  margin-top: 0.16rem;
}
.products_detail .section2 .content span {
  margin-right: 0.14rem;
  color: #019EBF;
  flex-shrink: 0;
}
.products_detail .section2 .content .content-item-info{
  flex-grow: 1;
  width: 0;
}
.products_detail .section2 .content .content-item-info p:nth-child(1){
  color: #999;
}
.products_detail .section2 .more {
  display: inline-block;
  line-height: 3.125;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.35rem;
  border-radius: 25px;
  border: 1px solid #00A17F;
  position: relative;
  overflow: hidden;
  margin-top: 0.48rem;
}
.products_detail .section2 .more::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: -moz-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: -o-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: linear-gradient(340deg, #50B8A6 17.75%, #13A6B9 81.2%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.products_detail .section2 .more span {
  position: relative;
}
.products_detail .section2 .more:hover {
  border-color: transparent;
}
.products_detail .section2 .more:hover span {
  color: #fff;
}
.products_detail .section2 .more:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.products_detail .section2 .more:hover::before {
  opacity: 1;
}
.products_detail .section2 .more img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.06rem;
}
.products_detail .section2 .list1-title{
  line-height: 1.6666666667;
  margin-bottom: .32rem;
}
.products_detail .section2 .item1{
  display: flex;
  align-items: flex-start;
  line-height: 1.6666666667;
}
.products_detail .section2 .item1 + .item1{
  margin-top: .32rem;
}
.products_detail .section2 .item1 span:nth-child(1){
  flex-shrink: 0;
  color: #019EBF;
  margin-right: .12rem;
}
.products_detail .section2 .item1 span:nth-child(2){
  flex-grow: 1;
  color: #666;
}
.products_detail .section2 .list2,.products_detail .section2 .list3{
  margin-bottom: .72rem;
  margin-top: .48rem;
}
.products_detail .section2 .list2-top{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.products_detail .section2 .list2-container,.products_detail .section2 .list3-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.products_detail .section2 .list2-left{
  width: calc(550 / 1156 * 100%);
}
.products_detail .section2 .list2-left .item2{
  width: 100%;
}
.products_detail .section2 .item2{
  line-height: 1.6666666667;
  width: calc(550 / 1156 * 100%);
  display: flex;
  align-items: flex-start;
  padding: .32rem 0;
  border-bottom: 1px solid #DDDDDD;
  flex-wrap: wrap;
}
.products_detail .section2 .item2 span:nth-child(1){
  flex-shrink: 0;
  color: #999;
  width: 12.5em;
}
.products_detail .section2 .item3{
  width: calc(550 / 1156 * 100%);
  margin-bottom: 20px;
}
.products_detail .section2 .item3-title{
  line-height: 1.625;
  margin-bottom: .16rem;
  color: #999;
}
.products_detail .section2 .item3-text{
  display: flex;
  align-items: flex-start;
  line-height: 1.6666666667;
}
.products_detail .section2 .item3-text + .item3-text{
  margin-top: .08rem;
}
.products_detail .section2 .item3-text span:nth-child(1){
  flex-shrink: 0;
  color: #019EBF;
  margin-right: .09rem;
}

.service {
  background-color: #f5f5f5;
}
.service .section2 {
  padding-top: 1.3rem;
}
.service .section2 .title {
  margin-bottom: 1.2rem;
}
.service .section2 .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.service .section2 .content:nth-child(3) {
  margin-top: 2.45rem;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.service .section2 .left {
  width: 48.6486486486%;
  position: relative;
}
.service .section2 .left-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.service .section2 .left-img:nth-child(1) {
  position: relative;
}
.service .section2 .left-img.active {
  opacity: 1;
}
.service .section2 .right {
  width: 43.2432432432%;
  padding-top: 0.26rem;
}
.service .section2 .right-title {
  line-height: 1.3333333333;
  padding-bottom: 0.26rem;
  border-bottom: 4px solid;
  margin-bottom: 0.28rem;
}
.service .section2 .right-item {
  line-height: 1.5;
  padding-bottom: 0.15rem;
  border-bottom: 1px solid #ddd;
  position: relative;
  /*cursor: pointer;*/
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
/*.service .section2 .right-item:hover, .service .section2 .right-item.active {*/
/*  color: #019EBF;*/
/*}*/
/*.service .section2 .right-item:hover::before, .service .section2 .right-item.active::before {*/
/*  width: 100%;*/
/*}*/
.service .section2 .right-item + .right-item {
  margin-top: 0.3rem;
}
.service .section2 .right-item::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  left: 0;
  bottom: -1px;
  background-color: #019EBF;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.service .section3 {
  padding-top: 1.2rem;
}
.service .section3 .title {
  margin-bottom: 0.53rem;
}
.service .section3 .my-active2 .ul2 .li .txt {
  color: #000;
}
.service .section3 .my-active2 .ul1 .li .txt {
  color: #000;
}

.news .section-container {
  background-color: #F1F4F8;
}
.news .section3 .input {
  width: 9.22rem;
  max-width: 100%;
  margin: 0.57rem auto 0.6rem;
  position: relative;
  padding-bottom: 4px;
}
.news .section3 .input .input-border {
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #000000;
}
.news .section3 .input .input-icon {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.news .section3 .input .input-icon:hover img:nth-child(1) {
  opacity: 0;
}
.news .section3 .input .input-icon:hover img:nth-child(2) {
  opacity: 1;
}
.news .section3 .input .input-icon img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.news .section3 .input input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  line-height: 32px;
}
.news .section3 .input input:focus + .input-border {
  background-color: #019EBF;
}
.news .section3 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.news .section3 .list::after {
  width: 32.0945945946%;
  content: "";
}
.news .section3 .item {
  width: 32.0945945946%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0.3rem;
}
.news .section3 .item:hover .item-img {
  padding-top: 62.1052631579%;
}
.news .section3 .item:hover .item-center {
  height: 0.23rem;
}
.news .section3 .item:hover .item-info::before {
  opacity: 1;
}
.news .section3 .item:hover p {
  color: #fff;
}
.news .section3 .item:hover .item-icon {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.news .section3 .item-img {
  width: 100%;
  padding-top: 55.7894736842%;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
}
.news .section3 .item-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news .section3 .item-info {
  border: 1px solid #ddd;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.28rem 5.8947368421%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.news .section3 .item-info::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: -moz-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: -o-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: linear-gradient(340deg, #50B8A6 17.75%, #13A6B9 81.2%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.news .section3 .item-time {
  line-height: 1.4;
  margin-bottom: 0.25rem;
  position: relative;
}
.news .section3 .item-text {
  line-height: 1.625;
  position: relative;
  height: 4.875em;
}
.news .section3 .item-center {
  height: 0.5rem;
}
.news .section3 .item-icon {
  margin-top: auto;
  position: relative;
}
.news .section3 .page {
  margin: 0.3rem 0 1.2rem;
}
.news .section4 {
  padding-top: 1.2rem;
  padding-bottom: 1.5rem;
}
.news .section4 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.news .section4 .item {
  width: 31.9594594595%;
  padding: 0.48rem 2.027027027% 0.42rem;
  background-color: #fff;
  border-radius: 0.12rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.4rem;
}
.news .section4 .item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: -moz-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: -o-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: linear-gradient(340deg, #50B8A6 17.75%, #13A6B9 81.2%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.news .section4 .item:hover {
  border-radius: 0;
}
.news .section4 .item:hover::before {
  opacity: 1;
}
.news .section4 .item:hover .item-time {
  color: #fff;
}
.news .section4 .item:hover .item-time img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.news .section4 .item:hover .item-img img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}
.news .section4 .item:hover .item-text {
  color: #fff;
}
.news .section4 .item:hover .item-more {
  background-color: #fff;
}
.news .section4 .item:hover .item-more::before {
  opacity: 0;
}
.news .section4 .item:hover .item-more s {
  background-image: url(../images/svg/8-1.svg);
}
.news .section4 .item-time {
  line-height: 23px;
  margin-bottom: 0.3rem;
  position: relative;
}
.news .section4 .item-time img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.07rem;
}
.news .section4 .item-img {
  border-radius: 0.12rem;
  overflow: hidden;
  margin-bottom: 0.32rem;
  position: relative;
}
.news .section4 .item-text {
  line-height: 1.5;
  margin-bottom: 0.62rem;
  height: 4.5em;
  position: relative;
}
.news .section4 .item-more {
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news .section4 .item-more::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background: -moz-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background: -o-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background: linear-gradient(180deg, #28CC7C 0%, #019EBF 100%);
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.news .section4 .item-more s {
  display: block;
  width: 0.11em;
  height: 0.1em;
  background: url(../images/svg/8.svg) no-repeat center center;
  -o-background-size: 100% auto;
     background-size: 100% auto;
  position: relative;
}
.news .section4 .page {
  margin: 0.2rem 0 0;
}

.news_detail {
  background-color: #F5F7F8;
  padding-top: var(--header-height);
}
.news_detail .section1 {
  padding-top: 1.12rem;
  padding-bottom: 1.4rem;
}
.news_detail .section1 .title {
  text-align: center;
  line-height: 1.3333333333;
  margin-bottom: 0.7rem;
}
.news_detail .section1 .info {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 0.58rem;
}
.news_detail .section1 .info span {
  margin: 0 0.15rem;
}
.news_detail .section1 .info img {
  display: inline-block;
  vertical-align: middle;
}
.news_detail .section1 .content {
  line-height: normal;
  padding-top: 0.5rem;
  padding-bottom: 1.2rem;
  border-bottom: 4px solid #222;
  border-top: 1px solid #d9d9d9;
}
.news_detail .section1 .content img {
  display: inline-block;
}
.news_detail .section1 .bottom {
  padding-top: 0.54rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news_detail .section1 .item {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.news_detail .section1 .item + .item {
  margin-top: 0.2rem;
}
.news_detail .section1 .item.none {
  cursor: text;
}
.news_detail .section1 .item.none a {
  cursor: text;
}
.news_detail .section1 .item:not(.none):hover span, .news_detail .section1 .item:not(.none):hover a {
  color: #019EBF;
}
.news_detail .section1 .item:not(.none):hover a {
  text-decoration: underline;
}
.news_detail .section1 .item span {
  width: 5em;
  text-align: right;
  display: inline-block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  line-height: 1.4;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.news_detail .section1 .item a {
  line-height: 1.5555555556;
}
.news_detail .section1 .right {
  line-height: 3.125;
  padding: 0 0.43rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  cursor: pointer;
  border: 1px solid #019EBF;
  border-radius: 0.5rem;
  margin-left: 1rem;
  position: relative;
  overflow: hidden;
}
.news_detail .section1 .right::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: -moz-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: -o-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: linear-gradient(340deg, #50B8A6 17.75%, #13A6B9 81.2%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.news_detail .section1 .right:hover::before {
  opacity: 1;
}
.news_detail .section1 .right:hover span {
  color: #fff;
}
.news_detail .section1 .right span {
  position: relative;
  color: #019EBF;
}

.join .section3 {
  margin: 1.2rem 0;
}
.join .section3 .box {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.join .section3 .item {
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  border-right: 1px dashed #019EBF;
}
.join .section3 .item:last-child {
  border-right: none;
}
.join .section3 .item-img {
  margin: 0 auto 0.26rem;
  width: 1.2em;
}
.join .section3 .item-title {
  line-height: 1.7142857143;
}
.join .section4 .title {
  margin-bottom: 1.52rem;
}
.join .section4 .list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.join .section4 .item {
  width: 3.73rem;
  height: 3.73rem;
  border-radius: 50%;
  border: 2px solid #28CC7C;
  text-align: center;
  padding-top: 0.4rem;
}
.join .section4 .item-img {
  margin: 0 auto;
  width: 0.72rem;
  margin-bottom: 0.2rem;
}
.join .section4 .item-title {
  line-height: 1.5;
  margin-bottom: 0.16rem;
}
.join .section4 .item-text {
  line-height: 1.5;
}
.join .section4 .list1 {
  width: 6.87rem;
}
.join .section4 .item1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}
.join .section4 .item1 + .item1 {
  margin-top: 0.2rem;
}
.join .section4 .item1:nth-child(1) .item1-sides {
  position: relative;
}
.join .section4 .item1:nth-child(1) .item1-sides img {
  position: absolute;
  max-width: initial;
  left: 0;
  bottom: 0;
  width: 166.1016949153%;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.join .section4 .item1:nth-child(1) .item1-sides span {
  position: relative;
}
.join .section4 .item1:nth-child(1) .item1-center {
  opacity: 0;
}
.join .section4 .item1:nth-child(2) .item1-sides {
  background-image: -webkit-linear-gradient(top, #1ABB96, #15B69D);
  background-image: -moz-linear-gradient(top, #1ABB96, #15B69D);
  background-image: -o-linear-gradient(top, #1ABB96, #15B69D);
  background-image: linear-gradient(to bottom, #1ABB96, #15B69D);
}
.join .section4 .item1:nth-child(3) .item1-sides {
  background-image: -webkit-linear-gradient(top, #13B3A1, #0FAEA9);
  background-image: -moz-linear-gradient(top, #13B3A1, #0FAEA9);
  background-image: -o-linear-gradient(top, #13B3A1, #0FAEA9);
  background-image: linear-gradient(to bottom, #13B3A1, #0FAEA9);
}
.join .section4 .item1:nth-child(4) .item1-sides {
  background-image: -webkit-linear-gradient(top, #0DACAD, #08A6B4);
  background-image: -moz-linear-gradient(top, #0DACAD, #08A6B4);
  background-image: -o-linear-gradient(top, #0DACAD, #08A6B4);
  background-image: linear-gradient(to bottom, #0DACAD, #08A6B4);
}
.join .section4 .item1:nth-child(5) .item1-sides {
  background-image: -webkit-linear-gradient(top, #06A4B7, #029FBF);
  background-image: -moz-linear-gradient(top, #06A4B7, #029FBF);
  background-image: -o-linear-gradient(top, #06A4B7, #029FBF);
  background-image: linear-gradient(to bottom, #06A4B7, #029FBF);
}
.join .section4 .item1-sides {
  width: 1.77rem;
  border-radius: 0.08rem;
  min-height: 0.52rem;
  padding: 0.1rem;
  line-height: 1.5;
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.join .section4 .item1-center {
  position: relative;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0.22rem;
}
.join .section4 .item1-center span {
  background-color: #fff;
  position: relative;
  min-width: 1.33rem;
  display: inline-block;
  padding: 0 0.1rem;
}
.join .section4 .item1-center::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  border-top: 1px dashed #019EBF;
  left: 0;
  top: 50%;
}
.join .section4 .item1-bottom {
  padding-top: 0.03rem;
  text-align: center;
  color: #fff;
  background-image: -webkit-linear-gradient(right, rgba(40, 204, 124, 0) 0%, #28CC7C 49%, rgba(58, 200, 134, 0) 100%);
  background-image: -moz-linear-gradient(right, rgba(40, 204, 124, 0) 0%, #28CC7C 49%, rgba(58, 200, 134, 0) 100%);
  background-image: -o-linear-gradient(right, rgba(40, 204, 124, 0) 0%, #28CC7C 49%, rgba(58, 200, 134, 0) 100%);
  background-image: linear-gradient(270deg, rgba(40, 204, 124, 0) 0%, #28CC7C 49%, rgba(58, 200, 134, 0) 100%);
}
.join .section4 .item1-bottom-title {
  line-height: 1.2;
}
.join .section4 .item1-bottom-text {
  line-height: 2;
}
.join .section5 {
  padding-top: 1.2rem;
}
.join .section5 .title {
  margin-bottom: 0.6rem;
}
.join .section5 .content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.join .section5 .left {
  width: 50%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-image: -webkit-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: -moz-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: -o-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: linear-gradient(340deg, #50B8A6 17.75%, #13A6B9 81.2%);
  padding: 0.53rem 4.7297297297% 0.4rem;
}
.join .section5 .left-item + .left-item {
  margin-top: 0.24rem;
}
.join .section5 .left-item.active .left-top {
  border-color: #fff;
}
.join .section5 .left-item.active .left-icon {
  opacity: 1;
  -webkit-transform: rotate(0);
     -moz-transform: rotate(0);
      -ms-transform: rotate(0);
       -o-transform: rotate(0);
          transform: rotate(0);
}
.join .section5 .left-top {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.join .section5 .left-title {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  color: #fff;
  line-height: 1.5;
}
.join .section5 .left-icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.join .section5 .left-content {
  padding-top: 0.18rem;
  color: #fff;
  line-height: 1.4285714286;
  display: none;
}
.join .section5 .right {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
}
.join .section6 {
  padding-top: 1.2rem;
}
.join .section6 .title {
  margin-bottom: 0.6rem;
}
.join .section6 .swiper {
  padding-bottom: 0.94rem;
}
.join .section6 .slide-title {
  text-align: center;
  line-height: 1.5;
  margin-top: 0.32rem;
}
.join .section6 .swiper-pagination {
  bottom: 0;
  top: auto;
  background: #eee;
  --swiper-pagination-color: #019EBF;
}
.join .section7 {
  padding-top: 1.2rem;
  overflow: hidden;
}
.join .section7 .title {
  margin-bottom: 0.55rem;
}
.join .section7 .swiper {
  overflow: initial;
  padding-bottom: 1.1rem;
}
.join .section7 .swiper-slide {
  width: 50%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.join .section7 .swiper-slide::before {
  position: absolute;
  content: "";
  top: 56.2222222222%;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.join .section7 .swiper-slide {
  height: initial;
}
.join .section7 .slide-img {
  height: 100%;
}
.join .section7 .slide-img img {
  width: 100%;
  height: 100%;
}
.join .section7 .slide-title {
  position: absolute;
  left: 6.7567567568%;
  right: 6.7567567568%;
  bottom: 0.24rem;
  color: #fff;
  line-height: 1.5;
}
.join .section7 .swiper-button-container {
  position: absolute;
  width: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 0;
}
.join .section7 .swiper-button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #019EBF;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.15rem;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.join .section7 .swiper-button img {
  position: relative;
}
.join .section7 .swiper-button::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background-image: -moz-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background-image: -o-linear-gradient(top, #28CC7C 0%, #019EBF 100%);
  background-image: linear-gradient(180deg, #28CC7C 0%, #019EBF 100%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.join .section7 .swiper-button:hover::before {
  opacity: 1;
}
.join .section7 .swiper-button.swiper-prev img {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.join .section8 {
  padding-top: 1.15rem;
  padding-bottom: 1.5rem;
}
.join .section8 .title {
  margin-bottom: 0.6rem;
}
.join .section8 .item + .item {
  margin-top: 0.1rem;
}
.join .section8 .item.active .item-top::before {
  opacity: 1;
}
.join .section8 .item.active .item-title {
  color: #fff;
}
.join .section8 .item.active .item-icon img:nth-child(1) {
  opacity: 0;
}
.join .section8 .item.active .item-icon img:nth-child(2) {
  opacity: 1;
}
.join .section8 .item-top {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.26rem 0.21rem 0.26rem 0.42rem;
  background-color: #f5f5f5;
  border-radius: 0.08rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.join .section8 .item-top::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: -moz-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: -o-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background: linear-gradient(340deg, #50B8A6 17.75%, #13A6B9 81.2%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.join .section8 .item-title {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  position: relative;
  line-height: 1.5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.join .section8 .item-icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 0.2rem;
  position: relative;
}
.join .section8 .item-icon img {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.join .section8 .item-icon img:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.join .section8 .item-bottom {
  padding: 0.6rem 2.7027027027%;
  background-color: #f5f5f5;
  display: none;
}
.join .section8 .item-content + .item-content {
  margin-top: 2.2em;
}
.join .section8 .item-content-title {
  line-height: 1.1;
}
.join .section8 .item-content-text {
  line-height: 1.2222222222;
}
.join .section8 .item-mail {
  margin-top: 0.5rem;
  line-height: 1.4444444444;
  border-top: 1px dashed #c4c4c4;
  padding-top: 0.25rem;
}
.join .section8 .item-mail img {
  display: inline-block;
  vertical-align: middle;
}
.join .section8 .item-mail a:hover {
  text-decoration: underline;
  color: #019EBF;
}

.contact .section2 {
  padding-top: 2.48rem;
}
.contact .section2 .box2 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0.16rem;
  border-bottom: 4px solid;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contact .section2 .title {
  line-height: 1.5;
  margin-bottom: 0.29rem;
}
.contact .section2 .info {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 18px;
  font-size: 16px;
}
.contact .section2 .info + .info {
  margin-top: 0.06rem;
}
.contact .section2 .info span {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.contact .section2 .info a {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.contact .section2 .info a[href]:hover {
  text-decoration: underline;
  color: #019EBF;
}
.contact .section2 .info-icon {
  width: 18px;
  margin-right: 0.05rem;
}
.contact .section2 .info-icon img {
  display: block;
  margin: 0 auto;
}
.contact .section2 .right {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 0.4rem;
}
.contact .section2 .right-title {
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}
.contact .section3 {
  padding-top: 0.6rem;
  padding-bottom: 1.5rem;
}
.contact .section3 .box2 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contact .section3 .left {
  width: 45%;
}
.contact .section3 .right {
  width: 50.9459459459%;
}
.contact .section3 .right-title {
  margin-bottom: 0.18rem;
}
.contact .section3 .right-text {
  line-height: 2;
  padding-bottom: 0.31rem;
  border-bottom: 1px dashed #486A00;
}
.contact .section3 .right-text::before {
  content: "*";
  color: #FF0000;
  margin-right: 0.05rem;
}
.contact .section3 .form {
  margin-top: 0.26rem;
}
.contact .section3 .form .form-item + .form-item {
  margin-top: 0.18rem;
}
.contact .section3 .form .form-item.error input, .contact .section3 .form .form-item.error textarea {
  border-color: #D8261C;
  background-color: rgba(216, 38, 28, 0.2);
}
.contact .section3 .form .form-item.submit {
  width: 137px;
  height: 50px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 25px;
  border: 1px solid #019EBF;
  font-size: 16px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.contact .section3 .form .form-item.submit::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: -moz-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: -o-linear-gradient(110deg, #50B8A6 17.75%, #13A6B9 81.2%);
  background-image: linear-gradient(340deg, #50B8A6 17.75%, #13A6B9 81.2%);
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.contact .section3 .form .form-item.submit:hover::before {
  opacity: 1;
}
.contact .section3 .form .form-item.submit:hover span {
  color: #fff;
}
.contact .section3 .form .form-item.submit:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.contact .section3 .form .form-item.submit span {
  color: #019EBF;
  position: relative;
}
.contact .section3 .form .form-item.submit img {
  margin-left: 5px;
  position: relative;
}
.contact .section3 .form .form-title {
  line-height: 1.1428571429;
  margin-bottom: 0.11rem;
}
.contact .section3 .form .form-title.required::after {
  content: "*";
  color: #FF0000;
}
/*.contact .section3 .form .form-input {*/
/*  width: 100%;*/
/*}*/

.contact .section3 .form .form-input {
  width: 100%;
  position:relative;
}
.contact .section3 .form .form-input .codeImg{
  position:absolute;
  right:2px;
  top:1px;
  height:36px;
  width:auto;
}


.contact .section3 .form input, .contact .section3 .form textarea {
  width: 100%;
  line-height: 38px;
  font-size: 16px;
  border: 1px solid #f2f3f5;
  outline: none;
  background-color: #F2F3F5;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 4px;
  padding: 0 10px;
}
.contact .section3 .form input:focus, .contact .section3 .form textarea:focus {
  border-color: #019EBF;
}
.contact .section3 .form textarea {
  resize: none;
  height: 1.4rem;
  padding: 10px;
}

.search .section1 .box2 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 41.7894736842%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 5;
}
.search .section1 .box2 input {
  font-size: 16px;
  outline: none;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  border-radius: 1rem;
  border: 0.04rem solid #fff;
  padding: 0 0.34rem;
}
.search .section1 .box2 input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.search .section1 .box2 input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.search .section1 .box2 input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.search .section1 .box2 input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.search .section1 .box2 input::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.search .section1 .box2 input:focus {
  border-color: #019EBF;
}
.search .section1 .box2 .icon {
  width: 1rem;
  height: 1rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-linear-gradient(130deg, #28CC7C -38.01%, #019EBF 91.35%);
  background: -moz-linear-gradient(130deg, #28CC7C -38.01%, #019EBF 91.35%);
  background: -o-linear-gradient(130deg, #28CC7C -38.01%, #019EBF 91.35%);
  background: linear-gradient(320deg, #28CC7C -38.01%, #019EBF 91.35%);
  border-radius: 50% 50% 0 50%;
  margin-left: 0.15rem;
  cursor: pointer;
}
.search .section1 .box2 .icon img {
  width: 0.36rem;
}
.search .section2 {
  padding-top: 0.6rem;
}
.search .section2 .title {
  text-align: center;
  margin-bottom: 0.7rem;
}
.search .section2 .title span {
  color: #FF0000;
}
.search .section2 .list {
  font-size: 16px;
}
.search .section2 .item {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 20px;
}
.search .section2 .item:hover .item-title {
  color: #019EBF;
}
.search .section2 .item + .item {
  margin-top: 0.3rem;
}
.search .section2 .item > span:nth-child(1) {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 0.13rem;
  color: #019EBF;
}
.search .section2 .item-title {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 0;
  padding-bottom: 0.25rem;
  padding-right: 0.13rem;
  border-bottom: 1px solid #d9d9d9;
}
.search .section2 .item-title span {
  color: #ff0000;
}
.search .section2 .item-time {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #d9d9d9;
}
.search .section2 .page {
  margin-top: 0.6rem;
  margin-bottom: 1.5rem;
}
.my-modal{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 4vh 2vw;
}
.my-modal.active{
  display: flex;
}
.my-modal .modal-container{
  height: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
}
.my-modal .modal-main{
  max-height: 100%;
  position: relative;
}
.my-modal .modal-close{
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  background-color: #fff;
  transition: all .5s;
}
.my-modal img{
  max-height: 100%;
}
.my-modal .modal-close::before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/out.webp) center no-repeat;
  background-size: 20px;
  transition: all .5s;
}
.my-modal .modal-close:hover{
  background-color: #019EBF;
}
.my-modal .modal-close:hover::before{
  filter: brightness(0) invert(1);
}

@media (min-width: 769px) {
    .section-sticky .my-active2{
        padding-bottom: 0;
        display: flex;
        align-items: flex-end;
    }
}
@media (max-width: 1500px) {
  .header .nav .li,.header .box.nav-child .nav .lv1{
    padding-right: 0.8rem;
  }
  .header .re .sear{
    margin: 0 0.1rem;
  }
  .header .nav .lv1 a{
    font-size: 14px;
  }
  .header .box.nav-child .li-child-link{
    font-size: 12px;
  }
  .profile .section5 .item-text{
    line-height: 1.5;
    padding-top: 0.2rem;
  }
}
@media (max-width: 1600px) {
  .my-active2 .nums{
    left: -10%;
  }
}
@media (max-width: 1440px) {
  .join .section4 .item {
    padding-top: 0.2rem;
  }
  .join .section4 .item-img {
    margin-bottom: 0.1rem;
  }
  .join .section4 .item-title {
    margin-bottom: 0.08rem;
    line-height: 1.3;
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .products_detail, .news_detail {
    padding-top: 0;
  }
  .join .section4 .item1:nth-child(1) .item1-sides {
    font-size: 14px;
    line-height: 1.3;
  }
  .products_detail .section2 .list2-top,.products_detail .section2 .right .right-content{
    flex-wrap: wrap;
  }
  .products_detail .section2 .swiper{
    margin-bottom: 20px;
  }
  .products_detail .section2 .item2,.products_detail .section2 .list2-left,.products_detail .section2 .swiper{
    width: 100%;
  }
}
@media (max-width: 1000px) {
    .footer .ftp .bt s{
        display: none;
    }
  .footer .ftp .bt .rf {
    display: none;
  }
  .footer .ftp .bt .lf {
    width: 100%;
    border-right: none;
  }
  .footer .ftp .bt .lf .link {
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer .ftp .tp {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    max-width: initial;
  }
  .footer .ftp .tp a {
    margin-right: 0;
    margin-bottom: 0.6rem;
  }
  .footer .ftp .bt .wechat .item {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer .fbt .box {
    text-align: center;
  }
  .footer .fbt .lf {
    max-width: 100%;
  }
  .footer .fbt .frt {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
  .footer .ftp .bt .wechat {
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer .ftp .bt .wechat .item .code {
    margin-top: 7px;
  }
  .footer .ftp .bt .wechat .item .ico {
    margin: 0 auto;
  }
  .join .section4 .list1 {
    width: 6rem;
  }
}
@media (max-width: 768px) {
  .my-active2 .nums{
    left: 0;
    max-width: 60%;
  }
  .section-sticky .my-active2 {
    height: auto;
    position: relative;
  }
  .section-sticky .section-sticky-box, .section-sticky {
    height: auto;
  }
  .in4 {
    margin-top: 0;
  }
  .profile .section3, .profile .section4 .box2 {
    padding-left: 0;
    padding-right: 0;
    width: 90%;
  }
  .in3.swiper,.in4.swiper{
    overflow: hidden;
  }
  .in3 .swiper-wrapper,.in4 .swiper-wrapper{
    flex-direction: row;
  }
   .in4 .list .box2{
       height: auto;
   }
  .in3 .left .left-more{
      display: none;
  }
  .in1 .swp_pop{
    bottom: 3%;
  }
  .in1 .txt{
    bottom: 5%;
    margin-bottom: 0;
  }
  .in1 .swiper .swiper-slide .img video {
    display: none;
  }
  .in1 .swiper .swiper-slide .img .video-icon {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
  }
  .in1 .swiper .swiper-slide .img .pc {
    display: none;
  }
  .in1 .swiper .swiper-slide .img .h5 {
    display: block;
  }
  .in2 .txt .tcon2, .in2 .more .mcon2 {
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
  }
  .in1 .scroll, .in1 .swp_arr .next {
    display: none;
  }
  .in2 .incon {
    height: auto;
  }
  .in2 .incon .img {
    height: 100vw;
    position: relative;
  }
  .in2 .incon {
    margin-top: 0;
  }
  .in2 .incon1 .img span, .in2 .incon1 .img span.act, .in2 .incon2 .img span, .in2 .incon2 .img span.act {
    -webkit-clip-path: initial;
            clip-path: initial;
  }
  .in2 .incon1 .img span video, .in2 .incon2 .img span video {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0;
    left: 0;
    top: 0;
  }
  .in2 .txt, .in2 .more {
    z-index: 5;
  }
  .in4, .in4 .incon, .in4 .img1 img, .in4 .img2 img {
    height: auto;
  }
  .in2 .txt .t2 a {
    width: 40px;
    height: 40px;
  }
  .in1 .swp_pop .swpbtn {
    width: 100%;
  }
  .in1 .swp_arr .prev {
    display: none;
  }
  .in1 {
    height: 126.6666666667vw;
  }
  .in1 .swiper, .in1 .swiper .img, .in1 .swiper .img img, .in1 .swiper .img video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .in4 .img1, .in4 .txt1 {
    display: none;
  }
  .in4 .list {
    position: relative;
    height: auto;
  }
  .in4 .img2 {
    height: 100%;
  }
  .in4 .img2 img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .in4 .ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 50px 0 0;
    margin-bottom: 50px;
    height: auto;
  }
  .in4 .ul .li {
    width: 100%;
    margin-right: 0;
    -webkit-transform: translate(0);
       -moz-transform: translate(0);
        -ms-transform: translate(0);
         -o-transform: translate(0);
            transform: translate(0);
  }
  .in4 .ul .li + .li {
    margin-top: 0;
  }
  .in4 .ul .li .lcon {
    padding-bottom: 2rem;
  }
  .in1 .swp_pop .swpbtn .pogin {
    padding-left: 10px;
    width: auto;
  }
  .in3 {
    padding: 0;
  }
  .in3 .incon2, .in3 .incon3 {
    margin-top: 0;
  }
  .in3 .left {
    top: 10%;
  }
  .in3 .left, .in3 .right {
    z-index: 5;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
  }
  .in3 .left-title, .in1 .txt .tlist .tt2, .in1 .txt .tlist .tt1 {
    font-size: 24px;
  }
  .in3 .left-title {
    margin-bottom: 0.5rem;
  }
  .in3 .my-more {
    width: 40px;
    height: 40px;
  }
  .in3 .incon {
    height: auto;
  }
  .in3 .incon .img {
    height: 9.5rem;
    position: relative;
  }
  .my-active2 {
    padding: 1rem 0;
  }
  .my-active2 .sbox {
    overflow: auto;
  }
  .my-active2 .sbox .bg {
    position: relative;
    width: 800px;
  }
  .my-active2 .sbox .ul1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .my-active2 .ul2 {
    position: sticky;
    bottom: 0;
    left: 0;
    padding-left: 5px;
    margin-top: 0.6rem;
    transform: none;
  }
  .box2 {
    width: 90%;
  }
  .page1 {
    display: none;
  }
  .page2 {
    display: block;
    width: 160px;
    line-height: 50px;
    height: auto;
    border-radius: 100px;
    margin-top: 30px;
  }
  .my-banner .bg:nth-child(1) {
    display: none;
  }
  .my-banner .bg:nth-child(2) {
    display: block;
    max-height: initial;
    height: 100vw;
  }
  .my-banner .my-scroll {
    display: none;
  }
  .my-nav .box2 {
    overflow: auto;
    -webkit-justify-content: safe flex-start;
       -moz-box-pack: safe flex-start;
        -ms-flex-pack: safe flex-start;
            justify-content: safe flex-start;
  }
  .my-nav .nav-item {
    white-space: nowrap;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .my-sidebar {
    display: none;
  }
  .profile .section3 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .profile .section3 .left, .profile .section3 .right {
    width: 100%;
  }
  .profile .section3 .right {
    margin-top: 0.4rem;
    margin-left: 0;
    height: auto;
  }
  .profile .section4 .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .profile .section4 .left, .profile .section4 .right {
    width: 100%;
  }
  .profile .section4 .left {
    margin-bottom: 0.6rem;
  }
  .profile .section4 .left-swiper .slide-img {
    height: auto;
  }
  .profile .section4 .right {
    height: 6rem;
    overflow: hidden;
  }
  .profile .section5 .list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .profile .section5 .item {
    width: 80%;
    padding-top: 80%;
    margin: 0 auto;
    margin-bottom: 1rem;
  }
  .profile .section5 .item:hover .item-container {
    /*padding-top: 29%;*/
  }
  .technical .section3 {
    padding-bottom: 1rem;
  }
  .technical .section3 .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .technical .section3 .left, .technical .section3 .right {
    width: 100%;
  }
  .technical .section3 .left-container {
    margin: 0 auto;
  }
  .technical .section3 .left {
    margin-bottom: 1rem;
  }
  .technical .section3 .right-img1 {
    margin-left: 0;
  }
  .technical .section3 .right-img2 {
    margin-top: -2%;
  }
  .technical .section5 .item {
    width: 100%;
  }
  .technical .section5 .item-img, .technical .section5 .slide-img {
    height: auto;
  }
  .honors .section3 .swiper-slide {
    width: 100%;
    max-width: 400px;
  }
  .esg .in4 .ul .li .lcon {
    padding-bottom: 0.6rem;
  }
  .products .section3 .li {
    width: 100%;
  }
  .products_class .section3 .item {
    width: 100%;
  }
  .products_detail .section2 .right {
    margin-left: 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .products_detail .section2 .swiper {
    margin-right: 0;
    width: 100%;
    margin-bottom: 0.6rem;
  }
  .products_detail .section2 .info {
    width: 100%;
  }
  .service .section2 .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .service .section2 .left, .service .section2 .right {
    width: 100%;
  }
  .service .section2 .left {
    margin-bottom: 0.6rem;
  }
  .news .section3 .item, .news .section4 .item {
    width: 100%;
  }
  .news .section3 .item-icon,.news .section3 .item-center{
      display: none;
  }
  .news .section4 .item {
    padding: 0.48rem 0.3rem 0.42rem;
  }
  .news_detail .section1 .bottom {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .news_detail .section1 .bottom .item {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .news_detail .section1 .bottom .item span {
    text-align: left;
  }
  .news_detail .section1 .bottom .left {
    width: 100%;
  }
  .news_detail .section1 .bottom .right {
    margin: 0.6rem auto 0;
  }
  .join .section3 .box {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .join .section3 .item {
    -webkit-flex: initial;
       -moz-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    width: 100%;
    border-right: none;
  }
  .join .section3 .item + .item {
    margin-top: 0.6rem;
  }
  .join .section4 .list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .join .section4 .list1 {
    width: 90%;
    margin: 0.6rem auto;
  }
  .join .section4 .item {
    margin: 0 auto;
  }
  .join .section4 .item1-sides {
    width: 2rem;
  }
  .join .section4 .item1-center span {
    font-size: 12px;
  }
  .join .section4 .item {
    width: 5rem;
    height: 5rem;
    padding-top: 0.8rem;
  }
  .join .section4 .item1-center {
    margin: 0 0.1rem;
  }
  .join .section5 .content {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .join .section5 .left, .join .section5 .right {
    width: 100%;
  }
  .join .section8 .item-icon {
    width: 30px;
  }
  .contact .section2 .box2 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .contact .section2 .left {
    width: 100%;
  }
  .contact .section2 .right {
    margin: 0.6rem auto 0;
  }
  .contact .section3 .box2 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .contact .section3 .box2 .left, .contact .section3 .box2 .right {
    width: 100%;
  }
  .contact .section3 .box2 .left {
    margin-bottom: 0.8rem;
  }
  .contact .section3 .box2 .form .form-item.submit {
    margin: 0.18rem auto;
  }
  .in3 .incon + .incon{
    margin-top: 0;
  }
  .in3 .incon .img span{
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .products_detail .section2 .item2{
    flex-wrap: wrap;
  }
  .products_detail .section2 .item2 span:nth-child(1),.products_detail .section2 .item3{
    width: 100%;
  }
  .products_detail .section2 .list3-container{
    flex-wrap: wrap;
  }
}