@font-face {
  font-family: "wryh";
  src: url("../newFonts/wryh.ttf") format("truetype"),
    url("../newFonts/wryh.woff2") format("woff2"),
    url("../newFonts/wryh.woff") format("woff");
}

:root {
  --primary-text-color: #333333;
  --minor-text-color: #666666;
  --third-text-color: #999999;
  --link-color: #035d9d;
  --background-color: #f9f9f9;
  --main-background-color: linear-gradient(90deg, #10b6e2 0%, #00a771 100%);
  --minor-background-color: linear-gradient(180deg, #f9f9f9 0%, #ffffff 65%);
  ---background-color1: #f4f6f9;
  ---background-color2: #10b6e1;
  --border-color1: #10b6e2;
  --border-color2: #00a771;
  --arrow-color: #1f76b6;
  --basePC: calc(100vw / 1920);

}

@media (max-width: 1290px){
  :root{
    --basePC: calc(100vw / 1440);
  }
}

@media (max-width: 750px){
  :root{
    --basePC: calc(100vw / 750);
  }
}
@media (min-width: 1920px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    max-width: calc(1440 * var(--basePC));
    height: 100%;
    margin: auto;
  }
}
@media (max-width: 1920px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      width: 100%;
      max-width: calc(1440 * var(--basePC));
      height: 100%;
      margin: auto;
  }
}
@media (max-width: 1290px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: calc(1200 * var(--basePC));
  }
}

@media (max-width: 768px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: calc(690 * var(--basePC));
  }
}

@media (max-width: 1775px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      padding-left: 0%;
      padding-right: 0%;
  }
}
 
@media screen and (min-width:769px) {
  .pc-hide {
      display: none !important;
  }
}
@media screen and (max-width:768px){
  .m-hide {
    display: none !important;
} 
}

.row > * {
  padding: 0;
}
html,
body {
  background-color: var(--background-color);
  font-family: "wryh", "微软雅黑", "Microsoft YaHei", -apple-system, BlinkMacSystemFont,
    "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC",
    "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif !important;
  overflow: hidden auto;
  width: 100%;
  height: auto;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

body {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #3A3A3A;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 14px;
}

ul,
ol {
    list-style: none;
}

img {
    display: block;
}

a {
    color: #333;
    display: block;
    text-decoration: none;
}

i {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
textarea {
    outline: none;
    border: none;
}

textarea {
    resize: none;
    overflow: auto;
}

.clearfix {
    zoom: 1;
}

.clearfix::after {
    content: "";
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    overflow: hidden;
}

.fl {
    float: left
}

.fr {
    float: right
}

.tl {
    text-align: left;
}

.tc {
    text-align: center
}

.tr {
    text-align: right;
}

button {
    border: 0;
    outline: none;
    background-color: transparent;
}

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

.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipse_d {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}


.inline {
    display: inline-block;
    zoom: 1;
}

select {
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    /* background: url("../esimg/arrow.png") no-repeat scroll right center transparent; */
    padding-right: 14px;
}

/* swiper 防止点击左右按钮 出现边框 */
.swiper-button-prev,
.swiper-button-next:focus {
    outline: none;
}
a {
  text-decoration: none;
  display: inline-block;
}
.empty {
  width: 18%;
  margin: 0 auto;
  text-align: center;
  margin-top: 135px;
}
.el-empty__description p {
  background: linear-gradient(270deg, #02a981 0%, #0eb6db 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 1.5em;
  margin-top: 40px;
}
a.more-btn {
  color: var(--link-color);
  background: #ffffff;
  border-radius: 20px 0px 20px 0px;
  padding: 2% 8%;
  border: 1px solid #035d9d;
  margin-top: 5vw;
}
.pc {
  display: flex;
}
.m {
  display: none;
}
.pc-lg {
  display: block;
}
.m-lg {
  display: none;
}
.m-lg .hidden {
  display: none;
}



.swiper-banner a {
  width: 100%;
  display: block;
}
.swiper-banner .banner-dis {
  color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 80%;
}
.swiper-banner .banner-dis .banner-title {
  font-weight: 700;
  line-height: calc(48 / 45);
}

.swiper-banner .banner-dis p{
  margin-top:calc(20 * var(--basePC));
    line-height: calc(28 / 27);
}
@media (max-width: 768px){
   
  .swiper-banner .banner-dis .banner-title{
     line-height: calc(63 / 48);
  }
  .swiper-banner .banner-dis p{
    line-height: calc(37 / 28);
    font-size:calc(28 * var(--basePC));
}
}
.header-nav .nav-item a {
  color: var(--primary-text-color);
}
.header-nav .nav-item a:hover {
  font-variation-settings: "opsz" auto;
  background: linear-gradient(270deg, #00b578 0%, #10b6e1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: bold;
}
.header-nav .nav-item a.active {
  font-variation-settings: "opsz" auto;
  background: linear-gradient(270deg, #00b578 0%, #10b6e1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: bold;
}
.swiper-button-prev,
.swiper-button-next {
  background-color: var(---background-color2);
  background-image: none;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.swiper-button-disabled {
  opacity: 1 !important;
  background: #fff !important;
  color: var(---background-color2) !important;
}
.swiper-banner img {
  width: 100%;
  object-fit: cover;
  max-height: calc(732* var(--basePC));
}
.layui-icon{
font-size: calc(16 * var(    --basePC));
}
.el-pagination button,.el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: calc(13 * var(--basePC));
    min-width: calc(35.5 * var(--basePC));
    height: calc(28 * var(--basePC));
    line-height: calc(28 * var(--basePC));
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.el-pagination .el-select .el-input {
    width: calc(100* var(--basePC));
    margin: 0 calc(5* var(--basePC));
}
.el-pagination .el-select .el-input .el-input__inner {
  width: calc(100* var(--basePC));
  padding-right:calc(25* var(--basePC));
  border-radius: calc(3* var(--basePC));
  font-size: calc(13* var(--basePC));
  padding-left: calc(8* var(--basePC));
  height: calc(28* var(--basePC));
  line-height: calc(28* var(--basePC));
}
.el-select .el-input .el-select__caret{
  font-size: calc(14* var(--basePC));
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
  margin: 0 calc(5* var(--basePC)) !important;
  background-color: #fff;
  color: #606266;
  min-width: calc(30* var(--basePC)) !important;
  height: calc(28* var(--basePC));
  line-height: calc(28* var(--basePC));
  font-size: calc(13* var(--basePC));
}
.el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon{
  font-size: calc(12* var(--basePC));
}
.el-pagination__editor.el-input{
width:calc(50* var(--basePC)) ;
font-size: calc(12* var(--basePC));
}
.el-pagination__editor.el-input .el-input__inner {
    height: calc(28* var(--basePC));
    padding: 0 calc(3* var(--basePC));
}
@media (max-width: 768px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: none !important;
  }
  .layui-icon{
    font-size: calc(20 * var(    --basePC));
    }
}

@media (max-width: 768px) {
  .swiper-banner img {
    max-height: inherit;
  }
}
@media (max-width: 768px) {
  .add-more .tip {
    width: 100%;
    display: flex;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: calc(2 * var(--basePC));
    background: linear-gradient(270deg, #00b578 0%, #10b6e1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }

  .add-more .tip::before,
  .add-more .tip::after {
    display: inline-block;
    content: "";
    width: 20%;
    height:  calc(1* var(--basePC));
    margin: 0  calc(15 * var(--basePC));
    background: linear-gradient(270deg, #07a575 0%, #0eb6dd 100%);
  }
}

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0  calc(4 * var(--basePC));
  width: calc(25.67 * var(--basePC));
  height:  calc(6* var(--basePC));
  border-radius: calc(23* var(--basePC));
  transition: all 0.5s ease;
  opacity: 0.05;
}
.swiper-pagination-bullet-active {
  opacity: 1 !important;
  width: calc(64.17 * var(--basePC))!important;
  background: linear-gradient(90deg, #10b6e2 0%, #00a771 100%);
}
.module-item {
  padding-top: calc(160* var(--basePC));
  padding-bottom: calc(100 * var(--basePC));
}
.ellipsis1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.ellipsis3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

h5.heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--primary-text-color);
  line-height: 2;
}
h5.heading::after {
  content: "";
  width:  calc(20* var(--basePC));
  height:  calc(3* var(--basePC));
  line-height: 2;
  background: var(--link-color);
  border-radius:  calc(20* var(--basePC)) 0px  calc(20* var(--basePC)) 0px;
}
.line {
  width: 1px;
  height:calc(60 * var(--basePC));
  background-color: #fff;
  opacity: 0.4;
  margin: calc(38 * var(--basePC));
}
@media (max-width: 768px) {
  .line {
    margin: 1vw;
  }
}
.gradient-text {
  background: linear-gradient(0deg, #10b6e2 0%, #00a771 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: calc(60 / 45);
  font-weight: 700;
}
.column-title {
  color: #fff;
  padding: calc(96 * var(--basePC)) 0;
  margin-bottom: 0;
}
.contact .column-title {
    padding: 0 0 calc(80* var(--basePC));
}
@keyframes changePath1 {
  0% {
    d: path(
      "M55.9503096494814,61.9938C79.2985096494814,14.93971,99.6989096494814,5.00000663962,120.2490096494814,5C161.7490096494814,5,213.7310096494814,124.915,212.3630096494814,179.629C211.2680096494814,223.4,173.6010096494814,220.664,154.9040096494814,213.825C140.3040096494814,208.485,118.4150096494814,184.384,96.5334096494814,190.572C82.3391096494814,194.586,41.3336096494814,231.152,20.377949649481398,196.955C4.266509649481399,170.663,26.7650096494814,120.811,55.9503096494814,61.9938C55.9503096494814,61.9938,55.9503096494814,61.9938,55.9503096494814,61.9938Z"
    );
  }

  50% {
    d: path(
      "M53.8827096494814,59.1162C76.0521096494814,14.43785,95.4224096494814,5.00000630438,114.9352096494814,5C154.3400096494814,5,203.6970096494814,118.86,202.3980096494814,170.812C201.3590096494814,212.373,165.5930096494814,209.775,147.8400096494814,203.281C133.9770096494814,198.211,113.1936096494814,175.327,92.4167096494814,181.202C78.9391096494814,185.013,40.004009649481404,219.733,20.1064196494814,187.263C4.8084096494813995,162.299,26.171009649481398,114.964,53.8827096494814,59.1162C53.8827096494814,59.1162,53.8827096494814,59.1162,53.8827096494814,59.1162Z"
    );
  }

  100% {
    d: path(
      "M55.9503096494814,61.9938C79.2985096494814,14.93971,99.6989096494814,5.00000663962,120.2490096494814,5C161.7490096494814,5,213.7310096494814,124.915,212.3630096494814,179.629C211.2680096494814,223.4,173.6010096494814,220.664,154.9040096494814,213.825C140.3040096494814,208.485,118.4150096494814,184.384,96.5334096494814,190.572C82.3391096494814,194.586,41.3336096494814,231.152,20.377949649481398,196.955C4.266509649481399,170.663,26.7650096494814,120.811,55.9503096494814,61.9938C55.9503096494814,61.9938,55.9503096494814,61.9938,55.9503096494814,61.9938Z"
    );
  }
}

@keyframes changePath2 {
  0% {
    d: path(
      "M41.86530746685192,247.22999975821125C51.22190746685191,271.4499997582112,68.09200746685191,275.02599975821124,75.3576074668519,273.7869997582112C109.09730746685192,268.03099975821124,106.7220074668519,225.45299975821126,106.19040746685191,206.33199975821125C105.76500746685191,162.56499975821126,151.0240074668519,135.33599975821127,173.7070074668519,127.19099975821126C187.7060074668519,123.11899975821126,216.2360074668519,108.60099975821126,218.3630074668519,83.10579975821126C221.5530074668519,33.70939975821126,172.6430074668519,3.96523975821126,123.20200746685191,5.02753045821126C45.05340746685191,7.15210975821126,26.97980746685191,50.70599975821126,19.53710746685191,75.66959975821126C4.651707466851912,134.62699975821127,30.169607466851915,216.95499975821127,41.86530746685192,247.22999975821125C41.86530746685192,247.22999975821125,41.86530746685192,247.22999975821125,41.86530746685192,247.22999975821125Z"
    );
  }

  50% {
    d: path(
      "M42.89080746685191,256.47699975821126C52.60460746685191,281.62199975821125,70.1188074668519,285.33399975821123,77.66170746685191,284.0469997582113C112.68930746685191,278.0719997582113,110.22340746685191,233.86799975821125,109.67140746685192,214.01699975821126C109.22990746685191,168.57999975821127,156.21600746685192,140.31099975821127,179.7650074668519,131.85499975821125C194.29900746685192,127.62799975821126,223.91800746685192,112.55599975821126,226.12600746685192,86.08739975821126C229.4380074668519,34.80529975821126,178.6610074668519,3.92573975821126,127.33300746685191,5.02858135821126C46.20060746685191,7.23426975821126,27.437107466851913,52.45079975821126,19.710307466851912,78.36729975821126C4.2566074668519125,139.57499975821125,30.74860746685191,225.04599975821125,42.89080746685191,256.47699975821126C42.89080746685191,256.47699975821126,42.89080746685191,256.47699975821126,42.89080746685191,256.47699975821126Z"
    );
  }

  100% {
    d: path(
      "M41.86530746685192,247.22999975821125C51.22190746685191,271.4499997582112,68.09200746685191,275.02599975821124,75.3576074668519,273.7869997582112C109.09730746685192,268.03099975821124,106.7220074668519,225.45299975821126,106.19040746685191,206.33199975821125C105.76500746685191,162.56499975821126,151.0240074668519,135.33599975821127,173.7070074668519,127.19099975821126C187.7060074668519,123.11899975821126,216.2360074668519,108.60099975821126,218.3630074668519,83.10579975821126C221.5530074668519,33.70939975821126,172.6430074668519,3.96523975821126,123.20200746685191,5.02753045821126C45.05340746685191,7.15210975821126,26.97980746685191,50.70599975821126,19.53710746685191,75.66959975821126C4.651707466851912,134.62699975821127,30.169607466851915,216.95499975821127,41.86530746685192,247.22999975821125C41.86530746685192,247.22999975821125,41.86530746685192,247.22999975821125,41.86530746685192,247.22999975821125Z"
    );
  }
}
@keyframes changePath3 {
  0% {
    d: path(
      "M68.4591,206.9090019967556C18.67282,182.4570019967556,12.53153,129.9820019967556,15.68417,106.8010019967556C16.04297,91.4825019967556,23.36117,54.5938019967556,49.7636,29.5866019967556C82.7665,-1.6723980032443997,135.495,1.4471519967556001,178.403,13.8857619967556C221.312,26.3244019967556,205.378,64.7502019967556,187.614,69.9355019967556C158.723,77.5844019967556,166.247,91.8788019967556,173.622,98.0705019967556C180.464,101.0253019967556,194.495,109.5980019967556,195.882,120.2480019967556C198.631,139.7390019967556,190.87,150.5330019967556,170.685,152.0370019967556C143.209,153.3790019967556,140.276,176.9770019967556,151.083,184.7200019967556C167.624,196.9590019967556,164.799,207.3950019967556,152.775,214.3570019967556C128.135,230.1910019967556,93.0305,218.2820019967556,68.4591,206.9090019967556Z"
    );
  }

  50% {
    d: path(
      "M71.05330000000001,216.70700390410423C18.85105,191.06800390410424,12.41174,136.04700390410423,15.717371,111.74100390410423C16.09359,95.67920390410423,23.76691,57.00040390410423,51.4506,30.77970390410423C86.055,-1.9961860958957676,141.34199999999998,1.2747539041042328,186.333,14.316963904104233C231.324,27.359203904104234,214.617,67.64970390410423,195.991,73.08660390410424C165.697,81.10670390410424,173.587,96.09480390410424,181.319,102.58690390410423C188.494,105.68500390410424,203.206,114.67300390410423,204.66,125.84100390410423C207.542,146.27800390410422,199.404,157.59500390410423,178.24,159.17200390410423C149.43,160.58000390410425,146.355,185.32300390410424,157.687,193.44100390410424C175.03,206.27400390410423,172.068,217.21600390410424,159.461,224.51600390410422C133.625,241.11800390410423,96.8171,228.63200390410424,71.05330000000001,216.70700390410423Z"
    );
  }

  100% {
    d: path(
      "M68.4591,206.9090019967556C18.67282,182.4570019967556,12.53153,129.9820019967556,15.68417,106.8010019967556C16.04297,91.4825019967556,23.36117,54.5938019967556,49.7636,29.5866019967556C82.7665,-1.6723980032443997,135.495,1.4471519967556001,178.403,13.8857619967556C221.312,26.3244019967556,205.378,64.7502019967556,187.614,69.9355019967556C158.723,77.5844019967556,166.247,91.8788019967556,173.622,98.0705019967556C180.464,101.0253019967556,194.495,109.5980019967556,195.882,120.2480019967556C198.631,139.7390019967556,190.87,150.5330019967556,170.685,152.0370019967556C143.209,153.3790019967556,140.276,176.9770019967556,151.083,184.7200019967556C167.624,196.9590019967556,164.799,207.3950019967556,152.775,214.3570019967556C128.135,230.1910019967556,93.0305,218.2820019967556,68.4591,206.9090019967556Z"
    );
  }
}
@keyframes changePath4 {
  0% {
    d: path(
      "M235.611,100.972C236.947,121.036,237.906,134.464,245.056,156.696C259.012,199.684,283.663,231.029,253.168,247.689C217.355,267.253,199.226,214.533,160.039,203.14C145.646,198.955,141.521,204.959,116.998,212.551C92.4745,220.142,74.5451,214.144,58.6202,201.716C41.7186,188.526,37.9052,155.09,28.3417,135.903C12.1071,103.334,-4.26866,72.1219,1.00801,39.5126C4.36258,13.6161,24.917,-1.90939,58.6212,0.188928C93.3485,2.35088,100.789,53.5742,134.992,59.9653C162.252,65.0578,177.002,18.8915,209.775,27.538C232.611,38.397,231.676,63.0103,235.611,100.972Z"
    );
  }

  50% {
    d: path(
      "M245.657,105.277C247.049,126.197,248.05,140.197,255.504,163.377C270.056,208.197,295.757,240.88,263.962,258.25C226.622,278.648,207.72,223.68,166.863,211.801C151.856,207.437,147.554,213.697,121.986,221.613C96.4173,229.528,77.7234,223.274,61.1195,210.317C43.4973,196.564,39.5214,161.702,29.55,141.697C12.6233,107.74,-4.45066,75.1969,1.05099,41.1973C4.54858,14.1967,25.9793,-1.9908,61.1205,0.196983C97.3285,2.45111,105.087,55.8584,140.748,62.522C169.17,67.8316,184.549,19.697,218.719,28.7121C242.529,40.0341,241.554,65.6968,245.657,105.277Z"
    );
  }

  100% {
    d: path(
      "M235.611,100.972C236.947,121.036,237.906,134.464,245.056,156.696C259.012,199.684,283.663,231.029,253.168,247.689C217.355,267.253,199.226,214.533,160.039,203.14C145.646,198.955,141.521,204.959,116.998,212.551C92.4745,220.142,74.5451,214.144,58.6202,201.716C41.7186,188.526,37.9052,155.09,28.3417,135.903C12.1071,103.334,-4.26866,72.1219,1.00801,39.5126C4.36258,13.6161,24.917,-1.90939,58.6212,0.188928C93.3485,2.35088,100.789,53.5742,134.992,59.9653C162.252,65.0578,177.002,18.8915,209.775,27.538C232.611,38.397,231.676,63.0103,235.611,100.972Z"
    );
  }
}
@keyframes changePath5 {
  0% {
    d: path(
      "M41.0663,240.026C50.1446,263.526,66.51310000000001,266.996,73.5626,265.793C106.2988,260.209,103.9942,218.896,103.4784,200.344C103.0657,157.879,146.979,131.459,168.987,123.557C182.57,119.606,210.251,105.52,212.315,80.783C215.41,32.855599999999995,167.955,3.99601,119.984,5.0267119C44.1596,7.08811,26.6235,49.3467,19.402169999999998,73.5679C4.9594000000000005,130.772,29.718400000000003,210.651,41.0663,240.026C41.0663,240.026,41.0663,240.026,41.0663,240.026Z"
    );
  }

  50% {
    d: path(
      "M42.1078,249.417C51.5489,273.856,68.5714,277.464,75.9025,276.214C109.9468,270.406,107.5501,227.443,107.0136,208.15C106.5845,163.988,152.252,136.512,175.139,128.29399999999998C189.265,124.185,218.053,109.536,220.199,83.811C223.418,33.968599999999995,174.067,3.95589,124.179,5.0277792C45.3247,7.17154,27.088,51.1187,19.57806,76.3076C4.558199999999999,135.797,30.3065,218.868,42.1078,249.417C42.1078,249.417,42.1078,249.417,42.1078,249.417Z"
    );
  }

  100% {
    d: path(
      "M41.0663,240.026C50.1446,263.526,66.51310000000001,266.996,73.5626,265.793C106.2988,260.209,103.9942,218.896,103.4784,200.344C103.0657,157.879,146.979,131.459,168.987,123.557C182.57,119.606,210.251,105.52,212.315,80.783C215.41,32.855599999999995,167.955,3.99601,119.984,5.0267119C44.1596,7.08811,26.6235,49.3467,19.402169999999998,73.5679C4.9594000000000005,130.772,29.718400000000003,210.651,41.0663,240.026C41.0663,240.026,41.0663,240.026,41.0663,240.026Z"
    );
  }
}

#animated-path1 {
  -webkit-animation: changePath1 3s ease-in-out infinite alternate;
  animation: changePath1 3s ease-in-out infinite alternate;
}
#animated-path2 {
  -webkit-animation: changePath2 3s ease-in-out infinite alternate;
  animation: changePath2 3s ease-in-out infinite alternate;
}
#animated-path3 {
  -webkit-animation: changePath3 3s ease-in-out infinite alternate;
  animation: changePath3 3s ease-in-out infinite alternate;
}
#animated-path4 {
  -webkit-animation: changePath4 3s ease-in-out infinite alternate;
  animation: changePath4 3s ease-in-out infinite alternate;
}
#animated-path5 {
  -webkit-animation: changePath5 3s ease-in-out infinite alternate;
  animation: changePath5 3s ease-in-out infinite alternate;
}

.text-carousel {
  display: flex;
  width: 100%;
}

.text-carousel li {
  white-space: nowrap;
  background: linear-gradient(90deg, #10b6e2 0%, #00a771 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin: 0 5vw;
  opacity: 0.05;
  line-height: 1;
}
.vio {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 99;
}

.vio .video {
  width: 60%;
  position: relative;
}

.vio .video video {
  width: 100%;
}

.vio_flx {
  display: flex;
}

.video svg {
  position: absolute;
  top: calc(20 * var(--basePC));
  right: calc(20 * var(--basePC));
  z-index: 66;
  cursor: pointer;
}


#videoPopup1 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}

#videoPopup1 .video-box {
  width: 60%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#videoPopup1 .video-box video {
  width: 100%;
}

#videoPopup1 .video-box .close {
  position: absolute;
  right: calc(20 * var(--basePC));
  top: calc(20 * var(--basePC));
  width:calc(40 * var(--basePC));
  height: calc(40 * var(--basePC));
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  text-align: center;
}

#videoPopup1 .video-box .close span {
  font-size: calc(16 * var(--basePC));;
  line-height: calc(40 * var(--basePC));
  color: #fff;
}

#videoPopup1 .video-box .close:hover {
  background: rgba(0, 0, 0, 0.5);
}


.pagination-box {
  display: flex;
  width: auto !important;
  position: absolute;
  left: 16%;
  bottom: calc(143 * var(--basePC));
  align-items: center;
}

.pagination-box .el-pagination__total {
  margin-right: calc(729 * var(--basePC));
}
@media (max-width: 1440px) {
  .pagination-box .el-pagination__total {
    margin-right: calc(615 * var(--basePC));
  }
}
@media (max-width: 1360px) {
  .pagination-box .el-pagination__total {
    margin-right: calc(384 * var(--basePC));
  }
}

.pagination-box
  .el-pagination.is-background
  .el-pager
  li:not(.disabled).active {
  background-color: #0eb6db;
  color: #fff;
}

.navbar-coll {
  width: 81.73vw;
  height: 100%;
  position: fixed;
  top: 0;
  right: -81.73vw;
  background-color: white;
  z-index: 1000;
  transition: right 0.3s ease;
  overflow: hidden auto;
}
.navbar-coll .nav-title {
  padding: calc(20 * var(--basePC)) calc(15 * var(--basePC));
}
.navbar-coll .nav-title .navbar-brand img {
  height: calc(32 * var(--basePC));
}
.navbar-coll .nav-title .nav-btn img {
  height: calc(32 * var(--basePC));
}
.header-nav .nav-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

/*font-size*/
.ft_12 {
  font-size: calc(12 * var(--basePC));
}
.ft_14 {
  font-size: calc(14 * var(--basePC));
}
.ft_16 {
  font-size: calc(16 * var(--basePC));
}
.ft_18 {
  font-size: calc(18 * var(--basePC));
}
.ft_20 {
  font-size: calc(20 * var(--basePC));
}
.ft_22 {
  font-size: calc(22 * var(--basePC));
}
.ft_24 {
  font-size: calc(24 * var(--basePC));
}
.ft_26 {
  font-size: calc(26 * var(--basePC));
}
.ft_27 {
  font-size: calc(27 * var(--basePC));
}
.ft_28 {
  font-size: calc(28 * var(--basePC));
}
.ft_30 {
  font-size: calc(30 * var(--basePC));
}
.ft_32 {
  font-size: calc(32 * var(--basePC));
}
.ft_34 {
  font-size: calc(34 * var(--basePC));
}
.ft_36 {
  font-size: calc(36 * var(--basePC));
}
.ft_38 {
  font-size: calc(38 * var(--basePC));
}
.ft_40 {
  font-size: calc(40 * var(--basePC));
}

.ft_42 {
  font-size: calc(42 * var(--basePC));
}
.ft_44 {
  font-size: calc(44 * var(--basePC));
}
.ft_45 {
  font-size: calc(45 * var(--basePC));
}
.ft_46 {
  font-size: calc(46 * var(--basePC));
}
.ft_48 {
  font-size: calc(48 * var(--basePC));
}
.ft_50 {
  font-size: calc(50 * var(--basePC));
}
.ft_52 {
  font-size: calc(52 * var(--basePC));
}
.ft_54 {
  font-size: calc(54 * var(--basePC));
}
.ft_56 {
  font-size: calc(56 * var(--basePC));
}
.ft_58 {
  font-size: calc(58 * var(--basePC));
}
.ft_60 {
  font-size: calc(60* var(--basePC));
}
.ft_62 {
  font-size: calc(62 * var(--basePC));
}
.ft_64 {
  font-size: calc(64 * var(--basePC));
}
.ft_120 {
  font-size: calc(120 * var(--basePC));
}
.ft_200 {
  font-size: calc(200 * var(--basePC));
}



@media (max-width: 768px) {
   .ft_18 {
    font-size: calc(28 * var(--basePC));
  }
    .ft_24{
    font-size: calc(30 * var(--basePC));
  }
  .ft_27{
    font-size: calc(32 * var(--basePC));
  }
  .ft_40 {
    font-size: calc(50 * var(--basePC));
  }

  .ft_200 {
    font-size: calc(140 * var(--basePC));
  }
  .ft_45 {
    font-size: calc(48 * var(--basePC));
  }
 
  .customer-cases  .ft_45 {
    font-size: calc(60 * var(--basePC));
  }
}