:root {
  --f300: "Light";
  --f400: "Regular";
  --f500: "Medium";
  --vicolor: #144aa9;
  --vicolor2: rgba(43, 180, 152, 1);
  --header2: 1.5rem;
  --header: 0.9rem;
}
.vi {
  color: var(--vicolor);
}
.bodypadd {
  padding-top: var(--header);
}
.m_dw2{position: relative;top: -0.9rem;}
#maodian_talk{position: relative;top: -5.5rem;}
.f300 {
  font-family: var(--f300);
}
.f400 {
  font-family: var(--f400);
}
.f500 {
  font-family: var(--f500);
}
.BTN {
  display: flex;
  align-items: center;
  width: fit-content;
  /*width: 1.54rem;*/
  padding: 0 0.4rem;
  height: 0.5rem;
  column-gap: 0.18rem;
  transition: all 0.4s ease;
  border-radius: 0.06rem;
  border: 1px solid #333;
  color: #333;
  background-color: transparent;
  cursor: pointer;
}
.BTN svg {
  width: 0.08rem;
  height: auto;
  transform: translateY(0.015rem);
}
.BTN svg path {
  transition: all 0.4s ease;
  stroke: #333;
}
header {
  position: fixed;
  height: var(--header2);
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: #fff;
  transition: all 0.4s ease;
}
header.sroll {
  background: #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
header .header_container {
  height: 100%;
  height: 0.9rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
}
header .header_container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: calc(100% - 3rem);
  height: 1px;
  background: rgba(153, 153, 153, 0.4);
}
header .header_container .logo {
  width: fit-content;
  height: 50%;
  height: 0.7rem;
}
header .header_container .logo img {
  width: auto;
  height: 100%;
}
header .header_container .right {
  width: fit-content;
  width: calc(100% - 3.2rem);
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 0.86rem;
}
header .header_container .right .nav {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  column-gap: 0.39rem;
}
header .header_container .right .nav .nav_li {
  height: 100%;
  padding: 0 0.16rem;
}
header .header_container .right .nav .nav_li .li_h1 {
  height: 100%;
  display: flex;
  align-items: center;
  transition: all 0.4s ease;
  border-bottom: 2px solid transparent;
}
header .header_container .right .nav .nav_li.on .li_h1 {
  color: var(--vicolor);
  border-color: var(--vicolor);
}
header .header_container .right .nav .nav_li:hover .li_h1 {
  color: var(--vicolor);
  border-color: var(--vicolor);
}
header .header_container .right .other {
  display: flex;
  align-items: center;
  column-gap: 0.28rem;
}
header .header_container .right .other .other_ico {
  width: 0.2rem;
  height: 0.2rem;
  cursor: pointer;
}
header .header_container .right .other .other_ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .header_container .right .other .other_ico svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .header_container .right .other .other_ico svg path {
  transition: all 0.4s ease;
}
header .header_container .right .other .other_ico svg circle {
  transition: all 0.4s ease;
}
header .header_container .right .other .other_ico svg line {
  transition: all 0.4s ease;
}
.header_down {
  padding: 0 1.5rem;
  background-color: #fff;
}
.header_down .title {
  height: 0.8rem;
  display: flex;
  padding-top: 0.4rem;
}
.header_down .list {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.header_down .list .item {
  width: 50%;
  width: 46%;
}
.header_down .list .item .h1 {
  height: 0.6rem;
  display: flex;
  align-items: center;
  transition: all 0.4s ease;
}

.header_down .list:hover .item .h1{color: var(--vicolor)}

.header_down .list .item .more_cont {
  padding-bottom: 0.5rem;
  /*height: 2rem;*/
  overflow-y: auto;
}
.header_down .list .item .more_cont a.more {
  display: block;
  position: relative;
  padding-left: 0.24rem;
  line-height: 1.25;
  margin-bottom: 0.2rem;
}
.header_down .list .item .more_cont a.more:last-child {
  margin-bottom: 0;
}
.header_down .list .item .more_cont a.more::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.08rem;
  height: 0.02rem;
  background-color: var(--vicolor);
  border-radius: 0.2rem;
}
.header_down .list .item .more_cont a.more:hover span {
    text-decoration: underline;
}
.header_down .list .item .more_cont a.more.active span {
    text-decoration: underline;
}
header .nav_down {
  position: absolute;
  /* top: 100%; */
  top: calc( 100% - 0px );
  left: 0;
  width: 100%;
  /*height: calc(100vh - 0.9rem);*/
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(40px);
  /*transition: all 0.4s ease;*/
  /*z-index: -1;*/
  /*opacity: 0;*/
  /*pointer-events: none;*/
  display: none;
}
header .nav_down .down_container {
  /*pointer-events: none;*/
  transition: all 0.4s ease;
  /*transform: translateY(18px);*/
  height: fit-content;
  background-color: #fff;
}
header .nav_down .down_container .products_down {
  /* height: 3.78rem; */
  display: flex;
  /* min-height: 3.78rem; */
}
header .nav_down .down_container .products_down .left {
  /* width: 4.8rem; */
  width: 5.55rem;
  /*height: 100%;*/
  background-color: #f2f4f5;
  padding: 0.36rem 0 0.36rem 0.57rem;
  overflow-y: auto;
  min-height: 3.78rem;
}
header .nav_down .down_container .products_down .left .item {
  width: 100%;
  border-left: 2px solid transparent;
  transition: all 0.4s ease;
  height: 0.71rem;
  padding-left: 0.94rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  word-break: break-all;
}
header .nav_down .down_container .products_down .left .item.on {
  background-color: #fff;
  border-color: var(--vicolor);
  color: var(--vicolor);
}
header .nav_down .down_container .products_down .right {
  flex: 1;
  height: 100%;
  position: relative;
}
header .nav_down .down_container .products_down .right .right_card {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: none;
  padding: 0.47rem 0.75rem;
  column-gap: 1.5rem;
}
header .nav_down .down_container .products_down .right .right_card.on {
  display: flex;
  flex-wrap: wrap;
}
header .nav_down .down_container .products_down .right .right_card .ul {
  flex: 1;
}
header .nav_down .down_container .products_down .right .right_card .ul .li {
  margin-bottom: 0.14rem;
  display: block;
}
header .nav_down .down_container .products_down .right .right_card .ul .li:last-child {
  margin-bottom: 0;
}
.banner {
  width: 100%;
  height: 4.7rem;
}
.banner .swiper {
  width: 100%;
  height: 100%;
  position: relative;
}
.banner .swiper .swiper-slide {
  position: relative;
  height: auto;
  overflow: hidden;
}
.banner .swiper .swiper-slide .bgimg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  object-fit: cover;
}
.banner .swiper .swiper-slide .slide_cont {
  position: relative;
  height: 100%;
  z-index: 2;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.banner .swiper .swiper-slide .slide_cont .h1 {
  line-height: 1.68;
  width: fit-content;
}
.text-wrapper {
  display: inline-block; /* 宽度由内部最宽元素（h1）决定 */
}
.banner .swiper .swiper-slide .slide_cont .p1 {
  width: 100%; /* 强制继承容器宽度（即 h1 的宽度） */
  box-sizing: border-box; /* 避免 padding 导致溢出 */
  line-height: 1.333;
  margin-bottom: 0.6rem;
}
.banner .swiper .swiper-pagination {
  left: 1.5rem;
  width: fit-content;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.banner .swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color: rgba(51, 51, 51, 0.2);
  transition: all 0.4s ease;
}
.banner .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}
.index_container {
  padding-top: calc(var(--header) + 0.8rem + 2rem);
  transition: all 600ms linear;
}
.index_container{
  padding-top: calc(var(--header));
}
.header_place{opacity: 0;pointer-events: none;}

.index1 {
  padding: 1rem 1.5rem 0.9rem;
  background-color: #f9fbfe;
}
.index1 .cont {
  display: flex;
  justify-content: space-between;
  /*align-items: flex-end;*/
  align-items: center;
}
.index1 .cont span {
  color: var(--vicolor);
}
.index1 .cont .text {
  width: 11.8rem;
  line-height: calc(60 / 36);
}
.index1 .cont .pic {
  width: calc(100% - 11.8rem - 2rem);
}
.index2 {
  background-color: #fff;
  padding: 1.2rem 1.5rem 1.4rem;
}
.index2 .top {
  margin-bottom: 0.64rem;
}
.index2 .top .tit {
  line-height: calc(49 / 42);
  margin-bottom: 0.16rem;
}
.index2 .top .tit2 {
  line-height: 1.83;
  color: rgba(51, 51, 51, 0.6);
}
.index2 .cont .list {
  display: flex;
  column-gap: 0.08rem;
  width: 100%;
}
.index2 .cont .index2-swiper-wrapper {
  display: none;
}
.index2 .cont .list .item {
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
  width: calc((100% - 0.08rem * 6) / 7);
  height: 3.31rem;
  transition: all 0.4s ease;
  cursor: pointer;
}
.index2 .cont .list .item .bgimg {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4.24rem;
  max-width: 4.24rem;
  height: 100%;
  object-fit: cover;
}
.index2 .cont .list .item .item_cont {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.6rem;
  background: linear-gradient(180deg, rgba(1, 1, 1, 0) 0%, rgba(61, 61, 61, 0.8) 100%);
}
.index2 .cont .list .item .item_cont .tit {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  text-align: center;
  justify-content: center;
  line-height: 1.5;
  padding: 0 0.16rem 0.23rem;
  border-radius: 0 0 10px 10px;
  transition: all 0.4s ease;
}
.index2 .cont .list .item .item_cont .tit.tit1 {
  width: 1.9rem;
  max-width: 100%;
}
.index2 .cont .list .item .item_cont .tit.tit2 {
  width: 4.24rem;
  opacity: 0;
  transform: translate(-50%,100%);
}
.item_cont-opactify {
    display: flex;
    justify-content: center!important;
    align-items: center!important;
    flex-direction: column!important;
}
.index2 .cont .list .item .item_cont .item_cont_desc {
    color: #FFF;
    font-weight: 300;
    line-height: 1.71;
    margin-top: .08rem;
}
.index3 {
  position: relative;
}
.index3 .bgimg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.index3 .cont {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  padding: 1.67rem 1.5rem 1.64rem 2.2rem;
}
.index3 .cont .left {
  width: 3.45rem;
  padding-top: 0.38rem;
}
.index3 .cont .left .h1 {
  line-height: calc(49 / 42);
  margin-bottom: 0.16rem;
}
.index3 .cont .left .p1 {
  line-height: 1.83;
  color: rgba(51, 51, 51, 0.6);
}
.index3 .cont .right {
  width: calc(100% - 3.45rem - 1.96rem);
  display: flex;
  column-gap: 0.3rem;
}
.index3 .cont .right .right_list {
  width: calc((100% - 0.3rem) / 2);
}
/*.index3 .cont .right .right_list:nth-child(1) .card:nth-child(2n - 1) {*/
/*  height: 3.56rem;*/
/*}*/
/*.index3 .cont .right .right_list:nth-child(1) .card:nth-child(2n) {*/
/*  height: 2.74rem;*/
/*}*/
/*.index3 .cont .right .right_list:nth-child(2) .card {*/
/*  height: 3.14rem;*/
/*}*/
.index3 .cont .right .card {
  margin-bottom: 0.3rem;
  padding: 0.4rem;
  border-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 40px 0 rgba(110, 110, 110, 0.15);
  backdrop-filter: blur(60px);
  cursor: pointer;
  transition: all .3s ease;
}
/*.index3 .cont .right .card:last-child {*/
/*  margin-bottom: 0;*/
/*}*/
.index3 .cont .right .card .ico {
  width: 0.45rem;
  height: 0.45rem;
  position: relative;
  margin-bottom: 0.3rem;
  width: 0.66rem;
  height: 0.66rem;
  border-radius: 50%;
  background: rgba(43, 180, 152, 0);
  transition: all 0.4s ease;
}
.index3 .cont .right .card .ico img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  width: 0.45rem;
  height: 0.45rem;
  margin: auto;
  object-fit: contain;
  transition: all 0.4s ease;
}
.index3 .cont .right .card .ico img.img2 {
  opacity: 0;
  filter: brightness(0) invert(1);
}
.index3 .cont .right .card .h1 {
  line-height: calc(35 / 30);
  margin-bottom: 0.14rem;
  transition: all 0.4s ease;
}
.index3 .cont .right .card .p1 {
  line-height: 1.68;
  color: #333;
  height: 6.72em;
  transition: all 0.4s ease;
  font-weight: 400;
  opacity: 0.6;
}

.index3 .cont .right .card:hover .p1{font-weight: 500;opacity: 1;}

.index3 .cont .right .card:hover  .ico{
    background: rgba(43, 180, 152, 1);
}

.index4 {
  position: relative;
}
.index4 .bg1 {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
}
.index4 .bg2 {
  position: absolute;
  z-index: 1;
  width: 100%;
  /*height: auto;*/
  height: 100%;
  top: 0;
  left: 0;
}
.index4 .ourgoal {
  position: absolute;
  /*z-index: 1;*/
  z-index: 2;
  /*left: calc( (100% - 10rem) / 2 );*/
  /* transform: translateX(-50%); */
  /*bottom: 2.8rem;*/
  bottom: 2.4rem;
  /*width: 10rem;*/
  left: calc( (100% - 7.14rem) / 2 );
  /*width: 8rem;*/
  width: 7.14rem;
  opacity: 0;
  transform: scale(.5);
  /*transition: all 800ms ease-out 600ms;*/
}

.index4.aos-animate .ourgoal{opacity: 1;}

.index4 .cont {
  position: relative;
  z-index: 2;
  padding: 2.96rem 3.5rem 3.5rem;
  min-height: 9.5rem;
}
.index4 .cont .tit {
  margin-bottom: 0.4rem;
}
.index5 {
  padding: 1.5rem;
  background-color: #fff;
}
.index5 .top {
  margin-bottom: 0.6rem;
}
.index5 .top .tit {
  line-height: calc(49 / 42);
}
.index5 .cont .list {
  display: flex;
  column-gap: 0.23rem;
}
.index5 .cont .mb-swiper-wrapper {
  display: none;
}
.index5 .cont .list .item {
  display: flex;
  flex-direction: column;
  width: calc((100% - 0.23rem * 2) / 3);
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 4px 22px 0 rgba(56, 56, 56, 0.09);
  padding: 0.08rem;
  transition: all 0.4s ease;
  position: relative;
}
.index5 .cont .list .item .bg {
  position: absolute;
  width: 2rem;
  height: auto;
  z-index: 1;
  left: 0;
  bottom: 0.32rem;
  transition: all 0.4s ease;
}
.index5 .cont .list .item .pic {
  width: 100%;
  height: auto;
  aspect-ratio: 510 / 350;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.index5 .cont .list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.index5 .cont .list .item .text {
  flex: 1;
  padding: 0.4rem 0.17rem 0.55rem;
  position: relative;
  z-index: 2;
}
.index5 .cont .list .item .text .t1 {
  padding-bottom: 0.4rem;
  margin-bottom: 0.46rem;
  border-bottom: 1px solid rgba(210, 210, 210, 0.4);
  transition: all 0.4s ease;
}
.index5 .cont .list .item .text .p1 {
  padding: 0 0.17rem;
  transition: all 0.4s ease;
}
.index6 {
  padding: 1.03rem 0 1rem;
  background: linear-gradient(180deg, rgba(249, 251, 254, 0) 0%, #F9FBFE 20%, #F9FBFE 100%);
}
.index6 .top {
  width: 9.17rem;
  margin: 0 auto 0.42rem;
}
.index6 .top .tit {
  margin-bottom: 0.16rem;
}
.index6 .top .tit1 {
  line-height: 1.83;
  color: rgba(51, 51, 51, 0.6);
  margin-bottom: 0.5rem;
}
.index6 .top .BTN {
  margin: 0 auto;
}
.index6 .map {
  width: 15.06rem;
  height: auto;
  aspect-ratio: 1506 / 612;
  margin: 0 auto -0.61rem;
  position: relative;
}
.index6 .map .map_img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.index6 .map .coordinate_cont {
  cursor: pointer;
}
.index6 .map .coordinate_cont .coordinate {
  position: absolute;
  z-index: 2;
  width: 0.48rem;
  height: 0.48rem;
  transform: translate(-50%, -50%);
}
.index6 .map .coordinate_cont .coordinate .point {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.index6 .map .coordinate_cont .coordinate .point::after {
  content: "";
  position: absolute;
  z-index: 1;
  transition: all 0.4s ease;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(20, 74, 169, 0.2);
  animation: flush 1.6s linear infinite;
}
@keyframes flush {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 400%;
    height: 400%;
    border-color: transparent;
    background: radial-gradient(50% 50% at 50% 50%, rgba(200, 220, 255, 0.00) 0%, rgba(43, 108, 222, 0.08) 100%);
  }
}
.index6 .map .coordinate_cont .coordinate .point .ico {
  position: relative;
  z-index: 2;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  border: 1px solid rgba(20, 74, 169, 0.2);
  transition: all 0.4s ease;
}
.index6 .map .coordinate_cont .coordinate .point .ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  border-radius: 50%;
  background-color: #144AA9;
}
.index6 .map .coordinate_cont .coordinate .icon {
  position: absolute;
  z-index: 2;
  width: 0.33rem;
  height: 0.33rem;
  object-fit: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  transition: all 0.4s ease;
}
.index6 .map .coordinate_cont .coordinate .tit {
  position: absolute;
  z-index: 3;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  line-height: 2;
  white-space: nowrap;
  transition: all 0.4s ease;
}
.index6 .tabber {
  width: 14.82rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 2px 4px 22.7px 0 rgba(0, 77, 160, 0.03);
  padding: 0.44rem;
  display: flex;
}
.index6 .tabber .item {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.4rem;
  position: relative;
}
.index6 .tabber .item::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  right: 0;
  width: 2px;
  height: 0.58rem;
  border-radius: 2px;
  background-color: #d6d6d6;
}
.index6 .tabber .item:last-child::after {
  display: none;
}
.index6 .tabber .item .ico {
  width: 0.6rem;
  height: 0.6rem;
}
.index6 .tabber .item .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.index6 .tabber .item .text .num_cont {
  display: flex;
  column-gap: 0.1rem;
  margin-bottom: 0.06rem;
}
.index6 .tabber .item .text .num_cont .num {
  line-height: calc(66 / 56);
}
.index6 .tabber .item .text .num_cont .num_f {
  line-height: 2;
}
.index6 .tabber .item .text .t {
  color: rgba(51, 51, 51, 0.7);
  line-height: calc(21 / 18);
}
.index6 .map .coordinate_cont .coordinate.on .tit {
  font-size: 0.24rem;
  color: var(--vicolor);
}
.index6 .map .coordinate_cont .coordinate.on .point::after {
  width: 400%;
  height: 400%;
  border-color: transparent;
  background: radial-gradient(50% 50% at 50% 50%, rgba(200, 220, 255, 0) 0%, rgba(43, 108, 222, 0.08) 100%);
}
.index6 .map .coordinate_cont .coordinate.on .point .ico {
  transform: scale(0);
  opacity: 0;
}
.index6 .map .coordinate_cont .coordinate.on .icon {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.index7 {
  background: url(../img/15.png) no-repeat left top / cover;
  background-attachment: fixed;
}
.index7 .cont {
  padding: 0.5rem 1.58rem 0.5rem 1.5rem;
  display: flex;
  justify-content: space-between;
}
.index7 .cont .left {
  width: 5.39rem;
  padding-top: 0.3rem;
}
.index7 .cont .left .h1 {
  line-height: calc(49 / 42);
  margin-bottom: 0.3rem;
}
.index7 .cont .left .p1 {
  line-height: 1.83;
  color: rgba(51, 51, 51, 0.6);
}
.index7 .cont form {
  width: 9.45rem;
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0.4rem 0.6rem;
}
.index7 .cont form .list {
  display: flex;
  column-gap: 0.3rem;
  /*margin-bottom: 0.24rem;*/
  margin-bottom: .3rem;
}
.index7 .cont form .list .input_cont {
  flex: 1;
  position: relative;
}
.index7 .cont form .list .input_cont .parsley-errors-list {
  position: absolute;
  width: 100%;
  top: 100%;
  padding: 0 0.13rem;
  line-height: 1.5;
  color: #f00;
  font-size: 0.14rem;
}
.index7 .cont form .list .input_cont input {
  width: 100%;
  height: 0.44rem;
  padding: 0 0.13rem;
  border-radius: 0.06rem;
  border: 1px solid #EDEDED;
}
.index7 .cont form .list .input_cont input:placeholder-shown + .custom-placeholder {
  display: block;
}
.index7 .cont form .list .input_cont textarea {
  width: 100%;
  height: 0.9rem;
  padding: 0.15rem 0.13rem;
  border-radius: 0.06rem;
  border: 1px solid #EDEDED;
}
.index7 .cont form .list .input_cont textarea:placeholder-shown + .custom-placeholder {
  display: block;
}
.index7 .cont form .list .input_cont .custom-placeholder {
  position: absolute;
  z-index: 1;
  width: 100%;
  padding: 0 0.13rem;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
  display: none;
  line-height: 1.5;
}
.index7 .cont form .list .input_cont .custom-placeholder.top {
  top: 0.15rem;
  transform: none;
}
.index7 .cont form .list .input_cont .custom-placeholder.rel::before {
  content: "* ";
}
.index7 .cont form .BTN {
  margin: 0 auto;
}
.swal-button {
  background-color: var(--vicolor);
}
.swal-button:hover {
  background-color: var(--vicolor) !important;
}
#footer {
  padding: 0.62rem 1.5rem 0;
  background-color: #1e2528;
}
#footer .top {
  display: flex;
  column-gap: 1.66rem;
  padding-bottom: 0.4rem;
  /* border-bottom: 2px solid rgba(183, 183, 183, 0.15); */
}
#footer .top .left {
  width: 3.5rem;
}
#footer .top .left .logo {
  width: 2.27rem;
  margin-bottom: 0.31rem;
}
#footer .top .left .logo img {
  width: 100%;
  height: auto;
}
#footer .top .left .p1 {
  color: rgba(255, 255, 255, 1);
  /* margin-bottom: 1.21rem; */
}
.icon-list-box {
  /*display: flex;*/
  /*justify-content: space-between;*/
  align-items: center;
  padding-bottom: .34rem;
  border-bottom: 2px solid rgba(183, 183, 183, 0.15);
  
}
.footer-hide {
  width: 9.65rem;
  color: rgba(255, 255, 255, 0.20);
  font-weight: 400;
  line-height: 1.25;
  margin-top: 0.25rem;
}
#footer .mb-footer-menu { display: none; }
#footer .top .left .ico_list {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1rem;
}
#footer .top .left .ico_list .ico {
  width: 0.3rem;
  height: 0.3rem;
  border: 1px solid #666;
  padding: 0.04rem;
  border-radius: 50%;
}
#footer .top .left .ico_list .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#footer .icon-list-box .ico_list {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1rem;
}
#footer .icon-list-box .ico_list .ico {
  width: 0.3rem;
  height: 0.3rem;
  border: 1px solid #666;
  padding: 0.04rem;
  border-radius: 50%;
}
#footer .icon-list-box .ico_list .ico a {
    display: block;
    width: 100%;
    height: 100%;
}
#footer .icon-list-box .ico_list .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#footer .top .right {
  display: flex;
  /*column-gap: 0.8rem;*/
  column-gap: 0.5rem;
  flex: 1;
}
#footer .top .right .ul {
  /*flex: 1;*/
}
#footer .top .right .ul .li {
  display: block;
}
#footer .top .right .ul .li.h1 {
  margin-bottom: 0.38rem;
  line-height: 1.11;
}
#footer .top .right .ul .li.h2 {
  line-height: 1.25;
  color: #fff;
  opacity: 0.4;
  transition: all 0.4s ease;
  /*margin-bottom: 0.28rem;*/
  margin-bottom: .2rem;
}
#footer .top .right .ul .li.h2:last-child {
  margin-bottom: 0;
}
#footer .bot {
  padding: 0.33rem 0 0.29rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#footer .bot .t1 {
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.4);
}
#footer .bot .t1 a {
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.4);
}
#footer .bot .right {
  display: flex;
  align-items: center;
  column-gap: 0.3rem;
}
.m_dw {
  position: relative;
  top: -2.28rem;
}
.m_dwmy {
    top: -2.08rem;
}


.index3 .cont .right .card:hover{background: rgba(255, 255, 255, 1);}

/*.header_place,*/
.header_down .title,
.header_down .list .item .more_cont{display:none;}
						
.prod_nav{position: absolute;top: 100%;left: 0;width: 100%;}

.prod_nav .box{display: flex;background: #fff url(../img/product_mask.png) no-repeat bottom center;background-size: cover;}

.prod_nav .box .lf{width: calc(1013 / 1920 * 100%);padding: 0.57rem 0 0 1.5rem;display: flex;background: #F2F4F5;}

.prod_nav .box .rf{flex: 1;}

.prod_nav .box .lf .text{padding-bottom: 0.81rem;width: 3.24rem}

.prod_nav .box .lf .text .t1{line-height: calc(26 / 24);border-bottom: 2px solid transparent;}
.prod_nav .box .lf .text .t1:hover {
    /*border-bottom: 1px solid #000000;*/
    text-decoration: underline;
}

.prod_nav .box .lf .text .t2{line-height: calc(30 / 18);margin-top: 0.25rem;opacity: 0.7;}

.prod_nav .box .lf .line{width: 1px;background: #fff;margin: 0 0.42rem 0 0.45rem;}

.prod_nav .box .lf .links{flex: 1;padding-bottom: 0.81rem;}

.prod_nav .box .lf .links .link{
    position: relative; 
    display: block; 
    padding: 0.22rem 0.31rem 0.23rem;
    border-left: 0.04rem solid #F2F4F5;
    line-height: calc(26 / 20);
    
}
.prod_nav .box .lf .links .link span {
    border-bottom: 2px solid transparent;
}
.prod_nav .box .lf .links .link:hover span {
    /*border-bottom: 1px solid #000000;*/
    text-decoration: underline;
}

.prod_nav .box .lf .links .link:not(:last-child){margin-bottom: 0.07rem;}

.prod_nav .box .lf .links .link.act{border-left-color: #2361A6;background: #fff;}

.prod_nav .box .rf{padding: 0.64rem 2.08rem 0.81rem 0.77rem;}

.prod_nav .box .rf .item{display: none;}

.prod_nav .box .rf .item.act{display: block;}

.prod_nav .box .rf .item .t1{line-height: calc(26 / 22);}

.prod_nav .box .rf .item .t2{line-height: calc(24 / 14);margin-top: 0.2rem;opacity: 0.6;}

.prod_nav .box .rf .item .icon{display: flex;flex-wrap: wrap;margin-top: 0.36rem;gap: 0.36rem 0.58rem;line-height: calc(33 / 18);}

.prod_nav .box .rf .item .icon a{
    display: flex;
    border-bottom: 2px solid transparent;
}

.prod_nav .box .rf .item .icon a img{width: 0.33rem;height: 0.33rem;object-fit: contain;margin-right: 0.1rem;}

.prod_nav .box .rf .item .icon a:hover{
    font-weight: 500;
    /*border-bottom: 1px solid #000000;*/
    text-decoration: underline;
}

header .header_container .right .nav .nav_li:first-child{position: relative;}

.about_nav{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background: #fff;}


.about_nav{
    position: absolute;
    /*top: .75rem;*/
    top: 100%;
    left: 50%;
    /*margin-left: -.75rem;*/
    margin-left: -.95rem;
    z-index: -3;
    padding-top: .13rem;
    display: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 9999
}

.about_nav .list{
    -webkit-box-shadow: 0 .02rem .12rem 0 rgba(0,0,0,.06);
    box-shadow: 0 .02rem .12rem 0 rgba(0,0,0,.06);
    background-color: #fff;
    border-radius: .06rem;
    padding: .16rem 0;
}

.about_nav .list .link {
    padding: 0 .2rem;
    /*width: 1.5rem;*/
    width: 2rem;
    text-align: center;
    margin: 0;
}

.about_nav .list .link a {
    font-size: .16rem;
    line-height: .24rem;
    padding: 0.07rem 0;
}

.about_nav .list .link a:hover{color: var(--vicolor);}

header .header_container .right .nav .nav_li:hover .about_nav {
}

header .header_container .right .nav .nav_li:nth-child(5){position: relative;}

.index6 .index6 .map {
  margin-bottom: 2.41rem;
}
.index6 .about-map {
  width: 15.07rem;
  margin: 0 auto;
  position: relative;
}
.index6 .about-map .about-map__map {
  display: block;
  width: 100%;
  height: auto;
}
.index6 .about-map .about-map-box {
  width: 100%;
  /*height: 4.41rem;*/
  height: 6rem;
  overflow: hidden;
  position: relative;
}

/*.index6 .about-map .about-map-box:before{content: "* Click on the area to view the business divisions";position: absolute;left: 0;bottom: 0;}*/

.index6 .about-map .about-map-innerbox {
  width: 100%;
  height: 6rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.index6 .about-map .aftica {
  position: absolute;
  left: 43.1%;
  top: 29.667%;
  width: 23.158%;
  height: 53.166%;
  opacity: 0;
  transition: all 0.5s linear;
}
.index6 .about-map .aftica:hover {
  opacity: 1;
}
.index6 .about-map .europe {
  width: 50%;
  height: 34.667%;
  position: absolute;
  left: 45.86%;
  top: 0;
  opacity: 0;
  transition: all 0.5s linear;
}
.index6 .about-map .europe:hover {
  opacity: 1;
}
.index6 .about-map .samerica {
  width: 18.978%;
  height: 49.833%;
  position: absolute;
  left: 19.5%;
  top: 52%;
  opacity: 1;
  transition: all 0.5s linear;
}
.index6 .about-map .pacifc {
  width: 28.3344%;
  height: 70.833%;
  position: absolute;
  right: .1%;
  bottom: 4.8%;
  opacity: 0;
  transition: all 0.5s linear;
}
.index6 .about-map .meast {
  width: 15.39%;
  height: 33.667%;
  position: absolute;
  left: 61%;
  top: 22.6%;
  opacity: 0;
  transition: all 0.5s linear;
}
.index6 .about-map .northafrica {
  width: 46.184%;
  height: 60.5%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.5s linear;
  clip-path: polygon(84.05% 0, 100% 0, 98.13% 18.73%, 59% 100%, 48% 100%, 0 88%, 0 81.54%, 6.896% 62.258%, 10% 57.3%, 17.959% 47.1%, 44.25% 18%);
}
.index6 .about-map .northafrica:hover {
  opacity: 1;
}
.index6 .about-map .asia {
  width: 39.08%;
  height: 70.8333%;
  position: absolute;
  left: 60.9175%;
  top: 24.5%;
  opacity: 0;
  transition: all 0.5s linear;
  clip-path: polygon(0 0, 56.53% 0, 76.4% 14.11%, 99.4% 44.47%, 100% 100%, 69% 100%, 0 11%);
}
.index6 .about-map .asia:hover {
  opacity: 1;
}
.index6 .about-map .coordinate_cont {
  cursor: pointer;
}
.index6 .about-map .coordinate_cont .coordinate {
  position: absolute;
  z-index: 2;
  width: 0.48rem;
  height: 0.48rem;
  transform: translate(-50%, -50%);
}
.index6 .about-map .coordinate_cont .coordinate .point {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.index6 .about-map .coordinate_cont .coordinate .point::after {
  content: "";
  position: absolute;
  z-index: 1;
  transition: all 0.4s ease;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(20, 74, 169, 0.2);
  animation: flush 1.6s linear infinite;
  pointer-events: none;
}
@keyframes flush {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 400%;
    height: 400%;
    border-color: transparent;
    background: radial-gradient(50% 50% at 50% 50%, rgba(200, 220, 255, 0) 0%, rgba(43, 108, 222, 0.08) 100%);
  }
}
.index6 .about-map .coordinate_cont .coordinate .point .ico {
  position: relative;
  z-index: 2;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  border: 1px solid rgba(20, 74, 169, 0.2);
  transition: all 0.4s ease;
}
.index6 .about-map .coordinate_cont .coordinate .point .ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  border-radius: 50%;
  background-color: #144AA9;
}
.index6 .about-map .coordinate_cont .coordinate .icon {
  position: absolute;
  z-index: 2;
  width: 0.33rem;
  height: 0.33rem;
  object-fit: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  transition: all 0.4s ease;
}
.index6 .about-map .coordinate_cont .coordinate .tit {
  position: absolute;
  z-index: 3;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  line-height: 2;
  white-space: nowrap;
  transition: all 0.4s ease;
  font-family: "微软雅黑,黑体";
}

.index6 .about-map .coordinate_cont .coordinate.on .tit {
  font-size: 0.24rem;
  /*color: var(--vicolor);*/
  color: #49B398; 
}
.index6 .about-map .coordinate_cont .coordinate.on .tit-head {
    color: #49B398;
}
.index6 .about-map .coordinate_cont .coordinate.on .point::after {
  width: 400%;
  height: 400%;
  border-color: transparent;
  background: radial-gradient(50% 50% at 50% 50%, rgba(200, 220, 255, 0) 0%, rgba(43, 108, 222, 0.08) 100%);
}
.index6 .about-map .coordinate_cont .coordinate.on .point .ico {
  transform: scale(0);
  opacity: 0;
}
.index6 .about-map .coordinate_cont .coordinate.on .icon {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}


.index6 .about-map .about-block6-float {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 6.17rem;
  height: 5.55rem;
  flex-shrink: 0;
  border: 1px solid #f0fcff;
  background: #fafafa;
  box-shadow: 2px 4px 0.22rem 0.04rem rgba(0, 0, 0, 0.05);
  z-index: 2;
  padding-top: 0.67rem;
}
.index6 .about-map .about-block6-float .about-block6-float-close {
  position: absolute;
  top: 0.26rem;
  right: 0.31rem;
  width: 0.25rem;
  cursor: pointer;
}
.index6 .about-map .about-block6-float .about-block6-float-search {
  height: 0.38rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.14rem;
  padding-right: 0.31rem;
}
.index6 .about-map .about-block6-float .about-block6-float-search .about-block6-float-title {
  color: #144aa9;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f0fcff;
  font-family: "HarmonyOS Sans SC";
  font-style: normal;
  font-weight: 700;
  line-height: 0.32rem;
  padding-left: 0.37rem;
}
.index6 .about-map .about-block6-float .about-block6-float-search .block6-search-input {
  width: 1.93rem;
  height: 0.32rem;
  flex-shrink: 0;
  border-radius: 0.06rem;
  border: 1px solid rgba(153, 153, 153, 0.5);
  opacity: 0.6;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.index6 .about-map .about-block6-float .about-block6-float-search .block6-search-input .block6-search-input__input {
  width: 1.69rem;
  height: 100%;
}
.index6 .about-map .about-block6-float .about-block6-float-search .block6-search-input .block6-search__img {
  width: 0.18rem;
  height: 0.18rem;
  cursor: pointer;
}
.index6 .about-map .about-block6-float .about-block6-float-box {
  height: 100%;
  display: flex;
  align-items: flex-start;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left {
  width: 50%;
  height: 100%;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-tip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 0.16rem;
  padding-left: 0.37rem;
  height: 0.39rem;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-tip .block6-tip-box {
  display: flex;
  align-items: center;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-tip .block6-tip-box .block6-tip-span {
  width: 0.13rem;
  height: 0.13rem;
  flex-shrink: 0;
  border-radius: 50%;
  margin-right: 0.08rem;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-tip .block6-tip-box .block6-tip-span.blue {
  background: #144aa9;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-tip .block6-tip-box .block6-tip-span.green {
  background: #2bb498;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-tip .block6-tip-box .block6-tip__text {
  color: #666;
  font-weight: 500;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-country {
  width: 100%;
  height: calc(100% - 0.39rem - 0.52rem);
  background: #f2f4f5;
  overflow-y: auto;
  padding-top: 0.27rem;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-country .block6-country-block {
  width: 100%;
  height: 0.4rem;
  display: flex;
  align-items: center;
  padding-left: 0.36rem;
  cursor: pointer;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-country .block6-country-block .block6-country__img {
  width: 0.27rem;
  margin-right: 0.25rem;
  flex-shrink: 0;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-country .block6-country-block .block6-country__p {
  color: #333;
  font-weight: 400;
  line-height: 0.4rem;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-country .block6-country-block.active {
  background: #fff;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-country .block6-country-block.active .block6-country__p {
  color: #144aa9;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-country::-webkit-scrollbar {
  width: 4px;
  background: #eeeeee;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-left .block6-country::-webkit-scrollbar-thumb {
  background: #144aa9;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-right {
  width: 50%;
  height: calc(100% - 0.39rem - 0.52rem);
  box-sizing: border-box;
  padding-left: 0.8rem;
  padding-top: 0.28rem;
  margin-top: 0.39rem;
  overflow-y: auto;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-right .about-block6-float-right-box {
  display: none;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-right .about-block6-float-right-box:first-child {
  display: block;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-right a {
  color: #333;
  font-weight: 400;
  line-height: 2;
  height: 0.36rem;
  display: flex;
  align-items: center;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-right a p {
  width: 1.55rem;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-right a span {
  width: 0.13rem;
  height: 0.13rem;
  border-radius: 50%;
  margin-right: 0.06rem;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-right a span:last-child {
  margin-right: 0;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-right a span.blue {
  background: #144aa9;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-right a span.green {
  background: #2bb498;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-right::-webkit-scrollbar {
  width: 4px;
  background: #eeeeee;
}
.index6 .about-map .about-block6-float .about-block6-float-box .about-block6-float-right::-webkit-scrollbar-thumb {
  background: #144aa9;
}
.index6 .about-map .samerica {
  width: 18.978%;
  height: 49.833%;
  position: absolute;
  left: 19.5%;
  top: 52%;
  opacity: 0;
  transition: all 0.5s linear;
}
.index6 .about-map .samerica:hover {
      opacity: 1;
}
.index6 .about-map .pacifc {
  width: 28.3344%;
  height: 70.833%;
  position: absolute;
  right: .1%;
  bottom: 4.8%;
  opacity: 0;
  transition: all 0.5s linear;
}
.index6 .about-map .pacifc:hover {
     opacity: 1; 
}
.index6 .about-map .meast {
  width: 15.39%;
  height: 33.667%;
  position: absolute;
  left: 61%;
  top: 22.6%;
  opacity: 0;
  transition: all 0.5s linear;
}
.index6 .about-map .meast:hover {
   opacity: 1; 
}
.seehow {
    display: flex;
    align-items: center;
}
.seehow img {
    display: block;
    width: .3rem;
    transform: rotate(180deg);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #144AA9!important;
}
@media screen and (max-width: 1024px) {
    header .header_container .right .nav {
        column-gap: .1rem;
    }
    header .header_container .right .nav .nav_li {
        padding: 0 .1rem;
    }
}
.news_con p {
    font-size: 16px;
}
.news_con h2,.news_con h3,.news_con h4,.news_con h5,.news_con h6 {
    font-size: 16px;
}















