.w1660 {
  padding-left: 1.3rem !important;
  padding-right: 1.3rem !important;
}

.w1640 {
  padding-left: 1.4rem !important;
  padding-right: 1.4rem !important;
}

.w1600 {
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
}

.fill-vh {
  width: 100%;
  height: 100vh;
  min-height: 10rem;
}

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

.color-tit {
  position: relative;
  width: fit-content;
}
.color-tit .t1, .color-tit .t2 {
  position: absolute;
  inset: 0;
  transition: all 0.4s ease;
  white-space: nowrap;
}
.color-tit .t1 {
  position: relative;
  color: #D5D5D5;
}
.color-tit .t2 {
  color: #333;
  clip-path: inset(0 100% 0 0);
}

.tit-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.55rem;
}
.tit-box .ibtn {
  margin-top: 0.4rem;
}
.tit-box > .tit {
  font-size: 0.54rem;
  font-weight: 600;
  font-family: var(--fw600);
  line-height: 1.3;
  position: relative;
  width: fit-content;
}
.tit-box > .txt {
  max-width: 10rem;
  font-size: 0.2rem;
  font-weight: 400;
  font-family: var(--fw400);
  line-height: 2;
  margin-top: 0.3rem;
}
.tit-box > .txt p {
  margin-top: 0.2rem;
}
.tit-box > .txt p:first-child {
  margin-top: 0;
}
.tit-box > .txt.maxw13 {
  max-width: 13rem;
}
.tit-box.no-bottom {
  margin-bottom: 0;
}
.tit-box.text-center {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.tit-box.text-center > .tit {
  text-align: center;
}
.tit-box.text-center > .txt {
  text-align: center;
}

.pic-scale {
  overflow: hidden;
}
.pic-scale .pic, .pic-scale.pic {
  overflow: hidden;
}
.pic-scale .pic img, .pic-scale.pic img {
  transition: all 0.4s ease;
}
.pic-scale:hover .pic img, .pic-scale:hover.pic img {
  transform: scale(1.05);
}

.hover-up {
  transition: all 0.4s ease;
}
.hover-up:hover {
  transform: translateY(-6px);
}

.liquid-glass {
  position: relative;
  overflow: hidden;
}
.liquid-glass::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  filter: url(#liquid-glass-filters);
  overflow: hidden;
  isolation: isolate;
  border-radius: inherit;
  pointer-events: none;
}
.liquid-glass::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  padding: 1.5px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.05) 65%, rgba(255, 255, 255, 0.8) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.liquid-glass > * {
  position: relative;
  z-index: 2;
}
.liquid-glass.border-none::after {
  display: none;
}
.liquid-glass.blur-strong::before {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.liquid-glass.blur-light::before {
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
}
.liquid-glass.border-2::after {
  padding: 2px;
}
.liquid-glass.border-3::after {
  padding: 3px;
}
.liquid-glass2 {
  position: relative;
  overflow: hidden;
}
.liquid-glass2::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  filter: url(#liquid-glass-filters2);
  overflow: hidden;
  isolation: isolate;
  border-radius: inherit;
  pointer-events: none;
}
.liquid-glass2::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  padding: 0.5px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.05) 36%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.05) 64%, rgba(255, 255, 255, 0.5) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.liquid-glass2 > * {
  position: relative;
  z-index: 2;
}

.ibtn-group {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.04rem;
  height: 0.46rem;
  cursor: pointer;
  transition: all 0.4s ease;
}
.ibtn-group > .ibtn:active {
  transform: none;
}
/*.ibtn-group.bg_e .ibtn{*/
/*    background: #eee;*/
/*    color: #333;*/
/*}*/
.ibtn-group.bg_e .ibtn .ibtn_bg {
  background: #eee;
}
.ibtn-group.bg_e .ibtn .btn_txt{
    color: #333;
}
.ibtn-group.bg_e:hover .ibtn {
  background: var(--vicolor);
  color: #fff;
}
.ibtn-group.bg_e:hover .ibtn .btn_txt{
    color: #fff;
}


.ibtn-group.bg_f .ibtn .ibtn_bg {
  background: #fff;
}
.ibtn-group.bg_f .ibtn .btn_txt{
    color: #333;
}
.ibtn-group.bg_f:hover .ibtn {
  background: var(--vicolor);
  color: #fff;
}
.ibtn-group.bg_f:hover .ibtn .btn_txt{
    color: #fff;
}


.ibtn-group:hover .ibtn .ibtn_bg {
  background: var(--vicolor);
}
.ibtn-group.hover .ibtn .ibtn_bg {
  background: var(--vicolor);
}
.ibtn-group:hover .ibtn .btn_arrow .img1 {
  transform: translateX(0);
  opacity: 1;
}
.ibtn-group.hover .ibtn .btn_arrow .img1 {
  transform: translateX(0);
  opacity: 1;
}
.ibtn-group:hover .ibtn .btn_arrow .img2 {
  transform: translateX(100%);
  opacity: 0;
}
.ibtn-group.hover .ibtn .btn_arrow .img2 {
  transform: translateX(100%);
  opacity: 0;
}

.ibtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.12rem 0.26rem;
  border: none;
  background: transparent;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.45rem;
  transition: all 0.4s ease;
  color: rgb(255, 255, 255);
  /*box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.1);*/
  font-size: 0.18rem;
  font-weight: 500;font-family: 'Montserrat-Medium';
  font-family: var(--fw500);
  white-space: nowrap;
  position: relative;
  gap: 0.15rem;
}
.ibtn .ibtn_bg {
  position: absolute;
  inset: 0;
  background: transparent;
  border-radius: inherit;
  transition: all 0.4s ease;
}
.ibtn .btn_txt {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  transition: all 0.4s ease;
  font-weight: 400!important;
  font-family: var(--fw400) !important;
}
.ibtn .btn_arrow {
  position: relative;
  z-index: 2;
  width: 0.17rem;
  height: 0.18rem;
  transition: transform 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.ibtn .btn_arrow .img1,
.ibtn .btn_arrow .img2 {
  transition: all 0.4s ease;
  position: absolute;
  inset: 0;
}
.ibtn .btn_arrow .img1 {
  transform: translateX(-100%);
  opacity: 0;
}
.ibtn .btn_arrow .img2 {
  transform: translateX(0);
  opacity: 1;
}
.ibtn.bg_e {
  background: #eee;
  color: #333;
}
.ibtn.bg_e:hover, .ibtn.bg_e.active {
  background: var(--vicolor);
}
.ibtn.bg_e:hover .btn_txt, .ibtn.bg_e.active .btn_txt {
  color: #fff;
}
.ibtn.bg_e:hover, .ibtn.bg_e.active {
  color: #fff;
}

.ibtn.bg_f {
  background: #fff;
  color: #333;
}
.ibtn.bg_f:hover, .ibtn.bg_f.active {
  background: var(--vicolor);
}
.ibtn.bg_f:hover .btn_txt, .ibtn.bg_f.active .btn_txt {
  color: #fff;
}
.ibtn.bg_f:hover, .ibtn.bg_f.active {
  color: #fff;
}

.ibtn:hover .ibtn_bg {
  background: var(--vicolor);
}
.ibtn:hover .btn_txt {
  color: #fff;
}
.ibtn:hover .btn_arrow .img1 {
  transform: translateX(0);
  opacity: 1;
}
.ibtn:hover .btn_arrow .img2 {
  transform: translateX(100%);
  opacity: 0;
}
.ibtn.ibtn-circle {
  flex-shrink: 0;
  min-width: 0.46rem;
  width: 0.46rem;
  height: 0.46rem;
  aspect-ratio: 1/1;
  padding: 0.12rem !important;
  border-radius: 50%;
}
.ibtn.no-padding {
  padding: 0;
}

.ibtn2 {
  width: fit-content;
  cursor: pointer;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.ibtn2 .btn_arrow {
  width: 0.16rem;
  height: auto;
  transition: transform 0.4s ease;
  transform: translateX(-0.05rem);
}
.ibtn2 .btn_arrow svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ibtn2 .btn_arrow svg path {
  transition: all 0.4s ease;
}
.ibtn2:hover .btn_txt {
  color: var(--vicolor);
}
.ibtn2:hover .btn_arrow {
  transform: translateX(0rem);
}
.ibtn2:hover .btn_arrow svg path {
  fill: var(--vicolor);
}

.c-ff5 {
  color: rgba(255, 255, 255, 0.5);
}

.c-ff6 {
  color: rgba(255, 255, 255, 0.6);
}

.c-ff9 {
  color: rgba(255, 255, 255, 0.9);
}

.page_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.32rem;
}
.page_box .page_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  position: relative;
}
.page_box .page_nav .next,
.page_box .page_nav .prev {
  pointer-events: auto;
  cursor: pointer;
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 50%;
  background: #EEE;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
.page_box .page_nav .next img,
.page_box .page_nav .prev img {
  height: 0.1rem;
  transition: all 0.4s ease;
}
.page_box .page_nav .next:hover,
.page_box .page_nav .prev:hover {
  background-color: var(--vicolor);
}
.page_box .page_nav .next:hover img,
.page_box .page_nav .prev:hover img {
  filter: brightness(0) invert(1);
}
.page_box .page_nav .next.swiper-button-disabled,
.page_box .page_nav .prev.swiper-button-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.page_box .num_box {
  display: flex;
  align-items: flex-end;
  gap: 0.05rem;
  margin: 0 0.4rem;
}
.page_box .page_progress {
  width: 100%;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.4);
  position: relative;
}
.page_box .page_progress .swiper-pagination-progressbar-fill {
  background: var(--vicolor);
  height: 0.03rem;
  border-radius: 0.03rem;
  display: block;
  transform-origin: left;
}
.page_box .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
}
@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.page_box .pagination .swiper-pagination-bullet {
  width: 0.08rem;
  height: 0.08rem;
  background-color: #fff;
  opacity: 1;
  border-radius: 0.04rem;
  transition: all 0.4s ease;
  position: relative;
}
.page_box .pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--vicolor);
  width: 0;
  height: 100%;
  transition: all 0.4s ease;
  border-radius: 0.04rem;
}
.page_box .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.48rem;
}
.page_box .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  animation: progress 3.8s ease-in-out;
}
.page_box .pagination.noauto .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
  animation: none;
  width: 100%;
}

.page_box2 {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.page_box2 .prev,
.page_box2 .next {
  cursor: pointer;
  height: 0.4rem;
  width: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.04rem;
}
.page_box2 .prev img,
.page_box2 .next img {
  height: 0.1rem;
}
.page_box2 .prev:hover,
.page_box2 .next:hover {
  background-color: var(--vicolor);
}
.page_box2 .page_num {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.page_box2 .page_num .num {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.04rem;
}
.page_box2 .page_num .num:hover, .page_box2 .page_num .num.active {
  color: #fff;
  background-color: var(--vicolor);
}

.all-trans-time {
  transition: all 0.4s ease;
}
.all-trans-time * {
  transition: all 0.4s ease;
}

.nybanner {
  height: 100vh;
  position: relative;
  z-index: 99;
}
.nybanner .bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.nybanner .cont {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(90deg, rgba(78, 78, 78, 0.2) 0%, rgba(93, 93, 93, 0) 100%);
}

.icon {
  display: flex;
  align-items: center;
}
.icon .arrow_d {
  width: 0.15rem;
  height: 0.15rem;
}
.icon .arrow_r2 {
  height: 0.1rem;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  height: var(--header-height);
  display: flex;
  transition: all 0.4s ease;
  /*opacity: 0;*/
}
.header::before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  z-index: -1;
  filter: url(#liquid-glass-filters);
}
.header.on:after,
.header.ny:after,
.header.on2:after{content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #F4F4F4;
}
.header .wrap {
  width: 100%;
}
.header .header-cont {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .header-cont .lf .logo {
  height: 0.28rem;
  width: auto;
}
.header .header-cont .rg {
  margin-left: 1.14rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  height: 100%;
}
.header .header-cont .rg .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  height: 100%;
}
.header .header-cont .rg .nav .li{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .header-cont .rg .nav a {
  color: #fff;
  font-size: 0.16rem;
  font-weight: 500;font-family: 'Montserrat-Medium';
  font-family: var(--fw500);
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  gap: 0.05rem;
  position: relative;
}
.header .header-cont .rg .nav a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.32rem;
    width: 0;
    height: 1px;
    background: var(--vicolor);
    z-index: 2;
    
}
.header .header-cont .rg .nav .li:hover a:before{transition: all 0.4s ease;width: 100%;}


.header .header-cont .rg .nav .li:hover a {
  color: var(--vicolor) !important;
}
.header .header-cont .rg .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header .header-cont .rg .actions .search::after {
  content: "";
  width: 1px;
  height: 0.13rem;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.header .header-cont .rg .actions .item {
  position: relative;
  cursor: pointer;
  height: 0.2rem;
  width: fit-content;
  display: flex;
  align-items: center;
  padding: 0 0.15rem;
  color: #fff;
  gap: 0.15rem;
}
.header .header-cont .rg .actions .item span {
  width: fit-content;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.05rem;
}
.header .header-cont .rg .actions .item span .arrow_d {
  width: 0.15rem;
  height: 0.15rem;
  flex-shrink: 0;
}
.header .header-cont .rg .actions .contact_btn {
  cursor: pointer;
  width: fit-content;
  padding: 0.1rem 0.25rem;
  border-radius: 0.2rem;
  background-color: var(--vicolor);
  gap: 0.08rem;
}
.header .header-cont .rg .actions .contact_btn .dot {
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background-color: #fff;
}
.header .header-cont .rg .actions .contact_btn:hover {
  background-color: color-mix(in srgb, var(--vicolor) 80%, #000 20%);
}
.header .img1 {
  display: block;
}
.header .img2 {
  display: none;
}
.header.on,.header.ny,.header.on2 {
  background-color: rgb(255, 255, 255);
}
.header.on .img1,.header.ny .img1,.header.on2 .img1 {
  display: none;
}
.header.on .img2,.header.ny .img2,.header.on2 .img2{
  display: block;
}
.header.on .header-cont .rg .nav a ,
.header.ny .header-cont .rg .nav a,
.header.on2 .header-cont .rg .nav a {
  color: #000;
}
.header.on .header-cont .rg .actions .item .ibtn ,
.header.ny .header-cont .rg .actions .item .ibtn,
.header.on2 .header-cont .rg .actions .item .ibtn {
  color: #000;
  box-shadow: none;
}
.header.ny .header-cont .rg .actions .item .ibtn:hover .ibtn_bg,
.header.on .header-cont .rg .actions .item .ibtn:hover .ibtn_bg,
.header.on2 .header-cont .rg .actions .item .ibtn:hover .ibtn_bg{
    background: var(--vicolor);
}
.header.on .header-cont .rg .actions .item .ibtn .ibtn_bg ,
.header.ny .header-cont .rg .actions .item .ibtn .ibtn_bg,
.header.on2 .header-cont .rg .actions .item .ibtn .ibtn_bg{
  background: rgba(51, 51, 51, 0.1);
}
.header.hide{
    transform: translateY(-100%);
}

.sub-nav{
    display: flex;
    align-items: center;
    gap:.5rem;
    justify-content: space-between;
    padding: 0 1.4rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-.7rem);
    transition: all .4s;
}
.sub-nav.show{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.sub-nav .nav{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.sub-nav .nav .tit{
    max-width: 6rem;
    line-height: 1.33;
    cursor: default;
}
.sub-nav .nav .ul{
    display: flex;
    align-items: center;
    gap:.7rem;
    margin-left: .5rem;
    
}
.sub-nav .nav .li{
    padding: .31rem 0;
    position: relative;
}
.sub-nav .nav .li::before{
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    
    bottom: 0;
    left: 0;
    background: var(--vicolor);
    transition: all .3s ease-in-out;
}
.sub-nav .nav .li.active a,.sub-nav .nav .li:hover a{
    color: var(--vicolor);
}
.sub-nav .nav .li.active::before,.sub-nav .nav .li:hover::before{
    width: 100%;
}
.sub-nav .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  
}
.sub-nav .actions .contact_btn:hover {
  background-color: color-mix(in srgb, var(--vicolor) 80%, #000 20%);
}
.sub-nav .actions .item .ibtn {
  color: #000;
  box-shadow: none;
}
.sub-nav .actions .item .ibtn .ibtn_bg {
  background: rgba(51, 51, 51, 0.1);
}
.sub-nav .actions .item .ibtn:hover .ibtn_bg{
    background: var(--vicolor);
}


.footer {
  background: #28262C;
}
.footer .wrap {
  display: flex;
  flex-direction: column;
}
.footer .wrap .f_top {
  width: 100%;
  padding: 0.75rem 0;
}
.footer .wrap .f_top .nav {
  display: flex;
  justify-content: space-between;
}
.footer .wrap .f_top .nav .item {
  display: flex;
  flex-direction: column;
  max-width: 2.6rem;
}
.footer .wrap .f_top .nav .item .tit {
  margin-bottom: 0.25rem;
  white-space: nowrap;
}
.footer .wrap .f_top .nav .item .item_l {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.footer .wrap .f_top .nav .item .item_l a {
  color: #858585;
  transition: all 0.4s ease;
}
.footer .wrap .f_top .nav .item .item_l a:hover {
  transform: translateX(5px);
  color: #fff;
}
.footer .wrap .f_center {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}
.footer .wrap .f_center .media_list {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.footer .wrap .f_center .media_list .item {
  width: 0.2rem;
  height: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.4;
  transition: all 0.4s ease;
  position: relative;
}
.footer .wrap .f_center .media_list .item:hover {
  opacity: 1;
}
.footer .wrap .f_center .media_list .item .qrcode {
  border-radius: 0.18rem;
  padding: 0.1rem;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.footer .wrap .f_center .media_list .item .qrcode .img {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  width: 1.6rem;
  height: 1.6rem;
  transform: translateY(0.3rem) scale(0.8);
  transition: all 0.4s;
  background: #fff;
  padding: 0rem;
  overflow: hidden;
}
.footer .wrap .f_center .media_list .item .qrcode {
  pointer-events: none;
  opacity: 0;
  transition: all 0.4s;
}
.footer .wrap .f_center .media_list .item:hover .qrcode {
  pointer-events: auto;
  padding-bottom: 0.2rem;
  opacity: 1;
}
.footer .wrap .f_center .media_list .item:hover .qrcode .img {
  transform: translateY(0) scale(1);
}
.footer .wrap .f_center .group_box {
  position: relative;
}
.footer .wrap .f_center .group_box .btn {
  position: relative;
  z-index: 2;
  cursor: pointer;
  width: fit-content;
  padding: 0.12rem 0.2rem;
  border-radius: 0.3rem;
  border: 0.5px solid #8C8C8C;
  background: #28262C;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.72rem;
}
.footer .wrap .f_center .group_box .btn .icon {
  width: 0.12rem;
  height: 0.12rem;
  transition: all 0.4s ease;
}
.footer .wrap .f_center .group_box .plane {
  border-radius: 0.2rem;
  border: 0.5px solid #8C8C8C;
  background: #28262C;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  padding: 0 0.17rem;
  flex-direction: column;
  gap: 0.2rem;
  opacity: 0;
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
  transition: all 0.8s var(--ease);
}
.footer .wrap .f_center .group_box .plane .list {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0 0.1rem;
}
.footer .wrap .f_center .group_box .plane .list .item {
  transition: all 0.4s ease;
}
.footer .wrap .f_center .group_box .plane .list .item:hover {
  color: var(--vicolor);
  text-decoration: underline;
}
.footer .wrap .f_center .group_box:hover .btn .icon {
  transform: rotate(180deg);
}
.footer .wrap .f_center .group_box:hover .plane {
  transform: translateY(0);
  max-height: 3rem;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  padding: 0.3rem 0.17rem 0.7rem;
}
.footer .wrap .f_bottom {
  padding: 0.25rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .wrap .f_bottom .cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .wrap .f_bottom .cont .policy {
  display: flex;
}
.footer .wrap .f_bottom .cont .policy a {
  position: relative;
  padding: 0 0.16rem;
  color: rgba(255, 255, 255, 0.5);
}
.footer .wrap .f_bottom .cont .policy a::after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #868686;
  position: absolute;
  right: 0;
  top: 0;
}
.footer .wrap .f_bottom .cont .policy a:first-child {
  padding-left: 0;
}
.footer .wrap .f_bottom .cont .policy a:last-child {
  padding-right: 0;
}
.footer .wrap .f_bottom .cont .policy a:last-child::after {
  display: none;
}
.footer .wrap .f_bottom .cont .policy a:hover {
  color: var(--vicolor);
}
.footer .wrap .f_bottom .cont .copyright {
  width: fit-content;
}

.ind_page {
  width: 100%;
  overflow: hidden;
}
.ind_page .ind_ban {
  height: 100vh;
}
.ind_page .ind_ban .swiper_ind_pic {
  width: 100%;
  height: 100%;
  position: relative;
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide {
  position: relative;
  transition: all 0.4s ease;
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide .bg {
  width: 100%;
  height: 100%;
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc {
  padding-top: calc(var(--header-height) + 1.6rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: calc(var(--header-height) + 0.8rem);
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc .subtit {
  margin-bottom: 0.1rem;
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc .tit {
  margin-bottom: 0.5rem;
}
.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc .tit2{line-height: 116.667%;margin-bottom: 0.1rem;}

.ind_page .ind_ban .swiper_ind_pic .page_box {
  margin-top: 0;
  position: absolute;
  bottom: 0.8rem;
  left: 0;
  width: 100%;
  z-index: 1;
}
.ind_page .ind1 {
  padding: 1.45rem 0 0 0;
}
.ind_page .ind1 .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ind_page .ind1 .wrap .list {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.8rem;
  padding: 0 0.95rem;
  width: 100%;
}
.ind_page .ind1 .wrap .list .item {
  width: calc((100% - 2rem) / 5);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.1rem;
}
.ind_page .ind1 .wrap .list .item .num {
  display: flex;
  align-items: center;
}
.ind_page .ind1 .wrap .list2 {
  width: 100%;
  height: 6.5rem;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
  margin-bottom: .4rem;
}
.ind_page .ind1 .wrap .list2 .swiper_ind1 {
  width: 100%;
  height: 100%;
}
.ind_page .ind1 .wrap .list2 .swiper_ind1 .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}
.ind_page .ind1 .wrap .list2 .swiper_ind1 .swiper-slide .bg {
  width: 100%;
  height: 100%;
}
.ind_page .ind1 .wrap .list2 .swiper_ind1 .swiper-slide .cont {
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 1.3rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.ind_page .ind1 .wrap .list2 .swiper_ind1 .swiper-slide .cont .desc {
  
}
.ind_page .ind1 .wrap .list2 .swiper_ind1 .swiper-slide .cont .desc .txt{
    max-width: 8.9rem;
}
.ind_page .ind1 .wrap .list2 .pic_box {
  position: absolute;
  top: 1.3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 5.3rem;
  height: 1.77rem;
}
.ind_page .ind1 .wrap .list2 .pic_box .pic_bg {
  width: 100%;
  height: 100%;
}
.ind_page .ind1 .wrap .list2 .pic_box .pic_list {
  position: absolute;
  inset: 0;
  display: flex;
}
.ind_page .ind1 .wrap .list2 .pic_box .pic_list .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease;
}
.ind_page .ind1 .wrap .list2 .pic_box .pic_list .bg.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.ind_page .ind1 .wrap .list2 .pic_box .hover_box {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
}
.ind_page .ind1 .wrap .list2 .pic_box .hover_box .hover_item {
  width: 25%;
  height: 100%;
}
.ind_page .ind1 .tit-box .txt span{
    font-family: 'mst';
    font-weight: 700;
    color: #333;
}
.ind_page .ind2 {
  position: relative;
  padding-top: 1.45rem;
}
.ind_page .ind2 .bg {
  width: 100%;
  height: 10.8rem;
  position: relative;
}

.ind_page .ind2 .bg>img{width: 100%;height: 100%;object-fit: cover;position: relative;}
.ind_page .ind2 .bg .dianbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ind_page .ind2 .bg .dianbox .box{position: absolute;cursor: pointer;}
.ind_page .ind2 .bg .dianbox .box:hover{z-index: 5;}

.ind_page .ind2 .bg .dianbox .box:nth-child(1){top: 60%;left: 12%;}
.ind_page .ind2 .bg .dianbox .box:nth-child(2){top: 35%;left: 26%;}
.ind_page .ind2 .bg .dianbox .box:nth-child(3){top: 46%;left: 38%;}
.ind_page .ind2 .bg .dianbox .box:nth-child(4){top: 54%;left: 48%;}
.ind_page .ind2 .bg .dianbox .box:nth-child(5){top: 60%;left: 56%;}
.ind_page .ind2 .bg .dianbox .box:nth-child(6){top: 52%;left: 64%;}
.ind_page .ind2 .bg .dianbox .box:nth-child(7){top: 43%;left: 70%;}
.ind_page .ind2 .bg .dianbox .box:nth-child(8){top: 45%;left: 83%;}
.ind_page .ind2 .bg .dianbox .box:nth-child(9){top: 62%;left: 82%;}
.ind_page .ind2 .bg .dianbox .box:nth-child(10){top: 12%;left: 32%;}

.ind_page .ind2 .bg .dianbox .box .dian{position: absolute;top: 50%;left: 0.15rem;transform: translateY(-50%);width: 0.25rem;height: 0.25rem;z-index: 2;}
.ind_page .ind2 .bg .dianbox .box .dian img{position: relative;z-index: 3;width: 100%;}
.ind_page .ind2 .bg .dianbox .box .dian:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background-color: #D0121B;border-radius: 50%;opacity: 0.36;-webkit-animation: yuan 1.5s linear infinite;animation: yuan1 1.5s linear infinite;}
.ind_page .ind2 .bg .dianbox .box .dian::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background-color: #D0121B;border-radius: 50%;opacity: 0.16;-webkit-animation: yuan 1.5s linear infinite;animation: yuan 1.5s linear infinite;}

.ind_page .ind2 .bg .dianbox .box:hover .dian::before{opacity:0!important;}
.ind_page .ind2 .bg .dianbox .box:hover .dian::after{opacity:0!important;}

@-webkit-keyframes yuan {
	from {
		width: 100%;
    height: 100%;
    opacity: 0.8;
	}
	to {
		width: 180%;
    height: 180%;
    opacity: 0;
	}
}

@keyframes yuan {
	from {
		width: 100%;
    height: 100%;
    opacity: 0.8;
	}
	to {
		width: 180%;
    height: 180%;
    opacity: 0;
	}
}

@-webkit-keyframes yuan1 {
	from {
		width: 100%;
    height: 100%;
    opacity: 0.6;
	}
	to {
		width: 220%;
    height: 220%;
    opacity: 0;
	}
}

@keyframes yuan1 {
	from {
		width: 100%;
    height: 100%;
    opacity: 0.6;
	}
	to {
		width: 220%;
    height: 220%;
    opacity: 0;
	}
}

.ind_page .ind2 .bg .dianbox .box .txt{padding:0.07rem 0 0.07rem 0;background-color: #ffffff;overflow: hidden;width: 0.61rem;border-radius: 0.3rem;overflow: hidden;transition: all 0.5s;opacity: 0;display: flex;align-items: center;height: 0.56rem;}
.ind_page .ind2 .bg .dianbox .box:hover .txt{padding: 0.07rem 0.2rem 0.07rem 0.6rem;width: fit-content;opacity: 1;}

.ind_page .ind2 .bg .dianbox .box .txt span{display: block;white-space: nowrap;width: fit-content;line-height: 1.5;color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';opacity: 0;}
.ind_page .ind2 .bg .dianbox .box:hover .txt span{opacity: 1;}

.ind_page .ind2 .tit-box {
  margin-bottom: 0.55rem;
}

.ind_page .ind3 {
  padding: 1.4rem 0 1.2rem;
}
.ind_page .ind3 .wrap .tit-box {
  margin-bottom: 0.7rem;
}
.ind_page .ind3 .wrap .list {
  display: flex;
  gap: 0.2rem;
  height: 6.85rem;
}
.ind_page .ind3 .wrap .list .item {
  width: calc((100% - 0.6rem - 8rem) / 3);
  flex-shrink: 0;
  height: 100%;
  border-radius: 0.12rem;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease;
}
.ind_page .ind3 .wrap .list .item .pic {
  width: 100%;
  height: 100%;
}
.ind_page .ind3 .wrap .list .item .cont {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.25%, rgba(0, 0, 0, 0.26) 100%);
  padding: 0.3rem;
  display: flex;
  flex-direction: column;
}
.ind_page .ind3 .wrap .list .item .cont > .tit {
  position: absolute;
  bottom: 0.3rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s ease;
  min-width: 1.6rem;
}
.ind_page .ind3 .wrap .list .item .cont .info {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.3rem);
  transition: all 0.4s ease;
  margin-top: auto;
  min-width: 7rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ind_page .ind3 .wrap .list .item .cont .info .desc .tit{
    margin-bottom: .12rem;
}
.ind_page .ind3 .wrap .list .item.active {
  width: 8rem;
}
.ind_page .ind3 .wrap .list .item.active .cont .info {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.ind_page .ind3 .wrap .list .item.active .cont > .tit {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.ind_page .ind4 {
  background: #F8F8F8;
  padding: 1.6rem 0 1.2rem;
}
.ind_page .ind4 .wrap .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.66rem;
}
.ind_page .ind4 .wrap .top .desc .tit {
  margin-bottom: 0.4rem;
}
.ind_page .ind4 .wrap .top .desc .type_list {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.ind_page .ind4 .wrap .top .desc .type_list .btn_txt{
    font-weight: 500 !important;
    font-family: var(--fw500) !important;
}
.ind_page .ind4 .wrap .top .list {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  height: 1.5rem;
}
.ind_page .ind4 .wrap .top .list .item {
  width: auto;
  min-width: 2.2rem;
  max-width: 2.5rem;
  height: 100%;
  padding: 0.2rem 0.3rem;
  border-radius: 0.08rem;
  border: 1px solid #EBEBEB;
  background: #FFF;
}
.ind_page .ind4 .wrap .top .list .item .num {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.1rem;
}
.ind_page .ind4 .wrap .top .list .item .num .unit {
  margin-bottom: 0.03rem;
}
.ind_page .ind4 .wrap .center {
  padding-left: 1.4rem;
  width: 100%;
}
.ind_page .ind4 .wrap .center .list {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.ind_page .ind4 .wrap .center .list .ibtn-group{
    position: absolute;
    left: 0;
    bottom: 0;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 {
  width: 100%;
  height: auto;
  display: none;
}


.ind_page .ind4 .wrap .center .list .swiper_ind4{transition: all 0.8s ease;}
.ind_page .ind4 .wrap .center .list .swiper_ind4.act .swiper-slide {
    transform: translateX(-4rem);
}

.ind_page .ind4 .wrap .center .list .swiper_ind4.active {
  display: block;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide {
  height: 5.66rem;
  width: 4.17rem;
  border-radius: 0.12rem;
  margin-right: 0.2rem;
  overflow: hidden;
  position: relative;
  transition: all 0.8s ease;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide .pic {
  width: 100%;
  height: 100%;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide .cont {
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 0.2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide .cont .desc {
  border-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(32px);
  padding: 0.15rem 0.2rem;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide .cont .desc .tit {
  transition: all 0.4s ease;
  line-height: 1.5;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide .cont .desc .ibtn2 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  max-height: 0;
  overflow: hidden;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide:hover {
  width: 8.3rem;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide:hover .cont .desc {
  padding: 0.25rem 0.4rem;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide:hover .cont .desc .tit {
  font-size: 0.22rem;
  -webkit-line-clamp: 10;
    -moz-line-clamp: 10;
    line-clamp: 10;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 .swiper-slide:hover .cont .desc .ibtn2 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  max-height: 1rem;
  margin-top: 0.2rem;
}
.ind_page .ind4 .wrap .center .list .swiper_ind4 .page_box {
  padding-right: 1.4rem;
  justify-content: flex-end;
}
.ind_page .ind5 {
  padding: 1.3rem 0 1.2rem;
}
.ind_page .ind5 .top {
  display: flex;
  justify-content: space-between;
}
.ind_page .ind5 .cont .top_news {
  width: 100%;
  height: 5.3rem;
  margin-bottom: 0.25rem;
  overflow: hidden;
}
.ind_page .ind5 .cont .top_news .swiper_ind5 {
  width: 100%;
  height: 100%;
}
.ind_page .ind5 .cont .top_news .swiper_ind5 .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 0.4rem;
  border-radius: 0.1rem;
  overflow: hidden;
  background: #F5F5F5;
}
.ind_page .ind5 .cont .top_news .swiper_ind5 .swiper-slide .pic {
  width: 8rem;
  height: 100%;
  border-radius: 0.18rem;
  overflow: hidden;
}
.ind_page .ind5 .cont .top_news .swiper_ind5 .swiper-slide .desc {
  width: calc(100% - 8rem);
  display: flex;
  flex-direction: column;
  padding: 1rem 0.3rem 0.5rem 0.7rem;
}
.ind_page .ind5 .cont .top_news .swiper_ind5 .swiper-slide .desc .date {
  margin-bottom: 0.2rem;
}
.ind_page .ind5 .cont .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0.5rem;
}
.ind_page .ind5 .cont .list .item {
  width: calc((100% - 2rem) / 3);
  height: auto;
  display: flex;
  flex-direction: column;
}
.ind_page .ind5 .cont .list .item .pic {
  width: 100%;
  height: 2.7rem;
  border-radius: 0.18rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
}
.ind_page .ind5 .cont .list .item .desc .date {
  margin-bottom: 0.2rem;
}
.ind_page .ind6 {
  position: relative;
  height: 9.88rem;
}
.ind_page .ind6 .bg_box {
  position: relative;
  width: 100%;
  height: 100%;
}
.ind_page .ind6 .bg_box .bg1 {
  width: 100%;
  height: 100%;
  background: #28262C;
}
.ind_page .ind6 .bg_box .bgsan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}
.ind_page .ind6 .bg_box .bg2 {
  position: absolute;
  top: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: 7rem;
  height: auto;
}
.ind_page .ind6 .bg_box .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3rem;
  z-index: 2;
  background: #28262C;
}
.ind_page .ind6 .bg_box .bg3 {
  position: absolute;
  /*bottom: 0.72rem;*/
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: auto;
}
.ind_page .ind6 .cont {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0.7rem;
}
.ind_page .ind6 .cont .desc {
  max-width: 7.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.7rem;
}

.form_box {
  width: 10.8rem;
}
.form_box .required {
  color: #FF0000;
}
.form_box .form_row {
  width: 100%;
  display: flex;
  gap: 0.4rem;
  margin-bottom: 0.36rem;
}
.form_box .form_row:last-child {
  margin-bottom: 0;
}
.form_box .form_row .form_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  position: relative;
}
.form_box .form_row .form_item label {
  display: flex;
  gap: 0.04rem;
}
.form_box .form_row .form_item.w50 {
  width: 50%;
}
.form_box .form_row .form_item .input_box {
  position: relative;
}
.form_box .form_row .form_item .input_box .icon {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
}
.form_box .form_row .form_item input,
.form_box .form_row .form_item textarea,
.form_box .form_row .form_item select {
  flex-shrink: 0;
  width: 100%;
  border-radius: 0.06rem;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 40px 0 rgba(44, 57, 75, 0.08);
  backdrop-filter: blur(5px);
  padding: 0 0.2rem;
  border-radius: 0.06rem;
  transition: all 0.4s ease;
}
.form_box .form_row .form_item input::placeholder,
.form_box .form_row .form_item textarea::placeholder,
.form_box .form_row .form_item select::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.form_box .form_row .form_item input:focus,
.form_box .form_row .form_item textarea:focus,
.form_box .form_row .form_item select:focus {
  border-color: var(--vicolor);
}
.form_box .form_row .form_item input,
.form_box .form_row .form_item select {
  height: 0.58rem;
  line-height: 0.58rem;
}
.form_box .form_row .form_item textarea {
  height: 1.7rem;
  padding: 0.16rem 0.2rem;
  resize: none;
}
.form_box .form_btn {
  margin-top: 0.6rem;
}

.breadcrumb{color: #B7B7B7;text-transform: capitalize;line-height: 1.2;display: flex;align-items: center;gap: 0.1rem;}
.breadcrumb a{color: #B7B7B7;font-weight: 400;font-family: 'Montserrat-Regular';max-width: 7rem;height: 1.2em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.breadcrumb a:last-child{
    color: #333;
    max-width:7rem;
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}

/* 新闻 */
.nl_con{padding: 1.4rem 0 0 0;}
.nl1{padding: 0 1.4rem;}
.nl1 .tit{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.3;margin: 1.2rem 0 0.7rem 0;}
.nl1 .con{display: flex;width: 100%;border-radius: 0.18rem;overflow: hidden;background-color: #FAFAFA;margin-bottom: 1.4rem;}
.nl1 .con .pics{width: 9.15rem;height: 5.15rem;border-radius: 0.18rem;position: relative;overflow: hidden;}
.nl1 .con .pics .swiper-slide{height: 100%;}
.nl1 .con .pics .swiper-slide img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.nl1 .con .pics .swiper-slide:hover img{transform: scale(1.05);}
.nl1 .con .txts{width: calc(100% - 9.15rem);padding: 0.6rem 0 0 0;position: relative;overflow: hidden;}
.nl1 .con .txts .swiper-slide{padding: 0 0.8rem;}
.nl1 .con .txts .day{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.25;margin-bottom: 0.2rem;}
.nl1 .con .txts .h{color: #333;line-height: 1.61;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;margin-bottom: 0.5rem;}
.nl1 .con .txts .swiper-pagination{position: absolute;left: 0.8rem;width: fit-content;bottom: 0.4rem;}
.nl1 .con .txts .swiper-pagination-bullet{width: 0.08rem;height: 0.08rem;border-radius: 0.04rem;overflow: hidden; background-color: #D5D4D4;opacity: 1;margin: 0 0.16rem 0 0;position: relative;transition: all 0.5s;}
.nl1 .con .txts .swiper-pagination-bullet::after{content: "";position: absolute;top: 0;left: 0;width: 0%;height: 100%;background-color: #D0121B;border-radius: 0.04rem;}
.nl1 .con .txts .swiper-pagination-bullet-active{width: 0.48rem;}
.nl1 .con .txts .swiper-pagination-bullet-active:after{width: 100%;transition: all 3s;}

.nl2{padding:0 1.4rem 1.32rem 1.4rem;}
.nl2 .tabs{padding-bottom: 0.5rem;border-bottom: 1px solid #EBEBEB;margin-bottom: 0.7rem;display: flex;gap: 0.3rem;}
.nl2 .tabs li a{display: block;padding: 0.17rem 0.26rem;background: #EEE;color: #333;text-transform: capitalize;color: #333;font-weight: 500;font-family: 'Montserrat-Medium';border-radius: 0.45rem;transition: all 0.5s;}
.nl2 .tabs li.on a{color: #fff;background-color: var(--vicolor);}
.nl2 .list{display: flex;flex-wrap: wrap;column-gap: 1rem;row-gap: 0.6rem;margin-bottom: 1.2rem;}
.nl2 .list .item{display: block;width: calc(33.33% - 0.667rem);}
.nl2 .list .item .pic{width: 100%;height: 2.7rem;border-radius: 0.18rem;overflow: hidden;margin-bottom: 0.3rem;}
.nl2 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.nl2 .list .item .pic:hover img{transform: scale(1.05);}
.nl2 .list .item .day{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.25;margin-bottom: 0.2rem;}
.nl2 .list .item .h{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.55;height: 3.1em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.page{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.page ul{display: flex;gap: 0.4rem;}
.page ul li a{color: #666;font-weight: 500;font-family: 'Montserrat-Medium';}
.page ul li.on a{color: var(--vicolor);}
.page .solid{/*width: 12.33rem!important;*/height: 1px;background: url(../img/page_solid.webp);background-size: 100% 100%;flex: 1;margin: 0 0.35rem 0 0.42rem;}
.page .btns{display: flex;gap: 0.1rem;}
.page .btns .btn{display: block;width: 0.46rem;}
.page .btns .btn img{width: 100%;}
.page .btns .btn img.img2{display: none;}
.page .btns .btn:hover img.img2{display: block;}
.page .btns .btn:hover img.img1{display: none;}

.nl3{padding-top: 1.2rem;height: 6.8rem;background: url(../img/nl_bj.webp)no-repeat center;background-size: cover;}
.nl3 .tit{text-align: center;color: #ffffff;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;line-height: 1.47;margin-bottom: 0.5rem;}
.nl3 .ibtn-group{margin: 0 auto;}
.nl3 .ibtn-group .ibtn_bg{background: rgba(51, 51, 51, 0.10);}
.nl3 .ibtn{padding:.12rem .43rem;}
.nd_con{padding: 1.4rem 1.4rem 1.8rem 1.4rem;}
.nd_con .nd1 .top{margin-top: 0.9rem;padding-bottom: 0.7rem;border-bottom: 1px solid #EBEBEB;margin-bottom: 0.6rem;}
.nd_con .nd1 .top .tit{color: #333;line-height: 1.5;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 0.3rem;}
.nd_con .nd1 .top .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';}
.nd_con .nd1 .center{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom:.7rem;}
.nd_con .nd1 .center .con{width: 14rem;}
.nd_con .nd1 .center .con .p{color: #333;line-height: 1.77;font-weight: 400;font-family: 'Montserrat-Regular';margin-bottom: 0.4rem;}
.nd_con .nd1 .center .con p{color: #333;line-height: 1.77;font-weight: 400;font-family: 'Montserrat-Regular';margin-bottom: 0.4rem;font-size:.18rem;}
.nd_con .nd1 .center .con .p1{color: #333;line-height: 1.77;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 0.4rem;text-align: center;}
.nd_con .nd1 .center .con img,
.nd_con .nd1 .center .con video{display: block;width: 9rem;height: auto;margin: 0 auto;margin-bottom: 0.4rem;}
.nd_con .nd1 .center .fx{width: 0.4rem;display: flex;gap: 0.3rem;flex-wrap: wrap;position:sticky;top:1.6rem;}
.nd_con .nd1 .center .fx .share{display: block;width: 100%;position:relative; transition:all .4s;}
.nd_con .nd1 .center .fx .share:hover{
    opacity: .8;
}
.nd_con .nd1 .center .fx .share .qrcode1{
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    transition: all 0.4s;
}
.nd_con .nd1 .center .fx .share .qrcode1 .img {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateX(0.1rem) scale(0.8);
  transition: all 0.4s;
  background: #fff;
  padding: 0rem;
  overflow: hidden;
}
.nd_con .nd1 .center .fx .share:hover .qrcode1 {
  pointer-events: auto;
  opacity: 1;
}
.nd_con .nd1 .center .fx .share:hover .qrcode1 .img {
  transform: translateX(0) scale(1);
}
.nd_con .nd1 .center .fx .share:last-child{margin-top: 0.1rem;}
.nd_con .nd1 .bottom{border-radius: 0.18rem;border: 1px solid #DDD;display: flex;}
.nd_con .nd1 .bottom .item{width: 50%;border-right:1px solid #ddd;padding: 0.65rem 0.5rem;}
.nd_con .nd1 .bottom .item:nth-child(1){padding-right: 2.1rem;}
.nd_con .nd1 .bottom .item:nth-child(2){padding-left: 2.1rem;border-right: none;}
.nd_con .nd1 .bottom .item .h{color: #333;line-height: 1.5;height: 3em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.4rem;}

.nd_con .nd2{padding: 1.3rem 0 0 0;}
.nd_con .nd2 .tit{text-align: center;color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.5;text-transform: capitalize;margin-bottom: 0.4rem;}
.nd_con .nd2 .list{display: flex;gap: 1rem;}
.nd_con .nd2 .list .item{display: block;width: 4.8rem;}
.nd_con .nd2 .list .item .pic{width: 100%;height: 2.7rem;border-radius: 0.18rem;overflow: hidden;margin-bottom: 0.3rem;}
.nd_con .nd2 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.nd_con .nd2 .list .item .pic:hover img{transform: scale(1.05);}
.nd_con .nd2 .list .item .p{display: flex;align-items: center;gap: 0.2rem;color: #333;font-weight: 400;font-family: 'Montserrat-Regular';margin-bottom: 0.2rem;}
.nd_con .nd2 .list .item .p .p1{color: var(--vicolor);display: block; font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.25;text-transform: capitalize;}
.nd_con .nd2 .list .item .p .solid{display: block;width: 1px;height: 0.12rem;background-color: #CACACA;}
.nd_con .nd2 .list .item .h{color: #333;line-height: 1.55;height: 3.1em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.5s;font-weight: 600;font-family: 'Montserrat-SemiBold';}
.nd_con .nd2 .list .item:hover .h{color: var(--vicolor);}

/* 新闻 end */

/* 联系我们 */
.cat_banner{position: relative;width: 100%;height: 8.4rem;background: no-repeat center;background-size: cover;padding: 1.4rem;}
.breadcrumb1{color: #ffffff;}
.breadcrumb1 svg{opacity: 0.8;}
.breadcrumb1 a{color: #ffffff;opacity: 0.8;}
.breadcrumb1 a:last-child{opacity: 1;color: #fff;}
.cat_banner .txt{position: absolute;top: 50%;width: 7.2rem;left: 1.4rem;transform: translateY(-50%);color: #ffffff;}
.cat_banner .txt .h{line-height: 1.28;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;margin-bottom:.12rem;}

.cat1{padding: 0.97rem 1.4rem 0 1.4rem;display: flex;justify-content: space-between;}
.cat1 .item{width: 8rem;background-color: #F8F8F8;border-radius: 0.1rem;padding: 0.6rem 0.7rem 0.7rem 0.7rem;transition: all 0.5s;}
.cat1 .item:hover{background-color: var(--vicolor);}
.cat1 .item .h{color: #333;line-height: 1.62;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;margin-bottom: 0.5rem;transition: all 0.5s;}
.cat1 .item:hover .h{color: #ffffff;}
.cat1 .item ul{display: flex;flex-wrap: wrap;gap: 0.3rem;}
.cat1 .item ul li{display: flex;width: 100%;gap: 0.17rem;}
.cat1 .item ul li .icon{width: 0.5rem;height: 0.5rem;}
.cat1 .item ul li .icon img{width: 100%;height: 100%;object-fit: contain;}
.cat1 .item ul li .icon img.img2{display: none;}
.cat1 .item:hover ul li .icon img.img2{display: block;}
.cat1 .item:hover ul li .icon img.img1{display: none;}
.cat1 .item ul li .txt{width: calc(100% - 0.67rem);}
.cat1 .item ul li .txt .h_1{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1;margin-bottom: 0.15rem;transition: all 0.5s;}
.cat1 .item:hover ul li .txt .h_1{color: #ffffff;}
.cat1 .item ul li .txt .p_1{color: #333;line-height: 1.5;font-weight: 400;font-family: 'Montserrat-Regular';transition: all 0.5s;}
.cat1 .item ul li .txt .p_1 a{color: #333;line-height: 1.5;font-weight: 400;font-family: 'Montserrat-Regular';transition: all 0.5s;}
.cat1 .item:hover ul li .txt .p_1 a{color: #ffffff;}

.cat2{padding: 0.4rem 1.4rem 0 1.4rem;display: flex;gap: 0.4rem;}
.cat2 .item{display: block;width: 100%;border-radius: 0.1rem;background: #F5F5F5;padding: 0.69rem 0.7rem;text-align: center;transition: all 0.5s;color: #333;}
.cat2 .item:hover{background-color: var(--vicolor);color: #fff;}
.cat2 .item .icon{margin: 0 auto;margin-bottom: 0.2rem;width: 0.6rem;height: 0.6rem;}
.cat2 .item .icon img{width: 100%;height: 100%;object-fit: contain;}
.cat2 .item .icon img.img2{display: none;}
.cat2 .item:hover .icon img.img2{display: block;}
.cat2 .item:hover .icon img.img1{display: none;}
.cat2 .item .h{line-height: 2.2;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 0.03rem;}
.cat2 .item .p{line-height: 1.75;font-weight: 400;font-family: 'Montserrat-Regular';}

.cat3{padding: 1.8rem 1.4rem 1.52rem 1.4rem;background: url(../img/cat3_bj.webp)no-repeat center;background-size: cover;}
.cat3 .tit{text-align: center;color: #333;line-height: 1.34;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.7rem;}
.cat3 form,.footer form{border-radius: 0.2rem;background: #FFF;padding: 0.96rem 0.8rem 1.1rem 0.8rem;display: flex;flex-wrap: wrap;column-gap: 0.4rem;flex-wrap: wrap;row-gap: 0.5rem;}
.footer form{height:100%;overflow-y:auto;padding:.5rem;row-gap:.3rem;}
.cat3 form .radio{width: 100%;display: flex;gap: 2.8rem;}
.footer form .radio{width: 100%;display: flex;gap: 1rem;}
.cat3 form .radio .radio-item,.footer form .rodio .rodio-item{display: flex;align-items: center;position: relative;cursor: pointer;}
.cat3 form .radio .radio-item .radio-text,.footer form .radio .radio-item .radio-text{background: url(../img/cat3_y1.webp)no-repeat left center;background-size: 0.26rem 0.26rem;line-height: 0.3rem;padding-left: 0.46rem;}
.footer form .radio .radio-item .radio-text{background-size:.16rem .16rem;line-height:.4rem;}
.cat3 form .radio .radio-item input[type="radio"] ,.footer form .radio .radio-item input[type="radio"] {position: absolute;opacity: 0; /* 完全透明 */width: 0;height: 0;}
.cat3 form .radio .radio-item input[type="radio"]:checked + .radio-text ,.footer form .radio .radio-item input[type="radio"]:checked + .radio-text {background-image: url(../img/cat3_y2.webp);}
.cat3 form .input{width: 4.62rem;}
.footer form .input{width: calc((100% - 1rem) / 3);}
.cat3 form .input .name,.footer form .input .name{display: flex;align-items: center;color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.66;gap: 0.08rem;margin-bottom: 0.2rem;text-transform: capitalize;}
.cat3 form .input .name span,.footer form .input .name span{color: var(--vicolor);}
.cat3 form .input input,.footer form .input input{width: 100%;border-radius: 0.06rem;border: 1px solid #EEE;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;line-height: 0.5rem;padding: 0 0.16rem;}
.cat3 form .input textarea,.footer form .input textarea{width: 100%;border-radius: 0.06rem;border: 1px solid #EEE;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;line-height: 0.5rem;padding: 0 0.16rem;}
.cat3 form .input .select,.footer form .input .select{position: relative;}
.cat3 form .input .select:after,.footer form.input .select:after{content:"";position: absolute;right: 0.3rem;top: 50%;transform: translateY(-50%);width: 0.16rem;height: 0.16rem;background: url(../img/cat3_jt.webp);background-size: 100% 100%;}
.cat3 form .input .select select,.footer form .input .select select{width: 100%;border-radius: 0.06rem;border: 1px solid #EEE;background: linear-gradient(0deg, #F8F8FA 0%, #F8F8FA 100%), #FFF;line-height: 0.5rem;padding: 0 0.16rem;}

.cat3 form .input1,.footer form .input1{width: 100%;}
.cat3 form .ibtn-group,.footer form .ibtn-group{margin: 0 auto;}


/* 联系我们 end */

/* 产品列表 */
.pl_con{padding: 1.4rem 1.4rem 1.8rem 1.4rem;}
.pl_con .pl1 .con{position: relative;margin-top: 0.86rem;}
.pl_con .pl1 .con .left{float: left;width: 3.34rem;position: sticky;top: 1.2rem;}
.pl_con .pl1 .con .left .box{padding: 0.24rem 0;border-top: 1px solid #F2F2F2;transition: all 0.5s;}
.pl_con .pl1 .con .left .box.on{padding: 0.34rem 0;}
.pl_con .pl1 .con .left .box .h{width: 100%;display: flex;justify-content: space-between;align-items: center;position: relative;padding-right: 0.4rem;color: #444;line-height: 1.5;font-weight: 500;font-family: 'Montserrat-Medium';}
.pl_con .pl1 .con .left .box .h a{display: block;color: #444;transition: all 0.5s;}
.pl_con .pl1 .con .left .box .h a:hover{color: var(--vicolor);}
.pl_con .pl1 .con .left .box .h .add{position: absolute;top: 50%;right: 0.09rem;cursor: pointer; width: 0.18rem;height: 0.18rem;transform: translateY(-50%);}
.pl_con .pl1 .con .left .box .h .add img{width: 100%;height: 100%;object-fit: contain;}
.pl_con .pl1 .con .left .box .h .add img.img2{display: none;}
.pl_con .pl1 .con .left .box.on .h .add img.img2{display: block;}
.pl_con .pl1 .con .left .box.on .h .add img.img1{display: none;}
.pl_con .pl1 .con .left .box ul{padding: 0.36rem 0 0 0;display: none;}
.pl_con .pl1 .con .left .box ul li a{color: #7a7a7a;font-weight: 400;font-family: 'Montserrat-Regular';transition: all 0.5s;display: block;margin-bottom: 0.24rem;}
.pl_con .pl1 .con .left .box ul li.on a,
.pl_con .pl1 .con .left .box ul li:hover a{color: var(--vicolor);}
.pl_con .pl1 .con .left .box ul li:last-child a{margin-bottom: 0;}
.pl_con .pl1 .con .right{width: 12.06rem;float: right;}
.pl_con .pl1 .con .right .r_top{width: 100%;height: 4.84rem;border-radius: 0.12rem;background: linear-gradient(180deg, #F8F8F8 0%, #FCFCFC 105.4%);position: relative;overflow: hidden;}
.pl_con .pl1 .con .right .r_top .swiper-slide{padding: 0.56rem 0.75rem 0.8rem 0.85rem;display: flex;justify-content: space-between;align-items: center;}
.pl_con .pl1 .con .right .r_top .swiper-slide .pic{width: 4.7rem;height: 3.47rem;width: 5.2rem;}
.pl_con .pl1 .con .right .r_top .swiper-slide .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;transform: scale(1.15);}
.pl_con .pl1 .con .right .r_top .swiper-slide .pic:hover img{transform: scale(1.2);}
.pl_con .pl1 .con .right .r_top .swiper-slide .txt{width: 4.9rem;padding-top: 0.2rem;width: 4.4rem;}
.pl_con .pl1 .con .right .r_top .swiper-slide .txt .h{color: #333;line-height: 1.3;text-transform: capitalize;font-weight: 500;font-family: 'Montserrat-Medium';height: 2.6em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.2rem;}
.pl_con .pl1 .con .right .r_top .swiper-slide .txt .p{color: #000;line-height: 1.75;font-weight: 400;font-family: 'Montserrat-Regular';margin-bottom: 0.4rem;}
.pl_con .pl1 .con .right .r_top .swiper-slide .txt .p span{color: var(--vicolor);font-weight: 600;font-family: 'Montserrat-SemiBold';}
.pl_con .pl1 .con .right .r_top .swiper-slide .txt .p li{list-style: disc;margin-left: 0.24rem;}
.pl_con .pl1 .con .right .r_top .swiper-pagination{position: absolute;left: 3.15rem;transform: translateX(-50%); width: fit-content;bottom: 0.4rem;}
.pl_con .pl1 .con .right .r_top .swiper-pagination-bullet{width: 0.08rem;height: 0.08rem;border-radius: 0.04rem;overflow: hidden; background-color: #D5D4D4;opacity: 1;margin: 0 0.16rem 0 0;position: relative;transition: all 0.5s;}
.pl_con .pl1 .con .right .r_top .swiper-pagination-bullet::after{content: "";position: absolute;top: 0;left: 0;width: 0%;height: 100%;background-color: #D0121B;border-radius: 0.04rem;}
.pl_con .pl1 .con .right .r_top .swiper-pagination-bullet-active{width: 0.48rem;}
.pl_con .pl1 .con .right .r_top .swiper-pagination-bullet-active:after{width: 100%;transition: all 3s;}
.pl_con .pl1 .con .right .list{display: flex;gap: 0.23rem;flex-wrap: wrap;margin-bottom: 1.2rem;margin-top: 0.2rem;}
.pl_con .pl1 .con .right .list .item{padding: 0.2rem 0.36rem 0 0.36rem;height: 4.26rem;  width: 3.86rem;border-radius: 0.12rem;background: linear-gradient(180deg, #F8F8F8 0%, #FCFCFC 105.4%);}
.pl_con .pl1 .con .right .list .item .pic{width: 100%;height: 2.32rem;overflow: hidden;}
.pl_con .pl1 .con .right .list .item .pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.5s;}
.pl_con .pl1 .con .right .list .item:hover .pic img{transform: scale(1.05);}
.pl_con .pl1 .con .right .list .item .txt .h{color: #333;line-height: 1.3;height: 2.6em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; text-align: center;margin-bottom: 0.49rem;transition: all 0.5s;margin-top: 0.25rem;}
.pl_con .pl1 .con .right .list .item:hover .txt .h{margin: 0.05rem 0 0.33rem 0;}
.pl_con .pl1 .con .right .list .item .txt .btns{display: flex;justify-content: center;gap: 0.1rem;transition: all 0.5s;opacity: 0;}
.pl_con .pl1 .con .right .list .item:hover .txt .btns{opacity: 1;}
.pl_con .pl1 .con .right .list .item .txt .btns a{display: block;width: 1.4rem;line-height: 0.36rem;border-radius: 0.18rem;color: #666;background-color: #EBEBEB;border-radius: 0.45rem;transition: all 0.5s;font-weight: 400;font-family: 'Montserrat-Regular';text-transform: capitalize;text-align: center;}
.pl_con .pl1 .con .right .list .item .txt .btns a:hover{color: #fff;background-color: var(--vicolor);}
/* 产品列表 end */

/* 产品详情 */
.pd_banner{
    position: relative;
    width: 100%;
    /*height: 100vh;*/
    aspect-ratio: 16/9;
    
}
.pd_banner .productimg{
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.pd_banner .pic{width: 100%;height: 100%;position: relative;}
.pd_banner .pic .vh100{
    width: 100%;
    height: 100%;
}
.pd_banner .pic img{width: 100%;height: 100%;object-fit: cover;}
.pd_banner .pic img.mimg{display: none;}
.pd_banner .breadcrumb{position: absolute;top: 1.4rem;left: 1.4rem;}

.pd_banner .tit{position: absolute;left: 0;top: 2.36rem;width: 100%;text-align: center;}

.pd_banner .tit.tit_tab{top: 2rem;}
.pd_banner .tit.tit_tab.vid{top:0;}
.pd_banner .tit .t1{color: #333;line-height: 1.38;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;}

.pd_banner .tit .t2{color: #333;line-height: 116.667%;margin-top: 0.1rem;}

.pd_banner2{position: relative;width: 100%;height: 100vh;min-height:10.8rem}
.pd_banner2 .breadcrumb{position: absolute;z-index:2;top: 1.4rem;left: 1.4rem;}
.pd_banner2 > .bg{position: absolute;inset: 0;}
.pd_banner2 .wrap {position:relative;width:100%;height:100%;}
.pd_banner2 .wrap .bg2{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.pd_banner2 .wrap .tbox{position:absolute;top:2.1rem;left:0;width:100%;display:flex;flex-direction:column;align-items:center;}
.pd_banner2 .wrap .tbox .tit{margin-bottom:.2rem;}
.pd_banner2 .wrap .tbox .txt{max-width:13.5rem;}
.pd_banner2 .wrap .pc_box{position: absolute;pointer-events: auto;width:6.2rem;aspect-ratio:21/19;left:50%;transform:translateX(-50%);bottom:.4rem;}
.pd_banner2 .wrap .pc_box .bg{position: absolute;inset: 0;}

.pd_banner2 .wrap .pc_box .video{
    width:100%;
    height:3.55rem;
    position: absolute;
    top: 0;
    left: 0;
    /*background: #ccc;*/
    padding: .05rem .05rem;
}

.pd_banner3{height: auto;min-height: 100vh;}
.pd_banner3 .vidbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;pointer-events: none;}
.pd_banner3 .vidbox .vh100{position: sticky;top: 0;height: 100vh;background: url(../img/video_bgzz.png) no-repeat center;background-size: cover;}

.pd_banner3 .vidbox .videobox{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.4rem;height: calc(589 / 1080 * 100vh); aspect-ratio: 651 / 589;background: url(../img/video_bg.png) no-repeat center;background-size: contain;z-index: 3;}

.pd_banner3 .vidbox .videobox video{position: absolute;left: 0.05rem;top: 0.07rem;width: calc(100% - 0.11rem);aspect-ratio: 640 / 360;background: #000;object-fit: cover;}

.pd_banner3 .pic{position: absolute;left: 0;top: 0;}

.pd_banner3 .pic .vh100{position: sticky;top: 0;height: 100vh;}

.pd_banner3 .tit{position: relative;z-index: 2;top: 0;padding: 2.36rem 1.35rem 6.89rem;}

.pd_banner3 .tit .t2{max-width: 13.05rem;margin-left: auto;margin-right: auto;line-height: calc(32 / 18);}
.pd_banner .breadcrumb{z-index: 2;}

.pd_banner4 .cont{
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.4rem;
}
.pd_banner4 .cont .lf{
    width: 7.85rem;
    height: auto;
}
.pd_banner4 .cont .lf .tbox .desc{
    margin-bottom: .5rem;
}
.pd_banner4 .cont .lf .tbox .desc .txt{
    max-height: 2.2rem;
    overflow: auto;
    padding-right: .2rem;
    
    
}
/* 自定义滚动条 */
.pd_banner4 .cont .lf .tbox .desc .txt::-webkit-scrollbar {
  width: 3px; /* 滚动条宽度 */
  height: 3px; /* 水平滚动条高度 */
}

/* 滚动条轨道 */
.pd_banner4 .cont .lf .tbox .desc .txt::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* 轨道背景颜色 */
  border-radius: 3px; /* 轨道圆角 */
}

/* 滚动条滑块 */
.pd_banner4 .cont .lf .tbox .desc .txt::-webkit-scrollbar-thumb {
  background-color: var(--vicolor); /* 滑块背景颜色 */
  border-radius: 3px; /* 滑块圆角 */
}

/* 滑块在鼠标悬停时的样式 */
.pd_banner4 .cont .lf .tbox .desc .txt::-webkit-scrollbar-thumb:hover {
  background-color: var(--vicolor); /* 悬停时的背景颜色 */
}

/* 自定义水平滚动条 */
.pd_banner4 .cont .lf .tbox .desc .txt::-webkit-scrollbar-horizontal {
  height: 2px;
}
.pd_banner4 .cont .lf .tbox .desc .bigtit{
    margin-bottom: .1rem;
}
.pd_banner4 .cont .rg {
    width: 8.2rem;
    height: 8.2rem;
}
.pd_banner4 .cont .rg .pic_box{
    width: 100%;
    height: 100%;
}



.pd_tab{position:relative;z-index:2;background-color: #FFF;box-shadow: 0 0 47px rgba(220, 222, 229, 0.50);padding: 0 1.4rem;display: flex;justify-content: space-between;align-items: center;}
.pd_tab .left{display: flex;align-items: center;}
.pd_tab .left .h{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.2;margin-right: 1rem;}
.pd_tab .left ul{display: flex;gap: 0.7rem;}
.pd_tab .left ul li a{display: block;padding: 0.29rem 0;position: relative;color: #333;font-weight: 500;font-family: 'Montserrat-Medium';text-transform: capitalize;transition: all 0.5s;}
.pd_tab .left ul li a:after{content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 2px;background-color: var(--vicolor);transition: all 0.5s;}
.pd_tab .left ul li.on a{color: var(--vicolor);}
.pd_tab .left ul li.on a:after{width: 100%;}
.pd_tab .btn{width: fit-content;line-height: 1;padding: 0.1rem 0.18rem;color: #333;border-radius: 0.45rem;background: rgba(51, 51, 51, 0.10);display: block;transition: all 0.5s;font-weight: 500;font-family: 'Montserrat-Medium';}
.pd_tab .btn:hover{color: #ffffff;background-color: var(--vicolor);}

.pdd1{padding: 1.4rem 1.4rem 1.8rem 1.4rem; background-color: #F8F8F8;position: relative;z-index: 3;}
.pdd1 .product{position: absolute;top: calc(-100vh);left: 0;width: 100%;height: 100vh;transition: all 0.8s;pointer-events: none;}
.pdd1.on .product{top: 0;}

.pd_a1{
    position: relative;
    z-index: 3;
    width: 100%;
    aspect-ratio: 16/9;
}
.pd_a1 .product{
    position: absolute;
    /*top: -100vh;*/
    top: -100%;
    left: 0;
    width: 100%;
    /*height: 100vh;*/
    aspect-ratio: 16/9;
    transition: all 0.8s;
    pointer-events: none;
    
}
.pd_a1 .product_tab{
    /*top: calc(-100vh - 0.76rem);*/
    /*top: calc(-100vh);*/
    /*top: calc(-100% - .76rem);*/
    top: calc(-100%);
}
.pd_a1.on .product{top: 0;}

.pdd1 .tit{color: #333;line-height: 1.38;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.7rem;text-align: center;text-transform: capitalize;}
.pdd1 .list{display: flex;flex-wrap: wrap;column-gap: 5.78rem;row-gap: 0.5rem;}
.pdd1 .list .item{width: calc(50% - 2.89rem);padding: 0.5rem 0.4rem 0.36rem 0.4rem;background-color: #fff;border-radius: 0.18rem;transition: all 0.5s;}
.pdd1 .list .item:hover{background-color: var(--vicolor);}
.pdd1 .list .item .h{color: #333;line-height: 1.2;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;transition: all 0.5s;}
.pdd1 .list .item:hover .h{color: #fff;}
.pdd1 .list .item .p{color: #333;line-height: 1.89;/*min-height: 9.45em;*/font-weight: 400;font-family: 'Montserrat-Regular';transition: all 0.5s;margin-top: 0.36rem;}
.pdd1 .list .item:hover .p{color: #fff;}
.pdd1 .list .item .p span{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';transition: all 0.5s;}
.pdd1 .list .item:hover .p span{color: #fff;}

.pdd1 .con{position: relative;}
.pdd1 .con .pic{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 2.68rem;height: 6.21rem;object-fit: contain;}

.pd2{padding: 1.4rem 1.4rem 1.8rem 1.4rem;}
.pd2 .tit{color: #333;line-height: 1.38;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.6rem;text-align: center;text-transform: capitalize;}
.pd2 .btns{display: flex;justify-content: center;gap: 0.57rem;margin-top: 1rem;}
.pd2 .list .item{border-bottom: 1px solid #E2E2E2;transition: all 0.5s;}
.pd2 .list .item.on{border-color: transparent;}
.pd2 .list .item .h{padding: 0.4rem 0;position: relative;color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;text-transform: capitalize;}
.pd2 .list .item .h .add{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 0.2rem;height: 0.2rem;cursor: pointer;}
.pd2 .list .item .h .add img{width: 100%;height: 100%;object-fit: contain;}
.pd2 .list .item .h .add img.img2{display: none;}
.pd2 .list .item.on .h .add img.img1{display: none;}
.pd2 .list .item.on .h .add img.img2{display: block;}
.pd2 .list .item .ps{display: none;}
.pd2 .list .item .ps .top{display: flex;padding: 0 0 0 0.65rem;}
.pd2 .list .item .ps .top:nth-child(2n - 1){background-color: #F8F8F8;}
.pd2 .list .item .ps .top li{width: 25%;line-height: 1.2;color: #555;font-weight: 500;font-family: 'Montserrat-Medium';padding: 0.27rem 0;}
.pd2 .list .item .ps .top li span{font-weight: 600;font-family: 'Montserrat-SemiBold';color: #333;}
.pd2 .list .table_head{
    position: sticky;
    top: .7rem;
    z-index: 3;
    width: 100%;
    overflow: hidden;
    /*overflow-x:auto ;*/
}
.pd2 .list .table_head table{
    /*table-layout: fixed;*/
    /*min-width: 100%;*/
    /*width: max-content !important;*/
    width: 100% !important;
    border-collapse: collapse;
    text-align: left;
    border: none;
}
.pd2 .list .table_head table tbody{
    color: #fff;
}
.pd2 .list .table_head table tbody tr{
    background: var(--vicolor);
}
.pd2 .list .table_head table td{
    padding: 0.24rem 0.25rem;
    line-height: 1.5;
    border: none;
    font-size: .2rem;
    font-weight: 600;
    font-family: 'mst';
    text-align: center !important;
    /*min-width: 4rem !important;*/
    /*max-width: 4rem !important;*/
    width: 4rem !important;
}

.pd2 .list .table_head::-webkit-scrollbar {
width: 3px;
height: 6px;
border-radius: 4px;
}
.pd2 .list .table_head::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 4px;
}
.pd2 .list .table_head::-webkit-scrollbar-thumb {
  background-color: var(--vicolor);
  border-radius: 4px;
}


.pd2 .list .item .ps {
    /*overflow-x:auto;*/
    width: 100%;
}
.pd2 .list .item .ps::-webkit-scrollbar {
  width: 3px;
  height: 6px;
  border-radius: 4px;
}
.pd2 .list .item .ps::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.pd2 .list .item .ps::-webkit-scrollbar-thumb {
  background-color: var(--vicolor);
  border-radius: 4px;
}
.pd2 .list .item .ps table{
    /*width: max-content !important;*/
    /*min-width:100%;*/
    border-collapse: collapse;
    text-align: left;
    border: none;
    /*table-layout: fixed;*/
    width: 100% !important;
}

.pd2 .list .item .ps table tbody{color: #333;}

.pd2 .list .item .ps table td{padding: 0.24rem 0.25rem;line-height: 1.5;border: none;
    text-align:center !important;
    /*min-width:4rem !important;*/
    /*max-width:4rem !important;*/
    /* width: 4rem !important; */
}
@media screen and (min-width: 768px) {
  .pd2 .list .item .ps table td{padding: 0.24rem 0.25rem;line-height: 1.5;border: none;
    width: 4rem !important;
}
}

.pd2 .list .item .ps table tbody tr:nth-child(odd){background: #F8F8F8;}



.pd3{padding: 2.43rem 0 0 0;height: 100vh;background: no-repeat center;background-size: cover;color: #ffffff;text-align: center;height: 10.8rem;padding-top: 1.6rem;}
.pd3 .txt .h{font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.38;margin-bottom: 0.4rem;}
.pd3 .txt .ibtn-group{margin: 0 auto;}


.pd4{width:100%;height:6.4rem;padding: 1.28rem 1.4rem;position:relative;}
.pd4 .bg{position:absolute;inset:0;}
.pd4 .big_logo{position: absolute;bottom: 2.55rem;right: 1.4rem;width: 6rem;height: 2.05rem;}
.pd4 .wrap{position:relative;}
.pd4 .wrap > .tit{margin-bottom:.5rem;}
.pd4 .contact{display: flex;flex-direction: column;gap: .3rem;width: 6.75rem;height: auto;}
.pd4 .contact .item{display: flex;gap: .16rem;align-items: flex-start;}
.pd4 .contact .item .icon{width: .5rem;height: .5rem;flex-shrink: 0;}
.pd4 .contact .item .desc .tit{margin-bottom:.16rem;}

.pd1{padding: 1.4rem 1.4rem 0 1.4rem;}
.pd1 .tit{text-align: center;color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.38;width: fit-content;margin: 0 auto; margin-bottom: 0.6rem;}
.pd1 .list{display: flex;flex-wrap: wrap;justify-content: space-between; row-gap: 1rem;}
.pd1 .list:after{content: "";display: block;width: 5.3rem;height: 1px;}
.pd1 .list .item{width: 5.3rem;padding-top: 0.32rem;border-top: 1px solid #BDBDBD;}
.pd1 .list .item .nums{color: #333;line-height: 1.22;margin-bottom: 0.07rem;display: flex;}
.pd1 .list .item .p{color: #999999;line-height: 1.22;font-weight: 500;font-family: 'Montserrat-Medium';}
.pd_a1{padding:1.8rem 1.4rem 1.6rem;background: #F8F8F8;}
.pd_a1 > .tit{text-align: center;color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.38;width: fit-content;margin: 0 auto; margin-bottom: 0.6rem;}
.pd_a1 .list {display:none;flex-wrap:wrap;gap:.4rem;width:100%;}
.pd_a1 .list .item {width:calc((100% - .4rem * 2 ) / 3);min-height:4.5rem;background:#fff;border-radius:.18rem;padding:.5rem;}
.pd_a1 .list .item .tit{margin-bottom:.26rem;}
.pd_a1 .list .item .txt{margin-bottom: .14rem;}
.pd_a1 .list .item .detail {padding-left:.2rem;}
.pd_a1 .list .item .detail ul li{margin-bottom:.14rem;list-style:disc;}
.pd_a1 .list .item .detail ul li b{color:#333;}
/*.pd_a1 .list2 {display:none;flex-wrap:wrap;gap:.4rem;width:100%;}*/
/*.pd_a1 .list2 .item {width: calc(50% - .2rem);min-height: 2.4rem;background: #fff;border-radius: .18rem;padding: .5rem;}*/
/*.pd_a1 .list2 .item .tit{margin-bottom: .2rem;}*/
.pd_a1 .list2 {display:none;width:100%;}
.pd_a1 .list2 .swiper_pda1_list2{width:100%;overflow:hidden;height:auto;}
.pd_a1 .list2 .swiper_pda1_list2 .swiper-slide{
    height: auto;
    margin-bottom: .2rem;
}
.pd_a1 .list2 .swiper_pda1_list2 .swiper-slide .item{
    width: 100%;
    min-height: 2.4rem;
    background: #fff;
    border-radius: .18rem;
    padding: .5rem;
    height: 100%;
    transition: all .4s;
}
.pd_a1 .list2 .swiper_pda1_list2 .swiper-slide .item:hover {
    background-color: var(--vicolor);
}
.pd_a1 .list2 .swiper_pda1_list2 .swiper-slide .item .tit,.pd_a1 .list2 .swiper_pda1_list2 .swiper-slide .item .txt{
    transition: all .4s;
}
.pd_a1 .list2 .swiper_pda1_list2 .swiper-slide .item:hover .tit,.pd_a1 .list2 .swiper_pda1_list2 .swiper-slide .item:hover .txt{
    color: #fff;
}
.pd_a1 .list2 .swiper_pda1_list2 .swiper-slide .item .tit{
    margin-bottom: .2rem;
}
.pd_a1 .list.active,.pd_a1 .list2.active{display:flex;}

/* 产品详情 end */

/* 解决方案 */
.su1{position: relative;height: 150vh;}
.su1 .breadcrumb{position: absolute;top: 1.4rem;left: 1.4rem;z-index:2;}
.su1 .con{position: sticky;top: 0;left: 0;width: 100%;height: 100vh;}
.su1 .con .pic{transition: all 0.8s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;overflow: hidden;}
.su1 .con .pic img{width: 100%;height: 100%;object-fit: cover;}
.su1.on .con .pic{top: 20.5vh;left: 1.4rem;width: 8.5rem;height: 6rem;border-radius: 0.1rem;}
.su1 .con .txt{color: #ffffff;position: absolute;top: 20.16vh;right: 0;text-align: center;width: 100%;transition: all 0.8s;}
.su1.on .con .txt{text-align: left;top: 28.14vh;right: 1.4rem;width: 6.94rem;color: #333;}
.su1 .con .txt .h{line-height: 1.28;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.4rem;text-transform: capitalize;}
.su1.on .con .txt .h{width: 6.94rem;}
.su1.on .con .txt .h br{display: none;}
.su1 .con .txt .p{color: #333;line-height: 1.8;font-weight: 400;font-family: 'Montserrat-Regular';text-align: left;opacity: 0;width: 6.94rem;transition: all 0.8s;transform: translateY(0.5rem);}
.su1.on .con .txt .p{opacity: 1;transform: translateY(0);}

.su2{padding: 1.4rem 1.4rem 1.27rem 1.4rem;background-color: #F8F8F8;}
.su2 .tit{color: #333;text-align: center;line-height: 1.38;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.6rem;}
.su2 .con{position: relative;}
.su2 .con .pic{width: 100%;}
.su2 .con .pic img{width: auto;}
.su2 .con .tip{
    margin-top: .4rem;
}
.su2 .con .tip .tip_tit{
    margin-bottom: .15rem;
}
.su2 .con .tip .tip_txt{
  line-height: 1.33;
}
.su3{padding: 1.4rem 1.4rem 0 1.4rem;}
.su3 .tit{text-align: center;color: #333;line-height: 1.38;text-transform: capitalize;width: fit-content;margin: 0 auto; margin-bottom: 0.5rem;font-weight: 600;font-family: 'Montserrat-SemiBold';}
.su3 .list{display: flex;gap: 0.3rem;justify-content:center;}
.su3 .list .item{width: 3.87rem;border-radius: 0.1rem;background: #F8F8F8;padding: 0.7rem 0.38rem 0.72rem 0.38rem;}
.su3 .list .item .icon{display: block;width: 0.6rem;height: 0.6rem;margin-bottom: 0.4rem;}
.su3 .list .item .h{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.38;text-transform: capitalize;margin-bottom: 0.3rem;}
.su3 .list .item .p{color: #333;line-height: 1.8;font-weight: 400;font-family: 'Montserrat-Regular';}

.su4{padding: 1.4rem 1.4rem 0 1.4rem;}
.su4 .tit{text-align: center;color: #333;line-height: 1.38;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.5rem;}
.su4 .list{display: flex;gap: 0.3rem;justify-content:center;}
.su4 .list .item{display: block;width: 5.25rem;background-color: #F8F8F8;border-radius: 0.1rem;transition: all 0.5s;padding: 0.2rem 0.34rem;height: 5rem;}
.su4 .list .item:hover{padding: 0.47rem 0.72rem;}
.su4 .list .item .pic{width: 100%;height: 3.2rem;transition: all 0.5s;}
.su4 .list .item:hover .pic{height: 2.67rem;}
.su4 .list .item .pic img{width: 100%;height: 100%;object-fit: contain;margin-bottom: 0;}
.su4 .list .item .h{color: #333;font-size: 0.24rem;line-height: 1.33;margin-bottom: 0.38rem;text-align: center;transition: all 0.5s;}
.su4 .list .item:hover .h{font-size: 0.2rem;}
.su4 .list .item .ibtn-group{margin: 0 auto;opacity: 0;transition: all 0.5s;}
.su4 .list .item:hover .ibtn-group{opacity: 1;}

.su5{padding: 1.4rem 1.4rem 1.6rem 1.4rem;}
.su5 .tit{text-align: center;color: #333;line-height: 1.38;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.6rem;}
.su5 .list{position: relative;overflow: hidden;}
.su5 .list .swiper-slide{border-radius: 0.1rem;overflow: hidden;height: 5rem;position: relative;}
.su5 .list .swiper-slide .pic{width: 100%;height: 100%;}
.su5 .list .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.su5 .list .swiper-slide:hover .pic img{transform: scale(1.05);}
.su5 .list .swiper-slide .txt{position: absolute;left: 0.28rem;width: calc(100% - 0.56rem);bottom: 0.2rem;border-radius: 0.1rem;background: rgba(255, 255, 255, 0.72);
backdrop-filter: blur(32px);padding: 0.22rem 0.4rem;}
.su5 .list .swiper-slide .txt .h{color: #333;line-height: 1.5;font-weight: 600;font-family: 'Montserrat-SemiBold';height: 1.5em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition: all 0.5s;}
.su5 .list .swiper-slide:hover .txt .h{height: 3em;-webkit-line-clamp: 2;margin-bottom: 0.17rem;}
.su5 .list .swiper-slide .more{display: none;}
.su5 .list .swiper-slide .more span{display: flex;align-items: center;color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 2.25;gap: 0.14rem;text-transform: capitalize;}
.su5 .list .swiper-slide .more span svg{width: 0.18rem;}
.su5 .list .btns{display: flex;justify-content: center;gap: 0.1rem;margin-top: 0.8rem;}
.su5 .list .btns>div{cursor: pointer;width: 0.46rem;height: 0.46rem;}
.su5 .list .btns>div img{width: 100%;height: 100%;object-fit: contain;}
.su5 .list .btns>div img.img2{display: none;}
.su5 .list .btns>div:hover img.img2{display: block;}
.su5 .list .btns>div:hover img.img1{display: none;}

.su6{padding: 1.2rem 0 0 0;height: 6.8rem;background: no-repeat center;background-size: cover;color: #ffffff;}
.su6 .h{text-align: center;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.47;margin-bottom: 0.5rem;}
.su6 .ibtn-group{margin: 0 auto;}
/* 解决方案 end */

/* 加入我们 */
.jo_banner{position: relative;}
.jo_banner .breadcrumb{position: absolute;top: 1.4rem;left: 1.4rem;}
.jo_banner .pic{width: 100%;height: 8.4rem;}
.jo_banner .pic img{width: 100%;height: 100%;object-fit: cover;}
.jo_banner .txt{position: absolute;top: 2.22rem;left: 0;width: 100%;text-align: center;text-shadow: 0 11px 14.7px rgba(0, 0, 0, 0.25);line-height: 1.26;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';color: #fff;}
.jo1{padding: 1.6rem 1.4rem;display: flex;justify-content: space-between;align-items: center;}
.jo1 .txt{width: 7.74rem;}
.jo1 .txt .h{color: #333;line-height: 1.3;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content; margin-bottom: 0.4rem;}
.jo1 .txt li{color: #666;line-height: 1.87;font-weight: 400;font-family: 'Montserrat-Regular';list-style-type: initial;margin-left: 0.26rem;width: calc(100% - 0.26rem);}
.jo1 .pic{width: 8rem;height: 5rem;border-radius: 0.18rem;overflow: hidden;}
.jo1 .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.jo1 .pic:hover img{transform: scale(1.05);}

.jo2{padding: 1.3rem 1.4rem;background-color: #F8F8F8;}
.jo2 .tit{color: #333;line-height: 1.3;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content; margin-bottom: 0.6rem;}
.jo2 .list{display: flex;gap: 0.2rem;}
.jo2 .list .item{width: 2.6rem;height: 6.8rem;border-radius: 0.12rem;overflow: hidden;position: relative;transition: all 0.5s;}
.jo2 .list .item.on{width: 8rem;}
.jo2 .list .item .pic{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 8rem;height: 100%;}
.jo2 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;}
.jo2 .list .item .txt1{position: absolute;bottom: 0.36rem;left: 0;width: 100%;padding:0 0.1rem;color:#ffffff;opacity: 1;text-align: center;line-height: 1.21;font-weight: 600;font-family: 'Montserrat-SemiBold';}
.jo2 .list .item.on .txt1{opacity: 0;}
.jo2 .list .item .txt2{position: absolute;bottom: 0.23rem;left: 0.26rem;width: calc(8rem - 0.52rem);border-radius: 0.1rem;background: rgba(255, 255, 255, 0.04);backdrop-filter: blur(32px);padding: 0.22rem 0.26rem;color: #ffffff;opacity: 0;}
.jo2 .list .item.on .txt2{opacity: 1;}
.jo2 .list .item .txt2 .h{font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.2;text-transform: capitalize;margin-bottom: 0.14rem;}
.jo2 .list .item .txt2 .p{font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.55;}

.jo3{padding: 1.6rem 0;}
.jo3 .top{padding: 0 1.4rem 0.8rem 1.4rem;display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 0.8rem;}
.jo3 .top .tit{font-weight: 600;font-family: 'Montserrat-SemiBold';color: #333;line-height: 1.3;}
.jo3 .top .txt{width: 7.72rem;}
.jo3 .top .txt .p{color: #333;line-height: 1.5;font-weight: 400;font-family: 'Montserrat-Regular';margin-bottom: 0.6rem;}
.jo3 .top .txt .p a{color: #333;font-weight: 700;font-family: 'Montserrat-Bold';}
.jo3 .bottom{position: relative;overflow: hidden;}
.jo3 .bottom .swiper-slide{transform: scale(0.88);transition: all 0.5s;}
.jo3 .bottom .swiper-slide-active{transform: scale(1);}
.jo3 .bottom .prev{position: absolute;top: 50%;transform: translateY(-50%);left: 1.4rem;z-index: 5;width: 0.44rem;height: 0.44rem;cursor: pointer;}
.jo3 .bottom .next{position: absolute;top: 50%;transform: translateY(-50%);right: 1.4rem;z-index: 5;width: 0.44rem;height: 0.44rem;cursor: pointer;}
.jo3 .bottom .prev img{width: 100%;height: 100%;}
.jo3 .bottom .next img{width: 100%;height: 100%;}
.jo3 .bottom .prev img.img2{display: none;}
.jo3 .bottom .prev:hover img.img2{display:block;}
.jo3 .bottom .prev:hover img.img1{display:none;}
.jo3 .bottom .next img.img2{display: none;}
.jo3 .bottom .next:hover img.img2{display:block;}
.jo3 .bottom .next:hover img.img1{display:none;}
/* 加入我们 end */

/* 案例列表 */
.ca_con{padding: 1.4rem 1.4rem 1.8rem 1.4rem;}
.ca_con .ca_top{margin-top: 1.16rem;display: flex;justify-content: space-between;margin-bottom: 0.7rem;align-items: flex-end;}
.ca_con .ca_top .left .tit{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.3;margin-bottom: 0.37rem;text-transform: capitalize;}
.ca_con .ca_top .left .tab{display: flex;gap: 0.3rem;}
.ca_con .ca_top .left .tab li a{display: block;width: fit-content;padding: 0.17rem 0.32rem;color: #333;line-height: 1;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;background-color: #EEE;border-radius: 0.45rem;transition:all .4s;}
.ca_con .ca_top .left .tab li a:hover,.ca_con .ca_top .left .tab li a.active{background-color:var(--vicolor);color: #fff;}
.ca_con .ca_top .right{display: flex;gap: 0.6rem;}
.ca_con .ca_top .right .item{max-width: 1.7rem;}
.ca_con .ca_top .right .item .nums{display: flex;align-items: flex-end;color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 0.05rem;}
.ca_con .ca_top .right .item .nums .dw{font-weight: 500;font-family: 'Montserrat-Medium';}
.ca_con .ca_top .right .item .p{color: #999;line-height: 1.21;}
.ca_con .list{display: flex;justify-content: space-between;flex-wrap: wrap;row-gap: 0.9rem;margin-bottom: 1.2rem;}
.ca_con .list .item{display: block;width: 8rem;}
.ca_con .list .item .pic{width: 100%;height: 4.54rem;border-radius: 0.18rem;overflow: hidden;margin-bottom: 0.36rem;overflow: hidden;}
.ca_con .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.ca_con .list .item .pic:hover img{transform: scale(1.05);}
.ca_con .list .item .h{color: #333;line-height: 1.375;/*height: 2.75em;*/text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.2rem;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;}
.ca_con .list .item .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';text-transform: capitalize;transition: all 0.5s;line-height: 1.8;}
.ca_con .list .item .p span{font-weight: 500;font-family: 'Montserrat-Medium';}
.ca_con .list .item:hover .p{color: var(--vicolor);}
/*.ca_con .page .solid{width: 11.3rem!important;}*/
/* 案例列表 end*/

/* 客户服务 */
.cat_banner .txt .p{line-height: 1.6;font-weight: 400;font-family: 'Montserrat-Regular';text-transform: capitalize;}
/* 客户服务 end */

/* 服务体系 */
.sev1{padding: 1.4rem 0;}
.sev1 .top{padding: 0 1.4rem 1rem 1.4rem;}
.sev1 .top .tit{color: #333;line-height: 1.3;font-weight: 500;font-family: 'Montserrat-Medium';width: fit-content; margin-bottom: 0.24rem;font-weight: 600;font-family: 'Montserrat-SemiBold';}
.sev1 .top .p{color: #333;line-height: 1.5;font-weight: 400;font-family: 'Montserrat-Regular';margin-bottom: 0.5rem;width: 12.4rem;}
.sev1 .list{position: relative;overflow: hidden;padding: 0 1.4rem;padding-bottom: 0.18rem;height:fit-content;}
.sev1 .list:after{content: "";position: absolute;bottom: 0.18rem;left: 0;width: 100%;height: 0.02rem;background-color: #E0E2E4;}
.sev1 .list .swiper-slide{text-align: center;height: 3.36rem;position: relative;}
.sev1 .list .swiper-slide .item{
    width: 100%;
    max-width: 3.4rem;
    margin: 0 auto;
}
.sev1 .list .swiper-slide .icon{width: 0.5rem;height: 0.5rem;margin: 0 auto;margin-bottom: 0.42rem;}
.sev1 .list .swiper-slide .icon img{width: 100%;height: 100%;object-fit: contain;}
.sev1 .list .swiper-slide .icon img.img2{display: none;}
.sev1 .list .swiper-slide:hover .icon img.img1{display: none;}
.sev1 .list .swiper-slide:hover .icon img.img2{display: block;}
.sev1 .list .swiper-slide .h{font-weight: 500;font-family: 'Montserrat-Medium';color: #333;line-height: 1.25;margin-bottom: 0.24rem;transition: all 0.5s;}
.sev1 .list .swiper-slide:hover .h{color: var(--vicolor);}
.sev1 .list .swiper-slide .p{color: #808080;line-height: 1.37;font-weight: 400;font-family: 'Montserrat-Regular';}
.sev1 .list .swiper-slide .num{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,50%);width: 0.36rem;height: 0.36rem;line-height: 0.34rem;text-align: center;color: #333;font-weight: 400;font-family: 'Montserrat-Regular';border: 0.02rem solid #E0E2E4;border-radius: 50%;background-color: #ffffff;transition: all 0.5s;}
.sev1 .list .swiper-slide:hover .num{color: #fff;background-color: var(--vicolor);border-color: transparent;}
.sev2{padding: 1.4rem 1.4rem 1.6rem 1.4rem;background-color: #F8F8F8;}
.sev2 .top{text-align: center;margin-bottom: 0.6rem;}
.sev2 .top .tit{color: #333;line-height: 1.28;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.2rem;}
.sev2 .top .p{color: #333;line-height: 1.5;font-weight: 400;font-family: 'Montserrat-Regular';width: 9.5rem;margin: 0 auto;}
.sev2 .list{
    margin-bottom: 0.6rem;
    position: relative;
    height: fit-content;
    width: 100%;
    overflow: hidden;
}
.sev2 .list .swiper-slide{
    margin-right: .3rem;
    width: 5.27rem;
}
.sev2 .list .swiper-slide:last-child{
    margin-right: 0;
}
.sev2 .list .item{display: block;width: 100%;height: 3.7rem;border-radius: 0.12rem;overflow: hidden;}
.sev2 .list .item img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.sev2 .list .item:hover img{transform: scale(1.05);}
/*.sev2 .page .solid{width: 11.3rem!important;}*/
/* 服务体系 end */

/* 资料下载 */
.dl1{padding: 1.6rem 1.4rem 0 1.4rem;}
.dl1 .tit{text-align: center;color: #333;line-height: 1.3;text-transform: capitalize;width: fit-content;margin: 0 auto; margin-bottom: 0.54rem;font-weight: 600;font-family: 'Montserrat-SemiBold';}
.dl1 .list{display: flex;justify-content: space-between;}
.dl1 .list .item{width: 8rem;background-color: #F8F8F8;border-radius: 0.18rem;padding: 0.7rem;}
.dl1 .list .item .icon{width: 0.8rem;height: 0.8rem;margin-bottom: 0.87rem;}
.dl1 .list .item .icon img{width: 100%;height: 100%;object-fit: contain;}
.dl1 .list .item .icon img.img2{display: none;}
.dl1 .list .item:hover .icon img.img1{display: none;}
.dl1 .list .item:hover .icon img.img2{display: block;}
.dl1 .list .item .h{color: #333;font-weight: 500;font-family: 'Montserrat-Medium';text-transform: capitalize;line-height: 1.3;margin-bottom: 0.1rem;transition: all 0.5s;}
.dl1 .list .item:hover .h{color: var(--vicolor);}
.dl1 .list .item .p{color: #999;font-weight: 300;font-family: 'Montserrat-Light';margin-bottom: 0.36rem;}

.dl2{padding: 1.6rem 1.4rem;}
.dl2 .tit{text-align: center;color: #333;line-height: 1.3;text-transform: capitalize;width: fit-content;margin: 0 auto; margin-bottom: 0.6rem;font-weight: 600;font-family: 'Montserrat-SemiBold';}
.dl2 .list{display: flex;flex-wrap: wrap;column-gap: 0.3rem;row-gap: 0.5rem;}
.dl2 .list .item{width: calc(33.33% - 0.2rem);border-radius: 0.12rem;background: #F8F8F8;padding:0.46rem 0.36rem 0.49rem 0.36rem;}
.dl2 .list .item .icon{width: 0.54rem;height: 0.54rem;margin-bottom: 0.7rem;}
.dl2 .list .item .icon img{width: 100%;height: 100%;object-fit: contain;}
.dl2 .list .item .icon img.img2{display: none;}
.dl2 .list .item:hover .icon img.img2{display: block;}
.dl2 .list .item:hover .icon img.img1{display: none;}
.dl2 .list .item .h{color: #333;line-height: 1.3;font-weight: 500;font-family: 'Montserrat-Medium';margin-bottom: 0.14rem;transition: all 0.5s;}
.dl2 .list .item:hover .h{color: var(--vicolor);}
.dl2 .list .item .p{color: #999;line-height: 1.25;font-weight: 300;font-family: 'Montserrat-Light';}
.dl3{background: no-repeat center;background-size: cover;padding-top: 0.96rem;height: 6.8rem;}
.dl3 .tit{font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.33;color: #ffffff;text-align: center;margin-bottom: 0.74rem;}
.dl3 .btns,.dl3 .ibtn_box{display: flex;justify-content: center;gap: 0.24rem;}
.dl3 .ibtn_box .ibtn{
    padding: .16rem .24rem;
}
.dl3 .btns a{width: 1.8rem;text-align: center;padding: 0.16rem 0;border-radius: 0.45rem;background-color: #EEE;color: #333;text-transform: capitalize;font-weight: 400;font-family: 'Montserrat-Regular';transition: all 0.5s;}
.dl3 .btns a:hover{color: #fff;background-color: var(--vicolor);}
/* 资料下载 end */

/* 客户服务 */
.serv1{padding: 1.4rem 1.4rem 1.6rem 1.4rem;}
.serv1 .top{margin-bottom: 1rem;display: flex;justify-content: space-between;align-items: flex-start;}
.serv1 .top .txt{width: 10.8rem;}
.serv1 .top .txt .tit{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.3;text-transform: capitalize;width: fit-content; margin-bottom: 0.24rem;}
.serv1 .top .txt .p{color: #333;line-height: 1.5;margin-bottom: 0.47rem;font-weight: 400;font-family: 'Montserrat-Regular';}
.serv1 .top .txt .p span{color: var(--vicolor);}
.serv1 .top .pic{width: 3.89rem;}
.serv1 .bottom{display: flex;gap: 0.22rem;}
.serv1 .bottom .item{width: calc(33.33% - 0.15rem);border-radius: 0.18rem;background: #F8F8F8;padding: 0.34rem 0.5rem 0.44rem 0.4rem;transition: all 0.5s;}
.serv1 .bottom .item:hover{background-color: var(--vicolor);}
.serv1 .bottom .item .icon{width: 0.6rem;height: 0.6rem;margin-bottom: 0.82rem;}
.serv1 .bottom .item .icon img{width: 100%;height: 100%;object-fit: contain;}
.serv1 .bottom .item .icon img.img2{display: none;}
.serv1 .bottom .item:hover .icon img.img2{display: block;}
.serv1 .bottom .item:hover .icon img.img1{display: none;}
.serv1 .bottom .item .h{display: flex;color: #333;line-height: 1.2;margin-bottom: 0.24rem;align-items: center;font-weight: 600;font-family: 'Montserrat-SemiBold';transition: all 0.5s;}
.serv1 .bottom .item:hover .h{color: #ffffff;}
.serv1 .bottom .item .h svg{width: 0.19rem;height: 0.24rem;display: block;}
.serv1 .bottom .item .h svg path{transition: all 0.5s;}
.serv1 .bottom .item:hover .h svg path{fill:#ffffff;}
.serv1 .bottom .item li{color: #666;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.77;text-transform: capitalize;list-style-type: initial;margin-left: 0.2rem;transition: all 0.5s;}
.serv1 .bottom .item:hover li{color: #ffffff;}

.serv2{padding: 2.06rem 1.4rem 1.87rem 1.4rem;background: url(../img/serv2_bj.webp)no-repeat center;background-size: cover;position: relative;}
.serv2 .txt{position: relative;z-index: 2;width: 8.97rem;}
.serv2 .txt .tit{line-height: 1.3;font-weight: 600;font-family: 'Montserrat-SemiBold';color: #333;margin-bottom: 0.24rem;}
.serv2 .txt .tit img{display: inline-block;width: 0.83rem;}
.serv2 .txt>.p{color: #333;line-height: 1.5;margin-bottom: 1rem;font-weight: 400;font-family: 'Montserrat-Regular';}
.serv2 .txt .list{display: flex;flex-wrap: wrap;column-gap: 1.12rem;row-gap: 0.8rem;}
.serv2 .txt .list .item{width: 2.87rem;padding-top: 0.2rem;border-top: 1px solid rgba(0, 0, 0, 0.40);}
.serv2 .txt .list .item .nums{display: flex;align-items: center;color: var(--vicolor);line-height: 1.5;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 0.1rem;}
.serv2 .txt .list .item .p{color: #333;line-height: 1.37;font-weight: 400;font-family: 'Montserrat-Regular';text-transform: capitalize;}
.serv2 .map{position: absolute;top: 1.6rem;right: 1.37rem;width: 7.68rem;height: 7.68rem;background: url(../img/map1.webp);background-size: 100% 100%;}
.serv2 .map .solids{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.serv2 .map .dian_box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.serv2 .map .dian_box .dian{position: absolute;transform: translate(-50%,-50%);width: 0.2rem;height: 0.2rem;}

.serv2 .map .dian_box .dian:nth-child(1){top: 39%;left: 74%;}
.serv2 .map .dian_box .dian:nth-child(2){top: 26%;left: 13%;}
.serv2 .map .dian_box .dian:nth-child(3){top: 49%;left: 26%;}
.serv2 .map .dian_box .dian:nth-child(4){top: 70%;left: 66%;}

.serv2 .map .dian_box .dian .img1{width: 100%;height: 100%;animation: yuanx2 1.2s linear infinite;-webkit-animation: yuanx2 1.2s linear infinite;}
.serv2 .map .dian_box .dian .img2{position: absolute;top:105%;left: 50%;transform: translateX(-50%);width: 0.36rem;max-width: 999px;animation: yuanx1 1.5s linear infinite;-webkit-animation: yuanx1 1.5s linear infinite;}
.serv2 .map .dian_box .dianx{position: absolute;transform: translate(-50%,-50%);width: 0.46rem;height: 0.39rem;top: 52%;left: 77%;z-index: 5;}
.serv2 .map .dian_box .dianx:after{content:"";position: absolute;width: 0.7rem;height: 0.7rem;top: -0.15rem;right: -0.15rem;background-color: #D0121B;border-radius: 50%;opacity: 0.3;z-index: -1;animation: yuanx 1.5s linear infinite;-webkit-animation: yuanx 1.5s linear infinite;}
.serv2 .map .card{width:3.2rem;min-height:1.75rem;position:absolute;right:.2rem;bottom:1.5rem;border-radius:.08rem;background:#fff;box-shadow: 0 14px 23.2px 0 rgba(174, 0, 0, 0.18);padding:.3rem;transition:all .4s;}
.serv2 .map .card .min_logo{height:.23rem;width:fit-content;margin-bottom:.18rem;}
.serv2 .map .card .line{width:100%;height:1px;background: linear-gradient(90deg, #D0121B 0%, rgba(208, 18, 27, 0.00) 100%);margin-bottom:.2rem;}
.serv2 .map .card .desc .tit{margin-bottom:.04rem;}
.serv2 .map .card:hover{transform:translateY(-.05rem);}
@-webkit-keyframes yuanx {
	from {
		transform: scale(0.5);
    opacity: 0.8;
	}
	to {
		transform: scale(1);
    opacity: 0;
	}
}

@keyframes yuanx {
	from {
		transform: scale(0.5);
    opacity: 0.8;
	}
	to {
		transform: scale(1);
    opacity: 0;
	}
}

@-webkit-keyframes yuanx1 {
	from {
		transform:translateX(-50%) scale(0);
    opacity: 1;
	}
	to {
		transform:translateX(-50%) scale(1);
    opacity: 0.8;
	}
}

@keyframes yuanx1 {
	from {
		transform:translateX(-50%) scale(0);
    opacity: 1;
	}
	to {
		transform:translateX(-50%) scale(1);
    opacity: 0.8;
	}
}

@-webkit-keyframes yuanx2 {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-0.08rem);
	}
}

@keyframes yuanx2 {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-0.08rem);
	}
}
/* 客户服务 end */

/* 关于我们 */
.ab1{position: relative;z-index: 2;padding-top: 1.6rem;}
.ab1 .bj{position: absolute;bottom: -4.7rem;left: 0;width: 100%;z-index: -1;transform: scale(2);transition: all 1.5s;opacity: 0;}
.ab1 .bj img{width: 100%;}
.ab1.show .bj{transform: scale(1);opacity: 1;bottom: -2.7rem;}
.ab1 .top{margin-bottom: 0.8rem;text-align: center;}
.ab1 .top .tit{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.38;width: fit-content;margin: 0 auto; margin-bottom: 0;}
.ab1 .top .h{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 2.76;text-transform: capitalize;margin-bottom: 0.3rem;}
.ab1 .top .p{width: 11.66rem;margin: 0 auto;color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.8;}
.ab1 .top .p span,.ab1 .top .p strong{font-weight: 600;font-family: 'Montserrat-SemiBold';}
.ab1 .list{padding: 0 3.2rem;display: flex;flex-wrap: wrap;column-gap: 1.2rem;row-gap: 0.5rem;}
.ab1 .list .item{width: calc(33.33% - 0.8rem);}
.ab1 .list .item .nums{display: flex;color: var(--vicolor);font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.22;margin-bottom: 0.07rem;}
.ab1 .list .item .nums .unit1{
    margin-right: .05rem;
}
.ab1 .list .item .nums .unit2{
    margin-left: .05rem;
}
.ab1 .list .item .p{color: #333;line-height: 1.55;font-weight: 400;font-family: 'Montserrat-Regular';}

.ab2{position: relative;z-index: 3;padding: 1.6rem 1.4rem 4.5rem 1.4rem;}
.ab2 .bj{position: absolute;top: 3.2rem;left: 50%;width: 100%;z-index: -1;transform: translateX(-50%);overflow: hidden;}
.ab2 .bj img{width: 150%;max-width: 9999px;transform: translateX(-25vw);transition: all 1.5s;opacity: 0;}
.ab2.show .bj img{opacity: 1;width: 100%;transform: translateX(0);}
.ab2 .video{width: 100%;height: 8.8rem;border-radius: 0.24rem;position: relative;overflow: hidden;}
.ab2 video{display: block;width: 100%;height: 100%;object-fit: fill;pointer-events: none;}
.ab2 .video .icon{position: absolute;bottom: 0.42rem;right: 0.5rem;width: 1.65rem;}
.ab2 .video .btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;font-weight: 300;font-family: 'Montserrat-Light';line-height: 1.21;cursor: pointer;}
.ab2 .video.play .btn{opacity: 0;}
.ab2 .video .btn img{width: 0.46rem;height: 0.46rem;margin: 0 auto;margin-bottom: 0.12rem;}

.ab3{position: relative;z-index: 3;padding: 0 0 1.7rem 0;}
.ab3 .top{text-align: center;width: 11.66rem;margin: 0 auto;margin-bottom: 0.6rem;}
.ab3 .top .tit{color: #333;line-height: 1.38;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.3rem;}
.ab3 .top .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.8;margin-bottom: 0.2rem;}
.ab3 .top .p strong{font-weight: 600;font-family: 'Montserrat-SemiBold';}
.ab3 .list{padding: 0 2.8rem;display: flex;flex-wrap: wrap;column-gap: 0.8rem;row-gap: 0.5rem;}
.ab3 .list .item{width: calc(25% - 0.6rem);}
.ab3 .list .item .nums{display: flex;color: var(--vicolor);font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.22;margin-bottom: 0.07rem;}
.ab3 .list .item .p{color: #333;line-height: 1.55;font-weight: 400;font-family: 'Montserrat-Regular';}
.ab3 .picbox{position: relative;overflow: hidden;margin-top: 1rem;} 
.ab3 .picbox::before{content: "";position: absolute;top: 0;left: 0;width: 4.33rem;height: 100%;opacity: 1;background: linear-gradient(to right,#ffffff,transparent);z-index: 5;}
.ab3 .picbox::after{content: "";position: absolute;top: 0;right: 0;width: 4.33rem;height: 100%;opacity: 1;background: linear-gradient(to left,#ffffff,transparent);z-index: 5;}
.ab3 .picbox .swiper-slide .box{background: linear-gradient(180deg, #F8F8F8 0%, #FCFCFC 105.4%);border-radius: 0.1rem;transition: all 0.5s;transform: scale(0.732);text-align: center;padding: 0.4rem 0.4rem 0.6rem 0.4rem;}
.ab3 .picbox .swiper-slide-prev .box{transform:translateX(-15%) scale(0.732);}
.ab3 .picbox .swiper-slide-next .box{transform:translateX(15%) scale(0.732);}
.ab3 .picbox .swiper-slide-active .box{transform: scale(1);}
.ab3 .picbox .swiper-slide .box .pic{width: 2.96rem;height: 2.96rem;overflow: hidden; margin: 0 auto;margin-bottom: 0.4rem;transition: all 0.5s;}
.ab3 .picbox .swiper-slide .box .pic img{width: 100%;height: 100%;object-fit: contain;}
.ab3 .picbox .swiper-slide:hover .box .pic{transform: scale(1.05);}
.ab3 .picbox .swiper-slide .txt{color: #333;line-height: 1.33;font-weight: 500;font-family: 'Montserrat-Medium';}
.ab3 .picbox .prev{position: absolute;top: 50%;transform: translateY(-50%);left: 6.14rem;z-index: 5;width: 0.44rem;height: 0.44rem;cursor: pointer;}
.ab3 .picbox .next{position: absolute;top: 50%;transform: translateY(-50%);right: 6.14rem;z-index: 5;width: 0.44rem;height: 0.44rem;cursor: pointer;}
.ab3 .picbox .prev img{width: 100%;height: 100%;}
.ab3 .picbox .next img{width: 100%;height: 100%;}
.ab3 .picbox .prev img.img2{display: none;}
.ab3 .picbox .prev:hover img.img2{display:block;}
.ab3 .picbox .prev:hover img.img1{display:none;}
.ab3 .picbox .next img.img2{display: none;}
.ab3 .picbox .next:hover img.img2{display:block;}
.ab3 .picbox .next:hover img.img1{display:none;}

.ab4{padding: 1.4rem 0 0 0;height: 8rem;background: no-repeat center;background-size: cover;}
.ab4 .txt{width: 8.65rem;margin: 0 auto;text-align: center;color: #ffffff;}
.ab4 .txt .p{line-height: 1.75;font-weight: 400;font-family: 'Montserrat-Regular';margin-bottom: 0.2rem;text-transform: capitalize;}
.ab4 .txt .h{font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.26;}
/* 关于我们 end */

/* 研发 */
.dev1{padding: 1.4rem;}
.dev1 .box{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;}
.dev1 .box:nth-child(2n){flex-flow:row-reverse;}
.dev1 .box:last-child{margin-bottom: 0;}
.dev1 .box .pic{width: 7.69rem;height: 4.8rem;border-radius: 0.12rem;overflow: hidden;}
.dev1 .box .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.dev1 .box .pic:hover img{transform: scale(1.05);}
.dev1 .box .txt{width: 7.65rem;}
.dev1 .box .txt .icon{width: 0.58rem;height: 0.6rem;object-fit: contain;margin-bottom: 0.32rem;}
.dev1 .box .txt .h{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.2;margin-bottom: 0.24rem;}
.dev1 .box .txt .p{color: #767676;line-height: 1.8;font-weight: 400;font-family: 'Montserrat-Regular';}
.dev1 .box .txt .p strong{color: #333;font-weight: 500;font-family: 'Montserrat-Medium';}

.dev21{padding: 1.6rem 1.4rem 0 1.4rem;}
.dev21 .top{display: flex;align-items: flex-start;justify-content: space-between;}
.dev21 .top .left{width: 9.48rem;}
.dev21 .top .left .h{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.38;margin-bottom: 0.3rem;}
.dev21 .top .left .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.8;}
.dev21 .top .left .p strong{font-weight: 600;font-family: 'Montserrat-SemiBold';}
.dev21 .top .right{width: 4.46rem;}
.dev21 .top .right img{display: block;width: 100%;margin-bottom: 0.2rem;}
.dev21 .top .right .txt1{width: fit-content;margin: 0 auto;}
.dev21 .top .right .txt1 .nums{display: flex;color: var(--vicolor);font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.25;margin-bottom: 0.2rem;}
.dev21 .top .right .txt1 .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';text-transform: capitalize;line-height: 1.55;}
.dev21 .bottom{position: relative;overflow: hidden;border-radius: 0.16rem;margin-top: 0.8rem;}
.dev21 .bottom .swiper-slide{height: 4.9rem;border-radius: 0.16rem;overflow: hidden;position: relative;}
.dev21 .bottom .swiper-slide .pic{width: 100%;height: 100%;}
.dev21 .bottom .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
.dev21 .bottom .swiper-slide .txt{position: absolute;left: 0;bottom: 0.15rem;width: 100%;padding: 0 0.3rem;color: #ffffff;transition: all 0.5s;opacity: 0;}
.dev21 .bottom .swiper-slide-active .txt{opacity: 1;}
.dev21 .bottom .swiper-slide .txt .icon{width: 0.5rem;height: 0.5rem;margin-bottom: 0.06rem;}
.dev21 .bottom .swiper-slide .txt .h{line-height: 2.25;font-weight: 600;font-family: 'Montserrat-SemiBold';}
.dev21 .bottom .prev{position: absolute;top: 50%;transform: translateY(-50%);left: 3.5rem;z-index: 5;width: 0.44rem;height: 0.44rem;cursor: pointer;}
.dev21 .bottom .next{position: absolute;top: 50%;transform: translateY(-50%);right: 3.5rem;z-index: 5;width: 0.44rem;height: 0.44rem;cursor: pointer;}
.dev21 .bottom .prev img{width: 100%;height: 100%;}
.dev21 .bottom .next img{width: 100%;height: 100%;}
.dev21 .bottom .prev img.img2{display: none;}
.dev21 .bottom .prev:hover img.img2{display:block;}
.dev21 .bottom .prev:hover img.img1{display:none;}
.dev21 .bottom .next img.img2{display: none;}
.dev21 .bottom .next:hover img.img2{display:block;}
.dev21 .bottom .next:hover img.img1{display:none;}

.dev22{padding: 1.6rem 1.4rem 0 1.4rem;}
.dev22 .top{text-align: center;width: 11.66rem;margin: 0 auto;margin-bottom: 0.6rem;}
.dev22 .top .h{color: #333;line-height: 1.38;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 0.3rem;}
.dev22 .top .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.8;margin-bottom: 0.2rem;}
.dev22 .top .p span{font-weight: 600;font-family: 'Montserrat-SemiBold';}
.dev22 .center{width: 100%;border-radius: 0.24rem;height: 7.4rem; overflow:hidden;margin-bottom: 0.2rem;}
.dev22 .center video{display: block;width: 100%;height: 100%;object-fit: cover;}
.dev22 .bottom{position: relative;overflow: hidden;}
.dev22 .bottom .prev{position: absolute;top: 50%;transform: translateY(-50%);left: 0.2rem;z-index: 5;width: 0.44rem;height: 0.44rem;cursor: pointer;}
.dev22 .bottom .next{position: absolute;top: 50%;transform: translateY(-50%);right: 0.2rem;z-index: 5;width: 0.44rem;height: 0.44rem;cursor: pointer;}
.dev22 .bottom .prev img{width: 100%;height: 100%;}
.dev22 .bottom .next img{width: 100%;height: 100%;}
.dev22 .bottom .prev img.img2{display: none;}
.dev22 .bottom .prev:hover img.img2{display:block;}
.dev22 .bottom .prev:hover img.img1{display:none;}
.dev22 .bottom .next img.img2{display: none;}
.dev22 .bottom .next:hover img.img2{display:block;}
.dev22 .bottom .next:hover img.img1{display:none;}

.dev23{padding: 1.6rem 1.4rem 1rem 1.4rem;}
.dev23 .top{text-align: center;width: 11.66rem;margin: 0 auto;margin-bottom: 0.6rem;}
.dev23 .top .h{color: #333;line-height: 1.38;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.3rem;}
.dev23 .top .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.8;margin-bottom: 0.2rem;}
.dev23 .top .p span{font-weight: 600;font-family: 'Montserrat-SemiBold';}
.dev23 .list{display: flex;gap: 0.3rem;}
.dev23 .list .item{width: calc(25% - 0.225rem);border-radius: 0.1rem;background-color: #F8F8F8;transition: all 0.5s;
padding: 0.84rem 0.3rem 0.9rem 0.3rem;text-align: center;transition: all 0.5s;color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;line-height: 1.33;transition: all 0.5s;}
.dev23 .list .item:hover{color: #fff;background-color: var(--vicolor);}
.dev23 .list .item .icon{width: 0.6rem;height: 0.6rem;margin: 0 auto;margin-bottom: 0.4rem;}
.dev23 .list .item .icon img{width: 100%;height: 100%;object-fit: contain;}
.dev23 .list .item .icon img.img2{display: none;}
.dev23 .list .item:hover .icon img.img2{display: block;}
.dev23 .list .item:hover .icon img.img1{display: none;}

.dev24{padding: 1.4rem 0 1.4rem 0;background:linear-gradient(180deg, #F8F8F8 0%, #FCFCFC 105.4%);}
.dev24 .top{text-align: center;width: 11.66rem;margin: 0 auto;margin-bottom: 0.7rem;}
.dev24 .top .h{color: #333;line-height: 1.38;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 0.3rem;}
.dev24 .top .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.8;margin-bottom: 0.2rem;}
.dev24 .top .p span{font-weight: 600;font-family: 'Montserrat-SemiBold';}
.dev24 .center{position: relative;display: flex;margin-bottom: 0.94rem;z-index: 2;}
.dev24 .center:after{content: "";position: absolute;top: 0.88rem;left: 0;width: 100%;height: 1px;background-color: #E0E2E4;z-index: -1;}
.dev24 .center .item{width: calc(100% / 6);text-align: center;color: #333;font-family: 600;line-height: 1;}
.dev24 .center .item .icon{width: 0.5rem;height: 0.5rem;margin: 0 auto;margin-bottom: 0.34rem;}
.dev24 .center .item .dian{width: 0.1rem;height: 0.1rem;background-color: var(--vicolor);border-radius: 50%;margin: 0 auto;margin-bottom: 0.3rem;}
.dev24 .bottom{display: flex;align-items: center;gap:0.2rem;height: 5rem;padding: 0 1.4rem;}
.dev24 .bottom .item{width: 3.6rem;height: 3.6rem;border-radius: 0.2rem;overflow: hidden;transition: all 0.5s;}
.dev24 .bottom .item img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.dev24 .bottom .item:hover img{transform: scale(1.05);}
.dev24 .bottom .item.on{width: 5rem;height: 5rem;}

.dev31{padding-top: 1.6rem;position: relative;z-index: 2;}
.dev31:after{content: "";position: absolute;top: 2.44rem;left: 0;width: 100%;height: 6.85rem;background: url(../img/dev31_bj.webp)no-repeat center;background-size: cover;z-index: -1;}
.dev31 .txt{width: 14.43rem;display: flex;align-items: flex-start;margin: 0 auto;text-align: center;line-height: 2;color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 1.2rem;}
.dev31 .txt .yh1{width: 0.5rem;margin-right: 0.1rem;}
.dev31 .txt .yh2{width: 0.5rem;margin-right: 0.1rem;display: inline-block;vertical-align: middle;}
.dev31 .txt>span{display: block;width: calc(100% - 0.6rem);}
.dev31 .con1{padding: 5.15rem 1.4rem 0 1.4rem;position: relative;z-index: 2;}
.dev31 .con1 .pic{position: absolute;top: 0;left: 0;width: 100%;height: 7.8rem;z-index: -1;overflow: hidden;transform: scale(0.7875);transition: all 0.6s;border-radius: 0.2rem;}
.dev31.show .con1 .pic{transform: scale(1);border-radius: 0;}
.dev31 .con1 .pic img{width: 100%;height: 100%;object-fit: cover;}
.dev31 .con1 .con2{width: 100%;border-radius: 0.2rem 0.2rem 0 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 59.83%, rgba(255, 255, 255, 0.00) 100%);backdrop-filter: blur(30px);padding-top: 0.9rem;}
.dev31 .con1 .con2 .top1{text-align: center;width: 10rem;margin: 0 auto;margin-bottom: 0.6rem;}
.dev31 .con1 .con2 .top1 .tit{color: #333;line-height: 1.38;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.3rem;}
.dev31 .con1 .con2 .top1 .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.8;margin-bottom: 0.2rem;}
.dev31 .con1 .con2 .top1 .p span{font-weight: 600;font-family: 'Montserrat-SemiBold';}
.dev31 .con1 .con2 .list{display: flex;justify-content: center;gap: 1rem;}
.dev31 .con1 .con2 .list .item{width: 2.8rem;}
.dev31 .con1 .con2 .list .item .nums{color: var(--vicolor);font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.25;display: flex;align-items: center;margin-bottom: 0.1rem;}
.dev31 .con1 .con2 .list .item .p1{color: #333;line-height: 1.55;font-weight: 400;font-family: 'Montserrat-Regular';text-transform: capitalize;white-space: nowrap;}

.dev32{padding: 1.2rem 1.4rem 0 1.4rem;}
.dev32 .pic{width: 100%;margin-bottom: 0.3rem;}
.dev32 .pic img{width: 100%;}
.dev32 .list{display: flex;gap: 0.3rem;}
.dev32 .list .item{width: calc(25% - 0.225rem);border-radius: 0.1rem;background-color: #F8F8F8;transition: all 0.5s;
padding: 0.5rem 0.3rem 0.5rem 0.3rem;transition: all 0.5s;color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;line-height: 1.33;transition: all 0.5s;}
.dev32 .list .item:hover{color: #fff;background-color: var(--vicolor);}
.dev32 .list .item .icon{width: 0.6rem;height: 0.6rem;margin-bottom: 0.3rem;}
.dev32 .list .item .icon img{width: 100%;height: 100%;object-fit: contain;}
.dev32 .list .item .icon img.img2{display: none;}
.dev32 .list .item:hover .icon img.img2{display: block;}
.dev32 .list .item:hover .icon img.img1{display: none;}

.dev33{padding: 1.6rem 1.4rem 1.4rem 1.4rem;}
.dev33 .top{text-align: center;width: 13.13rem;margin: 0 auto;margin-bottom: 0.83rem;}
.dev33 .top .tit{color: #333;line-height: 1.38;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.3rem;}
.dev33 .top .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.8;margin-bottom: 0.2rem;}
.dev33 .top .p span{font-weight: 600;font-family: 'Montserrat-SemiBold';}
.dev33 .top .list{display: flex;justify-content: space-between;margin-top: 0.63rem;text-align: left;}
.dev33 .top .list .nums{display: flex;align-items: center;color: var(--vicolor);font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.25;margin-bottom: 0.1rem;}
.dev33 .top .list .nums img{display: block;height: 0.66rem;width: auto;}
.dev33 .top .list .p{color: #333;line-height: 1.55;font-weight: 400;font-family: 'Montserrat-Regular';}

.dev33 .bottom{position: relative;overflow: hidden;border-radius: 0.16rem;margin-top: 0.8rem;}
.dev33 .bottom .swiper-slide{height: 6.2rem;border-radius: 0.16rem;overflow: hidden;position: relative;}
.dev33 .bottom .swiper-slide .pic{width: 100%;height: 100%;}
.dev33 .bottom .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;}
.dev33 .bottom .swiper-slide .txt{position: absolute;left: 0;bottom: 0.3rem;width: 100%;padding: 0 0.3rem;color: #ffffff;transition: all 0.5s;opacity: 0;}
.dev33 .bottom .swiper-slide-active .txt{opacity: 1;}
.dev33 .bottom .swiper-slide .txt .icon{width: 0.5rem;height: 0.5rem;margin-bottom: 0.06rem;}
.dev33 .bottom .swiper-slide .txt .h{line-height: 1;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 0.2rem;}
.dev33 .bottom .swiper-slide .txt .p{line-height: 1.55;font-weight: 400;font-family: 'Montserrat-Regular';}
.dev33 .bottom .prev{position: absolute;top: 50%;transform: translateY(-50%);left: 3.5rem;z-index: 5;width: 0.44rem;height: 0.44rem;cursor: pointer;}
.dev33 .bottom .next{position: absolute;top: 50%;transform: translateY(-50%);right: 3.5rem;z-index: 5;width: 0.44rem;height: 0.44rem;cursor: pointer;}
.dev33 .bottom .prev img{width: 100%;height: 100%;}
.dev33 .bottom .next img{width: 100%;height: 100%;}
.dev33 .bottom .prev img.img2{display: none;}
.dev33 .bottom .prev:hover img.img2{display:block;}
.dev33 .bottom .prev:hover img.img1{display:none;}
.dev33 .bottom .next img.img2{display: none;}
.dev33 .bottom .next:hover img.img2{display:block;}
.dev33 .bottom .next:hover img.img1{display:none;}

.dev34{height: 10.17rem;position: relative;background: url(../img/dev34_bj.webp)no-repeat center;background-size: cover;}
.dev34 .box{position: absolute;top: 0.72rem;right: 1.07rem;width: 8.74rem;height: 8.74rem;}
.dev34 .box .bj{width: 100%;height: 100%;}
.dev34 .box .dianbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.dev34 .box .dianbox .box{display: none;}
.dev34 .box .dianbox .box:nth-child(1){display: block; position: absolute;top: 0.3rem;right: 3.2rem;width: 1.18rem;height: 1.18rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(2){display: block; position: absolute;top: 1.32rem;left:0.76rem;width: 0.98rem;height: 0.98rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(3){display: block; position: absolute;top: 1.32rem;left:2.61rem;width: 1.5rem;height: 1.5rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(4){display: block; position: absolute;top: 1.2rem;right:0.95rem;width: 1.6rem;height: 1.6rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(5){display: block; position: absolute;top: 2.27rem;right:2.78rem;width: 0.98rem;height: 0.98rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(6){display: block; position: absolute;top: 2.82rem;left:0.92rem;width: 1.56rem;height: 1.56rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(7){display: block; position: absolute;top: 3.51rem;right:1.11rem;width: 1.6rem;height: 1.6rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(8){display: block; position: absolute;top: 3.25rem;right:-0.33rem;width: 1.18rem;height: 1.18rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(9){display: block; position: absolute;top: 4.78rem;left:-0.12rem;width: 0.98rem;height: 0.98rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(10){display: block; position: absolute;top: 4.83rem;left:1.58rem;width: 1.18rem;height: 1.18rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(11){display: block; position: absolute;top: 5.6rem;left:4.28rem;width: 1.6rem;height: 1.6rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(12){display: block; position: absolute;top: 5.5rem;right:0.46rem;width: 0.98rem;height: 0.98rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(13){display: block; position: absolute;top: 6.3rem;left:2.05rem;width: 1.6rem;height: 1.6rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .box .dianbox .box:nth-child(14){display: block; position: absolute;top: 7.03rem;left:6.19rem;width: 0.98rem;height: 0.98rem;border-radius: 50%;box-shadow: 5px 10px 32.7px #E4E8EE;}
.dev34 .txt{position: absolute;top: 3.32rem;left: 1.4rem;width: 6.68rem;}
.dev34 .txt .tit{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.38;margin-bottom: 0.3rem;}
.dev34 .txt .p{color: #333;line-height: 1.8;font-weight: 400;font-family: 'Montserrat-Regular';}


.dev35{padding: 1.8rem 1.4rem 0 1.4rem;height: 10.17rem;background: no-repeat center bottom;background-size: 100% auto;}
.dev35 .con{width: 12.4rem;}
.dev35 .con .tit{color: #333;line-height: 1.57;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 0.5rem;}
.dev35 .con .list{display: flex;gap: 1rem;}
.dev35 .con .list .item{width: fit-content;max-width: 2.8rem;}
.dev35 .con .list .item .nums{color: var(--vicolor);font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.25;margin-bottom: 0.1rem;display: flex;align-items: center;}
.dev35 .con .list .item .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.55;text-transform: capitalize;}

.dev41{padding: 1.4rem 1.4rem 0 1.4rem;}
.dev41 .tit{line-height: 1.38;font-weight: 600;font-family: 'Montserrat-SemiBold';text-transform: capitalize;width: fit-content;margin: 0 auto; margin-bottom: 0.6rem;text-align: center;color: #333;}
.dev41 .list{display: flex;gap: 0.2rem;}
.dev41 .list .item{width: calc(20% - 0.16rem);background-color: #F8F8F8;position: relative;border-radius: 0.12rem;transition: all 0.5s;padding: 0.7rem 0.2rem 0 0.2rem;height: 3.2rem;}
.dev41 .list .item:hover{background-color: var(--vicolor);}
.dev41 .list .item .img2{display: none;}
.dev41 .list .item:hover .img1{display: none;}
.dev41 .list .item:hover .img2{display: block;}
.dev41 .list .item .icon{width: 0.57rem;height: 0.56rem;margin: 0 auto;margin-bottom: 0.34rem;}
.dev41 .list .item .icon img{width: 100%;height: 100%;object-fit: contain;}
.dev41 .list .item .h{color: #333;line-height: 1.33;text-align: center;font-weight: 500;font-family: 'Montserrat-Medium';transition: all 0.5s;}
.dev41 .list .item:hover .h{color: #fff;}
.dev41 .list .item .jt{position: absolute;bottom: 0.2rem;right: 0.2rem;width: 0.32rem;height: 0.32rem;}

.dev42{padding: 1.6rem 1.4rem;}
.dev42 .top{text-align: center;width: 11.66rem;margin: 0 auto;margin-bottom: 0.6rem;}
.dev42 .top .tit{color: #333;line-height: 1.38;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 0.3rem;}
.dev42 .top .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.8;margin-bottom: 0.2rem;}
.dev42 .top .p span{font-weight: 600;font-family: 'Montserrat-SemiBold';}
.dev42 .bottom{position: relative;width: 100%;height: 7.62rem;border-radius: 0.18rem;overflow: hidden;}
.dev42 .bottom .pic{width: 100%;height: 100%;object-fit: cover;}
.dev42 .bottom .list{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.42rem;display: flex;width: fit-content;padding: 0 0.45rem;border-radius: 0.12rem;
border: 1px solid rgba(255, 255, 255, 0.30);background: rgba(0, 0, 0, 0.10);backdrop-filter: blur(15px);}
.dev42 .bottom .list .item{position: relative;padding: 0.35rem 0.49rem;width: fit-content;}
.dev42 .bottom .list .item:after{content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 0.46rem;background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;transform: translateY(-50%);}
.dev42 .bottom .list .item:last-child::after{display: none;}
.dev42 .bottom .list .item .icon{width: 0.32rem;height: 0.32rem;margin: 0 auto;margin-bottom: 0.06rem;}
.dev42 .bottom .list .item .h{color: #fff;text-align: center;line-height: 1.2;font-weight: 400;font-family: 'Montserrat-Regular';}

.dev43{padding-bottom: 1.2rem;}
.dev43 .pic{width: 100%;height: 100vh;position: relative;transition: all 0.8s;margin: 0 auto;margin-bottom: 0.3rem;overflow: hidden;}
.dev43.show .pic{width: calc(100% - 2.8rem);margin-bottom: 0.3rem;border-radius: 0.18rem;height: 7.4rem;}
.dev43 .pic img{width: 100%;height: 100%;object-fit: cover;}
.dev43 .pic .tit{position: absolute;top: 1.3rem;left: 0;width: 100%;text-align: center;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.38;font-weight: 600;font-family: 'Montserrat-SemiBold';color: #fff;transition: all 0.5s;}
.dev43.show .pic .tit{top: 0.8rem;}
.dev43 .list{padding: 0 1.4rem;display: flex;gap: 0.22rem;}
.dev43 .list .item{width: calc(33.33% - 0.14rem);background-color: #F8F8F8;border-radius: 0.12rem;transition: all 0.5s;padding: 0.35rem;height: 3.14rem;}
.dev43 .list .item:hover{background-color: var(--vicolor);}
.dev43 .list .item .icon{width: fit-content;height: 0.56rem;margin-bottom: 0.24rem;}
.dev43 .list .item .icon img{height: 100%;}
.dev43 .list .item .icon img.img2{display: none;}
.dev43 .list .item:hover .icon img.img2{display: block;}
.dev43 .list .item:hover .icon img.img1{display: none;}
.dev43 .list .item .h{color: #333;line-height: 1.5;font-weight: 400;font-family: 'Montserrat-Regular';margin-bottom: 0.08rem;transition: all 0.5s;}
.dev43 .list .item:hover .h{color: #ffffff;}
.dev43 .list .item .p{color: #666;line-height: 1.33;font-weight: 400;font-family: 'Montserrat-Regular';transition: all 0.5s;}
.dev43 .list .item:hover .p{color: #fff;}

.dev44{padding: 1.4rem;background-color: #F8F8F8;}
.dev44 .box{display: flex;justify-content: space-between;align-items: center;}
.dev44 .box:nth-child(2n){flex-flow:row-reverse;}
.dev44 .box .pic{width: 8.2rem;height: 6.92rem;border-radius: 0.12rem;overflow: hidden;}
.dev44 .box .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.dev44 .box .pic:hover img{transform: scale(1.05);}
.dev44 .box .txt{width: 7.7rem;}
.dev44 .box .txt .h{color: #333;line-height: 1.38;font-weight: 600;font-family: 'Montserrat-SemiBold';margin-bottom: 0.26rem;}
.dev44 .box .txt .p{color: #666;line-height: 1.8;font-weight: 400;font-family: 'Montserrat-Regular';}
.dev44 .box .txt .list{display: flex;justify-content: space-between;margin-top: 0.6rem;}
.dev44 .box .txt .list .item{width: 3.7rem;}
.dev44 .box .txt .list .item .nums{display: flex;padding-bottom: 0.18rem;position: relative;color: var(--vicolor);font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.227;border-bottom: 1px solid #DBDBDB;margin-bottom: 0.12rem;}
.dev44 .box .txt .list .item .nums:after{content: "";position: absolute;bottom: -1px;width: 0.35rem;height: 3px;background-color: var(--vicolor);}
.dev44 .box .txt .list .item .p1{color: #666;line-height: 1.25;font-weight: 400;font-family: 'Montserrat-Regular';}

.dev45{padding: 1.6rem 0 0 0;}
.dev45 .top{text-align: center;width: 11.66rem;margin: 0 auto;margin-bottom: 0.6rem;}
.dev45 .top .tit{color: #333;line-height: 1.38;text-transform: capitalize;font-weight: 600;font-family: 'Montserrat-SemiBold';width: fit-content;margin: 0 auto; margin-bottom: 0.3rem;}
.dev45 .top .p{color: #333;font-weight: 400;font-family: 'Montserrat-Regular';line-height: 1.8;margin-bottom: 0.2rem;}
.dev45 .top .p span{font-weight: 600;font-family: 'Montserrat-SemiBold';}
.dev45 .pic{width: 100%;}
.dev45 .pic img{width: 100%;}

/* 研发 end */

/* 网站下拉 */
.plxl{position: absolute;top: 100%;left: 0;background-color: #fff;width: 100%;display: none;box-shadow: 0 8px 79.9px 0 rgba(0, 0, 0, 0.03);}
.plxl .con{display: none;}
.plxl .con.on{display: flex;}
.plxl .con .left{width: 4.8rem;background-color: #F5F5F7;padding-top: 0.36rem;min-height: 6.6rem;}
.plxl .con .left .item{padding: 0.3rem 0 0.3rem 1.4rem;border-bottom: 1px solid #E5E5E5;display: flex;align-items: center;color: #333;font-weight: 400;font-family: 'Montserrat-Regular';transition: all 0.5s;}
.plxl .con .left .item.on{color:var(--vicolor);}
.plxl .con .left .item .icon{width: 0.44rem;height: 0.44rem;margin-right: 0.1rem;}
.plxl .con .left .item .icon img{width: 100%;height: 100%;object-fit: contain;}
.plxl .con .left .item .icon img.icon2{display: none;}
.plxl .con .left .item.on .icon img.icon2{display: block;}
.plxl .con .left .item.on .icon img.icon1{display: none;}
.plxl .con .left .item:last-child{border-bottom: none;}
.plxl .con .right{width: calc(100% - 4.8rem);display: flex;background:#fff;padding-right: 0.93rem; /*padding-bottom:.9rem;*/}
.plxl .con .right .scroll_line{max-height: 6.6rem;overflow-y: auto;}
.plxl .con .right .scroll_line::-webkit-scrollbar {width: 2px;height: 2px;}
.plxl .con .right .scroll_line::-webkit-scrollbar-thumb {background: #D4D4D4;border-radius: 0;}
.plxl .con .right .scroll_line::-webkit-scrollbar-track {background: #F0F0F0;border-radius: 0;}

.plxl .con .right .con1{display: none;width:100%;}
.plxl .con .right .con1.on{display: flex;}
.plxl .con .right .left1{width: 6.68rem;border-right: 1px solid #f0f0f0;padding: 0.66rem 0.77rem .9rem 0.77rem;}
.plxl .con .right .left1 .tit{color: #333;font-weight: 600;font-family: 'Montserrat-SemiBold';line-height: 1.25;margin-bottom: 0.15rem;}
.plxl .con .right .left1 .plnav .li{padding: 0.6rem 0 0.2rem 0;display: flex;align-items: center;justify-content: space-between;transition: all 0.5s;position:relative;}
.plxl .con .right .left1 .plnav .li::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #DCDEE580;
}
.plxl .con .right .left1 .plnav .li::before{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: var(--vicolor);
    transition: all .4s;
}
.plxl .con .right .left1 .plnav .li.on::before{
    width: 100%;
}
.plxl .con .right .left1 .plnav .li a{color: #333;font-weight: 500;font-family: 'Montserrat-Medium';line-height: 1.45;transition: all 0.5s;}
.plxl .con .right .left1 .plnav .li.on a{color: var(--vicolor);}
.plxl .con .right .left1 .plnav .li .jt{display: block;width: 0.2rem;height: 0.2rem;position:relative;overflow:hidden;}
.plxl .con .right .left1 .plnav .li .jt img{width: 100%;height: 100%;object-fit: contain;position:absolute;inset:0;}
.plxl .con .right .left1 .plnav .li .jt img.icon1{
    transform: translateX(0);
    opacity: 1;
    transition: all .4s;
}
.plxl .con .right .left1 .plnav .li .jt img.icon2{
    transform: translateX(-100%);
    opacity: 0;
    transition: all .4s;
}
.plxl .con .right .left1 .plnav .li.on .jt img.icon1{
   transform: translateX(100%);
    opacity: 0;
}
.plxl .con .right .left1 .plnav .li.on .jt img.icon2{
    transform: translateX(0%);
    opacity: 1;
}
.plxl .con .right .right1{width: calc(100% - 6.68rem);}

.plxl .con .right .right1 .con2{display: none;}
.plxl .con .right .right1 .con2.on{display: flex;flex-wrap: wrap;padding: 0.79rem 1.4rem 0.8rem 0.75rem;padding: 0.79rem 0.47rem 0.8rem 0.75rem;justify-content: space-between;}
.plxl .con .right .right1 .con2 .item{width: 2.65rem;margin-bottom: 0.4rem;}
.plxl .con .right .right1 .con2.only .item{width:100%}
.plxl .con .right .right1 .con2.only .item .pic{height:3rem;}
.plxl .con .right .right1 .con2 .item .pic{width: 100%;height: 1.42rem;border-radius: 0.1rem;overflow: hidden;margin-bottom: 0.14rem;background: linear-gradient(180deg, #F8F8F8 0%, #FCFCFC 105.4%);}
.plxl .con .right .right1 .con2 .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.plxl .con .right .right1 .con2 .item:hover .pic img{transform: scale(1.05);}
.plxl .con .right .right1 .con2 .item .txt{color: #333;line-height: 1.5;font-weight: 400;font-family: 'Montserrat-Regular';text-align: center;transition: all 0.5s;}
.plxl .con .right .right1 .con2 .item:hover .txt{color: var(--vicolor);}


.com_xl{position: absolute;top: 100%;left: 0;background-color: #fff;width: 100%;display: none;box-shadow: 0 8px 79.9px 0 rgba(0, 0, 0, 0.03);}
.com_xl .con{display: flex;}
.com_xl .con .tit{width: 4.8rem;background-color: #F5F5F7;padding: 0.8rem 0.4rem 0 1.4rem;color: #333;line-height: 1.4;font-weight: 600;font-family: 'Montserrat-SemiBold';min-height: 6.6rem;}

.com_xl .con .center{width: 6.68rem;border-right: 1px solid #f0f0f0;padding: 0.66rem 0.77rem 0 0.77rem;padding: 0.22rem 0.77rem 0 0.77rem;}
.com_xl .con .center .li{padding: 0.6rem 0 0.2rem 0;/*border-bottom: 1px solid #DCDEE580;*/display: flex;align-items: center;justify-content: space-between;transition: all 0.5s;position: relative;}

.com_xl .con .center .li:before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #DCDEE580;}
.com_xl .con .center .li:after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: var(--vicolor);transition: all 0.5s;}

.com_xl .con .center .li.on:after{width: 100%;}
/*.com_xl .con .center .li.on{border-color: var(--vicolor);}*/
.com_xl .con .center .li a{color: #333;font-weight: 500;font-family: 'Montserrat-Medium';line-height: 1.45;transition: all 0.5s;}
.com_xl .con .center .li.on a{color: var(--vicolor);}
.com_xl .con .center .li .jt{display: block;width: 0.2rem;height: 0.2rem;position:relative;overflow:hidden;}
.com_xl .con .center .li .jt img{width: 100%;height: 100%;object-fit: contain;position:absolute;inset:0;}
.com_xl .con .center .li .jt img.icon1{
    transform: translateX(0);
    opacity: 1;
    transition: all .4s;
}
.com_xl .con .center .li .jt img.icon2{
    transform: translateX(-100%);
    opacity: 0;
    transition: all .4s;
}
.com_xl .con .center .li.on .jt img.icon1{
   transform: translateX(100%);
    opacity: 0;
}
.com_xl .con .center .li.on .jt img.icon2{
    transform: translateX(0%);
    opacity: 1;
}

.com_xl .con .right{width: calc(100% - 11.48rem);padding: 0.8rem 1.4rem 0 0.9rem;}
.com_xl .con .right .pic{display: none;width: 100%;height: 3rem;border-radius: 0.1rem;overflow: hidden;}
.com_xl .con .right .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.com_xl .con .right .pic:hover img{transform: scale(1.05);}
.com_xl .con .right .pic.on{display: block;}


.com2_xl {position: absolute;top: 100%;left: 0;background-color: #fff;width: 100%;display: none;box-shadow: 0 8px 79.9px 0 rgba(0, 0, 0, 0.03);}
.com2_xl .con{
    width: 100%;
    padding: .55rem;
}
.com2_xl .con .ul{
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 1.2rem;
}
.com2_xl .con .ul .li a{
    color: #666;
    transition: all .4s;
    
}
.com2_xl .con .ul .li a:hover{
    color: var(--vicolor);
}


/* 网站下拉 end */

/*解决方案列表开始*/
.sol_page {
  width: 100%;
  overflow: hidden;
  padding-top: var(--header-height);
}
.sol_page .sol1 {
  padding: 0.6rem 0 1.8rem;
}
.sol_page .sol1 .wrap .breadcrumb {
  margin-bottom: 0.86rem;
}
.sol_page .sol1 .wrap .type_list {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
  margin-bottom: 0.6rem;
}
.sol_page .sol1 .wrap .type_list .item {
  cursor: pointer;
  padding: 0.16rem 0.28rem;
  border-radius: 0.45rem;
  background-color: #eee;
  transition: all 0.4s;
}
.sol_page .sol1 .wrap .type_list .item:hover {
  background-color: var(--vicolor);
  color: #fff;
}
.sol_page .sol1 .wrap .type_list .item.active {
  background-color: var(--vicolor);
  color: #fff;
}
.sol_page .sol1 .wrap .cont_list .cont_item {
  display: none;
}
.sol_page .sol1 .wrap .cont_list .cont_item.active {
  display: block;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list {
  display: flex;
  flex-direction: column;
  gap: .8rem;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item {
  width: 100%;
  height: 4rem;
  display: flex;
  border-radius: .18rem;
  background: #FAFAFA;
  position: relative;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item::before{
    content: "";
    position: absolute;
    bottom: -.4rem;
    left: 0;
    height: 1px;
    width: 100%;
    opacity: .7;
    background: #DADADA;
}

.sol_page .sol1 .wrap .cont_list .cont_item .list .item .pic {
  width: 6.4rem;
  flex-shrink: 0;
  height: 100%;
  border-radius: 0 .18rem .18rem 0;
  position: relative;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .pic .img{
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    position: absolute;
    inset: 0;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .pic .img.show{
    opacity: 1;
    visibility: visible;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .desc{
    flex: 1;
    padding: .9rem .7rem .9rem .8rem;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .desc .info{
    margin-bottom: .5rem;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .desc .info .tit {
  margin-bottom: 0.3rem;
  transition: all .4s;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .desc .info .txt{
    
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item.last .desc{
    padding: .43rem .7rem .43rem .8rem;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .child_list{
    display: flex;
    flex-wrap: wrap;
    column-gap: .1rem;
    row-gap:.2rem;
    margin-bottom: .6rem;
    margin-top: .6rem;
    
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .child_list .c_item{
    border-radius: .08rem;
    border: 1px solid #EBEBEB;
    background: #FFF;
    padding: .1rem .2rem;
    display: flex;
    align-items: center;
    gap: .2rem;
    transition: all .4s;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .child_list .c_item .tit{
    transition: all .4s;
}

.sol_page .sol1 .wrap .cont_list .cont_item .list .item .child_list .c_item:hover,.sol_page .sol1 .wrap .cont_list .cont_item .list .item .child_list .c_item.active{
    background: var(--vicolor);
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .child_list .c_item:hover .tit,.sol_page .sol1 .wrap .cont_list .cont_item .list .item .child_list .c_item.active .tit{
    color: #fff;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .child_list .c_item .icon{
    width: .4rem;
    height: .4rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item .child_list .c_item:hover .icon,.sol_page .sol1 .wrap .cont_list .cont_item .list .item .child_list .c_item.active .icon{
    filter: brightness(0) invert(1);
}

.sol_page .sol1 .wrap .cont_list .cont_item .list .item:hover .desc .info .tit{
    color: var(--vicolor);
}
.sol_page .sol1 .wrap .cont_list .cont_item .list .item:last-child::before{
    display: none;
}
/*解决方案列表结束*/

/*案例详情页开始*/
.cased_page {
  width: 100%;
  overflow: hidden;
  padding-top: var(--header-height);
}
.cased_page .cased1 {
  padding: 0.6rem 0 1.8rem;
}
.cased_page .cased1 .wrap .breadcrumb {
  margin-bottom: 0.9rem;
}
.cased_page .cased1 .wrap .cont {
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #EBEBEB;
}
.cased_page .cased1 .wrap .cont .tit {
  margin-bottom: 0.36rem;
}
.cased_page .cased1 .wrap .info {
  margin-top: 0.4rem;
}
.cased_page .cased1 .wrap .info .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin-bottom: 0.8rem;
}
.cased_page .cased1 .wrap .info .tags .tag {
  min-width: 4.2rem;
}
.cased_page .cased1 .wrap .info .tags .tag .tit {
  margin-bottom: 0.14rem;
}
.cased_page .cased1 .wrap .info .pic {
  width: 100%;
  height: 8.4rem;
  border-radius: 0.24rem;
  overflow: hidden;
}
/*案例详情页结束*/



/*弹框*/
.modal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 98;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease;
  padding-top: var(--header-height);
}
.modal .bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease;
}
.modal .content {
  position: relative;
  z-index: 2;
  width: 12rem;
  max-width: 90%;
  height: 8.2rem;
  max-height: 90%;
  overflow: hidden;
  background: #FFF;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.06);
  border-radius: 0.2rem;
  transform: scale(0.6) translateY(0%);
  transition: all 0.4s ease-in-out;
}
.modal .close {
  position: absolute;
  z-index: 2;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #c8c8c8;
  transition: all 0.4s ease;
  top: 0.3rem;
  right: 0.3rem;
  opacity: 0.7;
  cursor: pointer;
}
.modal .close span {
  width: 0.2rem;
  height: 1.5px;
  background: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal .close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal .close span:last-child {
  transform: translate(-50%, -50%) rotate(135deg);
}
.modal .close:hover {
  background: var(--vicolor);
  opacity: 1;
  transform: rotate(180deg);
}
.modal .close:hover span {
  background: #fff;
}
.modal.video .bg {
  backdrop-filter: blur(10px);
}
.modal.video .content {
  width: 12.8rem;
  height: 7.2rem;
  border-radius: 0.15rem;
  overflow: hidden;
  background-color: transparent;
}
.modal.video .content video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.modal.video .close {
  width: 0.48rem;
  height: 0.48rem;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
}
.modal.video .close span {
  width: 0.2rem;
  background: #fff;
}
.modal.card .bg {
  backdrop-filter: blur(10px);
}
.modal.card .content {
  width: 12rem;
  height: 6.5rem;
  border-radius: 0.3rem;
  background: #F0F2F5;
  overflow: visible;
}
.modal.card .close {
  top: -0.26rem;
  right: -0.26rem;
  width: 0.72rem;
  height: 0.72rem;
  background: linear-gradient(118deg, #62ddd2 -7.85%, #3faef2 93%);
  opacity: 1;
}
.modal.card .close span {
  width: 0.2rem;
  background: #fff;
}
.modal.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal.show .content {
  transform: scale(1) translateY(0);
}
.TextAnimate .letter{
    /*margin-right: -.12rem;*/
    /*letter-spacing: 0!important;*/
}

.social-share .icon-wechat,.social-share .icon-linkedin,.social-share .icon-facebook{position: absolute;top: 0;left: 0;background-color:transparent!important;border-color:transparent!important;margin:0!important;width:100%!important;height:100%!important;}
.social-share .icon-wechat .wechat-qrcode{
    top: 0;
    right: calc(100% + .15rem);
    left: auto;
}
.social-share .icon-wechat .wechat-qrcode:after{
    display: none;
}
.social-share .icon-wechat::before,.social-share .icon-linkedin::before,.social-share .icon-facebook::before{color:transparent;}

.el-message{
    z-index: 9999;
}

.side_fixed {
  position: fixed;
  top: 65%;
  right: 0.3rem;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}
.side_fixed .item {
  width: 0.48rem;
  height: 0.48rem;
  background: #333;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  position: relative;
}
.side_fixed .item .icon {
  width: 0.2rem;
  height: 0.2rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.side_fixed .item:hover {
    background: var(--vicolor);
}


/*# sourceMappingURL=style.css.map */