@charset "UTF-8";

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

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

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

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

.desc-tit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 0.8rem;
}

.desc-tit>.tit {
  max-width: 10.8rem;
  text-align: center;
  font-size: 0.54rem;
  font-weight: 600;
  font-family: "mst";
  line-height: 1.2;
}

.desc-tit>.txt {
  text-align: center;
  max-width: 9.2rem;
  font-size: 0.2rem;
  font-weight: 500;
  font-family: "mst";
  line-height: 1.8;
  margin-top: 0.25rem;
}

.desc-tit.no-bottom {
  margin-bottom: 0;
}

.desc-tit.ny {
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  margin-bottom: 0.8rem;
}

.desc-tit.ny.text-center {
  text-align: center;
  align-items: center;
  justify-content: center;
}

.desc-tit.ny.text-center>.tit {
  text-align: center;
}

.desc-tit.ny.text-center>.txt {
  text-align: center;
}

.desc-tit.ny>.tit {
  text-align: left;
  font-size: 0.46rem;
  color: #111;
  line-height: 1.33;
}

.desc-tit.ny>.txt {
  font-size: 0.2rem;
  text-align: left;
  max-width: none;
  color: #868686;
  line-height: 2;
}

.desc-tit.ny.c-fff .tit {
  color: #fff;
}

.desc-tit.ny.c-fff .txt {
  color: #fff;
}

.picScale,
.pic-scale {
  overflow: hidden;
}

.picScale img,
.pic-scale img {
  transition: all 0.4s ease;
}

.picScale:hover img,
.pic-scale:hover img {
  transform: scale(1.05);
}

.hover-up {
  transition: all 0.4s ease;
}

.hover-up:hover {
  transform: translateY(-6px);
}

.swiper_box .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
}

.swiper_box .pagination .swiper-pagination-bullet {
  position: relative;
  width: 0.12rem;
  height: 0.14rem;
  opacity: 1;
  background-color: transparent;
}

.swiper_box .pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../img/dun.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.4s ease;
}

.swiper_box .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-image: url("../img/dun_vi.svg");
}

.swiper_box .navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
}

.swiper_box .navigation .prev,
.swiper_box .navigation .next {
  cursor: pointer;
  width: 0.46rem;
  height: 0.46rem;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.swiper_box .navigation .prev:hover,
.swiper_box .navigation .next:hover {
  background-color: var(--vicolor);
}

.swiper_box .navigation .prev::before {
  width: 0.15rem;
  height: 0.15rem;
  content: "";
  background-image: url("../img/prev.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.swiper_box .navigation .next::before {
  width: 0.15rem;
  height: 0.15rem;
  content: "";
  background-image: url("../img/next.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.swiper_box .navigation.black .prev,
.swiper_box .navigation.black .next {
  background-color: #FFF;
}

.swiper_box .navigation.black .prev:hover,
.swiper_box .navigation.black .next:hover {
  background-color: var(--vicolor);
}

.swiper_box .navigation.black .prev::before {
  background-image: url("../img/prev_b.svg");
}

.swiper_box .navigation.black .prev:hover::before {
  background-image: url("../img/prev.svg");
}

.swiper_box .navigation.black .next::before {
  background-image: url("../img/next_b.svg");
}

.swiper_box .navigation.black .next:hover::before {
  background-image: url("../img/next.svg");
}

.swiper_box .page_progress {
  width: 100%;
  height: 1px !important;
  background: #C3C3C3;
  position: relative;
}

.swiper_box .page_progress .swiper-pagination-progressbar-fill {
  background: var(--vicolor);
  height: 0.02rem;
  border-radius: 0.02rem;
  display: block;
  transform-origin: left;
}

.page_box2 {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
}

.page_box2 .prev,
.page_box2 .next {
  cursor: pointer;
  height: 0.4rem;
  width: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.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 .prev.disabled,
.page_box2 .next.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.page_box2 .page_num {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
}

.page_box2 .page_num .num {
  cursor: pointer;
  color: #333;
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.page_box2 .page_num .num:hover,
.page_box2 .page_num .num.active {
  color: #fff;
  background-color: var(--vicolor);
}

.nybanner {
  height: 100vh;
  min-height: 10rem;
  position: relative;
}

.nybanner .bg {
  width: 100%;
  height: 100%;
  position: relative;
}

.nybanner .bg .mask {
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3.2rem;
  background: linear-gradient(180deg, rgba(246, 247, 249, 0) 0.35%, rgba(246, 247, 249, 0.77) 56.68%, #F6F7F9 100%);
}

.nybanner .cont {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nybanner .cont .desc {
  max-width: 11rem;
}

.nybanner .cont .desc .tit {
  font-size: 0.96rem;
}

.nybanner .cont .desc .txt {
  font-size: 0.4rem;
  margin-top: 0.36rem;
  line-height: 1.33;
}

@property --c1 {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(2, 91, 146, 0);
}

@property --c2 {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(179, 31, 36, 0);
}

.tran-bg {
  --c1: #025b9200;
  --c2: #b31f2400;
  background: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%) !important;
  transition: --c1 0.4s ease, --c2 0.4s ease;
}

.tran-bg:hover {
  --c1: #025A92 !important;
  --c2: #B31F24 !important;
}

.card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  --c1: #025b9200;
  --c2: #b31f2400;
  border-radius: 0.2rem;
  overflow: hidden;
  background: linear-gradient(134deg, rgba(169, 188, 197, 0.03) 10.36%, rgba(0, 62, 196, 0.08) 95.07%), rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(20px);
  transition: --c1 0.4s ease, --c2 0.4s ease;
}

.card:hover {
  --c1: #025A92;
  --c2: #B31F24;
  background: linear-gradient(107deg, #025A92 0%, #B31F24 100%);
}

.card.card_bor::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(145deg, rgba(2, 91, 146, 0.3960784314) 0%, rgba(0, 81, 255, 0) 35%, rgba(0, 81, 255, 0) 65%, rgba(179, 31, 36, 0.3960784314) 100%);
  padding: 0.02rem;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 0;
}


.item.card_bor::after,
.li.card_bor::after,
.tag.card_bor::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(145deg, rgba(2, 91, 146, 0.3960784314) 0%, rgba(0, 81, 255, 0) 35%, rgba(0, 81, 255, 0) 65%, rgba(179, 31, 36, 0.3960784314) 100%);
  padding: 0.02rem;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 0;
}

.item.card_bor.bor_f::after,
.li.card_bor.bor_f::after,
.tag.card_bor.bor_f::after {
  padding: 0.012rem;
  background: linear-gradient(35deg, #fff 0%, rgba(0, 81, 255, 0) 35%, rgba(0, 81, 255, 0) 65%, #fff 100%);
}

.ibtn-box .ibtn {
  width: fit-content;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  border-radius: 0.05rem;
  border: 1px solid transparent;
  transition: all 0.4s ease;
  text-decoration: none;
  border: none;
  font-family: inherit;
  background-color: var(--vicolor2);
  padding: 0.1rem 0.12rem 0.1rem 0.2rem;
  border-radius: 0.3rem;
}

.ibtn-box .ibtn .btn_txt {
  font-size: 0.16rem;
  font-weight: 500;
  color: #fff;
  transition: all 0.4s ease;
}

.ibtn-box .ibtn .btn_icon {
  width: 0.3rem;
  height: 0.3rem;
  transition: all 0.4s ease;
  background-color: var(--vicolor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ibtn-box .ibtn .btn_icon svg,
.ibtn-box .ibtn .btn_icon img {
  width: 0.15rem;
  height: 0.15rem;
  object-fit: contain;
}

.ibtn-box .ibtn:hover {
  background-color: color-mix(in srgb, var(--vicolor2) 80%, #000 20%);
}

.ibtn-box .ibtn:hover .btn_icon {
  transform: translateX(2px);
}

.ibtn-box .ibtn.trans {
  background-color: transparent;
  border: 1px solid #fff;
}

.ibtn-box .ibtn.trans:hover {
  border: 1px solid transparent;
  background-color: var(--vicolor2);
}

.ibtn-box .ibtn.trans:hover .btn_icon {
  background-color: var(--vicolor);
}

.ibtn-box .ibtn.black {
  background-color: transparent;
  border: 1px solid #111;
}

.ibtn-box .ibtn.black .btn_txt {
  color: #111;
}

.ibtn-box .ibtn.black:hover {
  background-color: var(--vicolor2);
}

.ibtn-box .ibtn.black:hover .btn_txt {
  color: #fff;
}

.ibtn-box .ibtn.black:hover .btn_icon {
  background-color: var(--vicolor);
}

.ibtn-box .ibtn.black2 {
  background-color: transparent;
  border: 1px solid #111;
}

.ibtn-box .ibtn.black2 .btn_txt {
  color: #111;
}

.ibtn-box .ibtn.black2:hover {
  background-color: var(--vicolor);
  border: 1px solid var(--vicolor);
}

.ibtn-box .ibtn.black2:hover .btn_txt {
  color: #fff;
}

.ibtn-box .ibtn.black2:hover .btn_icon {
  background-color: var(--vicolor2);
}

.ibtn-box .ibtn2 {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.ibtn-box .ibtn2 .btn_txt {
  font-size: 0.14rem;
  font-weight: 500;
  font-family: "mst";
}

.ibtn-box .ibtn2 .btn_icon {
  width: 0.12rem;
  height: 0.12rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.ibtn-box .ibtn2:hover .btn_txt {
  color: var(--vicolor);
}

.ibtn-box .ibtn2:hover .btn_icon {
  transform: translateX(2px);
}

.type_list {
  width: fit-content;
  display: flex;
  background: rgb(246, 247, 249);
  border-radius: 0.08rem;
  overflow: hidden;
  border: 1px solid #D9D9D9;
  gap: 0.02rem;
  padding: 0.03rem;
  position: relative;

}

.type_list::before {
  content: "";
  position-anchor: --type-list;
  position: absolute;
  left:anchor(left);
  top: anchor(top);
  width: anchor-size(width);
  height: anchor-size(height);
  background-color: var(--vicolor);
  border-radius: 0.08rem;
  transition: all .6s;
}

.type_list .item {
  padding: 0.13rem 0.3rem;
  border-radius: 0.08rem;
  background-color: transparent;
  transition: all 0.4s ease;
  position: relative;
}
.type_list .item:hover {
  /* background-color: var(--vicolor); */
  /* color: #fff; */
}

.type_list .item.active
{
  /* background-color: var(--vicolor); */
  color: #fff;
  anchor-name: --type-list;

}

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

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

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  /*background-color: transparent;*/
  /*padding: 0.25rem 0;*/
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(17, 17, 17, 0.30);
  backdrop-filter: blur(30px);
}

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

.header .header-cont .lf .logo {
  height: 0.35rem;
  width: auto;
}

.header .header-cont .rg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.8rem;
}

.header .header-cont .rg .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
}

.header .header-cont .rg .nav .li {
  color: #fff;
  font-size: 0.16rem;
  font-weight: 500;
  font-family: "mst";
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  padding: .26rem 0;
  gap: 0.05rem;
  position: relative;
}

.header .header-cont .rg .nav .li>a {
  color: #fff;
}

.header .header-cont .rg .nav .li:hover,
.header .header-cont .rg .nav .li.active {
  color: var(--vicolor) !important;
}

.header .header-cont .rg .nav .li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.header .dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  background-color: transparent;
  padding-top: 0.08rem;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.6s;
}

.header .dropdown .inner {
  min-width: 2.52rem;
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  background-color: #fff;
  border-radius: 0.2rem;
  overflow: hidden;
  padding: 0.34rem 0.3rem;
}

.header .dropdown .inner .item {
  color: #868686;
  transition: all 0.4s ease;
  /*white-space: nowrap;*/
}

.header .dropdown .inner .item:hover {
  color: var(--vicolor);
}

.header .dropdown.product {
  width: max-content;
}

.header .dropdown.product .inner {
  min-width: auto;
  /* max-width: 20rem; */
  padding: 0.42rem 0.52rem 0.42rem 0.4rem;
}

.header .dropdown.product .inner .list {
  display: flex;
  gap: 0.6rem;
  margin-bottom: 0.5rem;
}

.header .dropdown.product .inner .list .item {
  position: relative;
}

.header .dropdown.product .inner .list .item>.tit {
  margin-bottom: 0.26rem;
}

.header .dropdown.product .inner .list .item .ul {
  display: flex;
  flex-direction: column;
}

.header .dropdown.product .inner .list .item .ul .li {
  padding: 0.08rem 0;
  display: flex;
  gap: 0.14rem;
  width: auto;
  flex-shrink: 0;
}

.header .dropdown.product .inner .list .item .ul .li .icon {
  width: 0.36rem;
  height: 0.36rem;
  flex-shrink: 0;
  transition: all 0.4s;
  position: relative;
}

.header .dropdown.product .inner .list .item .ul .li .icon .icon1 {
  opacity: 1;
  transition: all 0.4s;
}

.header .dropdown.product .inner .list .item .ul .li .icon .icon2 {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 0.4s;
  margin: auto;
}

.header .dropdown.product .inner .list .item .ul .li .subtit {
  max-width: 5.5rem;
  transition: all 0.4s;
}

.header .dropdown.product .inner .list .item .ul .li:hover .icon .icon1 {
  opacity: 0;
}

.header .dropdown.product .inner .list .item .ul .li:hover .icon .icon2 {
  opacity: 1;
}

.header .dropdown.product .inner .list .item .ul .li:hover .subtit {
  color: var(--vicolor);
  /*font-weight: 500;*/
}

.header .dropdown.product .inner .list .item:last-child {
  padding-left: 0.6rem;
}

.header .dropdown.product .inner .list .item:last-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #DFDFDF;
}

.header .dropdown.product .inner .viewall {
  display: flex;
  align-items: center;
  gap: 0.14rem;
}

.header .dropdown.product .inner .viewall .txt {
  transition: all 0.4s;
}

.header .dropdown.product .inner .viewall .icon {
  width: 0.24rem;
  height: 0.24rem;
}

.header .dropdown.product .inner .viewall .icon svg {
  width: 100%;
  height: 100%;
}

.header .dropdown.product .inner .viewall .icon svg path {
  transition: all 0.4s;
}

.header .dropdown.product .inner .viewall:hover .txt {
  color: var(--vicolor);
}

.header .dropdown.product .inner .viewall:hover .icon svg path {
  stroke: var(--vicolor);
}

.header .header-cont .rg .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
}

.header .header-cont .rg .actions .item {
  height: 0.2rem;
  width: auto;
}

.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:not(.ind3) {
  background-color: #fff;
}

.header.on:not(.ind3) .img1 {
  display: none;
}

.header.on:not(.ind3) .img2 {
  display: block;
}

.header.on:not(.ind3) .header-cont .rg .nav .li>a {
  color: #333;
}

.footer {
  padding: 0.5rem;
}

.footer .footer-cont {
  min-height: 7.35rem;
  border-radius: 0.3rem;
  overflow: hidden;
  background-color: rgb(17, 16, 27);
  padding: 0.4rem 0.8rem 0rem;
  display: flex;
  flex-direction: column;
  position: relative;
}

.footer .footer-cont .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.footer .footer-cont .bg img {
  object-position: center right;
  position: absolute;
  inset: 0;
}

.footer .footer-cont .bg .mask {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
}

.footer .footer-cont .f_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .footer-cont .f_top .lf .logo {
  width: 2.5rem;
  height: auto;
}

.footer .footer-cont .f_top .rg .media_list {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.footer .footer-cont .f_top .rg .media_list .item {
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*.footer .footer-cont .f_center {*/
/*  padding: 0.7rem 0;*/
/*  border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
/*}*/

/*.footer .footer-cont .f_center .nav {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  gap: 1.4rem;*/
/*}*/

/*.footer .footer-cont .f_center .nav .item {*/
/*  max-width: 2.25rem;*/
/*  min-width: 1.5rem;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*}*/

/*.footer .footer-cont .f_center .nav .item .tit {*/
/*  margin-bottom: 0.45rem;*/
/*  white-space: nowrap;*/
/*}*/

/*.footer .footer-cont .f_center .nav .item .item_l {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  gap: 0.25rem;*/
/*}*/

/*.footer .footer-cont .f_center .nav .item .item_l a {*/
/*  color: #666;*/
/*  transition: all 0.4s ease;*/
/*}*/

/*.footer .footer-cont .f_center .nav .item .item_l a:hover {*/
/*  transform: translateX(5px);*/
/*  color: #fff;*/
/*}*/
.footer .footer-cont .f_center {
  padding: 0.7rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .footer-cont .f_center .nav {
  display: flex;
  justify-content: space-between;
  gap: 1.4rem;
}
.footer .footer-cont .f_center .nav .item {
  /*max-width: 2.25rem;*/
  min-width: 1.5rem;
  display: flex;
  flex-direction: column;
}
.footer .footer-cont .f_center .nav .item:last-child .list .list_item .tit{
    display: none;
}
.footer .footer-cont .f_center .nav .item .title {
  margin-bottom: 0.35rem;
  white-space: nowrap;
}
.footer .footer-cont .f_center .nav .item .list {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.footer .footer-cont .f_center .nav .item .list .list_item {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.footer .footer-cont .f_center .nav .item:has(.contact_box) .list .list_item .tit {
  display: none;
}
.footer .footer-cont .f_center .nav .item .contact_box {
  display: flex;
  flex-direction: column;
  gap: 0.26rem;
  width: 3.5rem;
  margin-top: 0.35rem;
}
.footer .footer-cont .f_center .nav .item .contact_box .c_item {
  display: flex;
  gap: 0.14rem;
  align-items: center;
}
.footer .footer-cont .f_center .nav .item .contact_box .c_item .icon {
  width: 0.3rem;
  height: 0.3rem;
  flex-shrink: 0;
}
.footer .footer-cont .f_center .nav .item .contact_box .c_item .c_tit {
  transition: all 0.4s;
}
.footer .footer-cont .f_center .nav .item .contact_box .c_item:hover .c_tit {
  color: #fff;
}
.footer .footer-cont .f_center .nav .item .item_l {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
}
.footer .footer-cont .f_center .nav .item .item_l .tit {
  color: #fff;
}
.footer .footer-cont .f_center .nav .item .item_l a {
  color: #666;
  transition: all 0.4s ease;
}
.footer .footer-cont .f_center .nav .item .item_l a:hover {
  transform: translateX(5px);
  color: #fff;
}
.footer .footer-cont .f_bottom {
  padding: 0.35rem 0;
  display: flex;
  justify-content: space-between;
}

.footer .footer-cont .f_bottom .lf .policy {
  display: flex;
}

.footer .footer-cont .f_bottom .lf .policy a {
  position: relative;
  color: #868686;
  padding: 0 0.16rem;
}

.footer .footer-cont .f_bottom .lf .policy a::after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #868686;
  position: absolute;
  right: 0;
  top: 0;
}

.footer .footer-cont .f_bottom .lf .policy a:first-child {
  padding-left: 0;
}

.footer .footer-cont .f_bottom .lf .policy a:last-child {
  padding-right: 0;
}

.footer .footer-cont .f_bottom .lf .policy a:last-child::after {
  display: none;
}

.footer .footer-cont .f_bottom .lf .policy a:hover {
  color: var(--vicolor);
}

.page_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
}

.act {
  width: 100%;
  height: 100vh;
}

.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;
}

.ind_page .ind_ban .swiper_ind_pic .swiper-slide .bg {
  width: 100%;
  height: 100%;
}

.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 38.07%, rgba(0, 0, 0, 0.2) 75.94%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 0 1.3rem;
}

.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc .tit {
  margin-bottom: 0.3rem;
}

.ind_page .ind_ban .swiper_ind_pic .swiper-slide .cont .desc .txt {
  margin-bottom: 0.75rem;
}

.ind_page .ind_ban .swiper_ind_pic .swiper-action {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  width: 100%;
  z-index: 2;
  height: auto;
}

.ind_page .ind_ban .swiper_ind_pic .bottom_box {
  opacity: 0;
  /*visibility: hidden;*/
  pointer-events: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.5rem;
  z-index: 1;
}

.ind_page .ind_ban .swiper_ind_pic .bottom_box .bg {
  position: absolute;
  inset: 0;
}

.ind_page .ind_ban .swiper_ind_pic .bottom_box .bg img {
  opacity: 0.2;
  position: absolute;
  inset: 0;
  object-fit: cover;
  mask-image: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}

.ind_page .ind_ban .swiper_ind_pic .bottom_box .bg .mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 90, 146, 0) 0%, #011B2C 100%);
}

.ind_page .ind_ban .swiper_ind_pic .bottom_box .b_cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  gap: 0.3rem;
  justify-content: center;
  padding-top: 1.2rem;
  transform: translateY(1rem);
  transition: all .8s ease;
}

.ind_page .ind_ban .swiper_ind_pic .bottom_box .b_cont .btn {
  pointer-events: auto;
  cursor: pointer;
  width: fit-content;
  min-width: 2.6rem;
  border-radius: 0.16rem;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(20px);
  padding: 0.2rem 0.3rem;
  text-align: center;
  transition: all 0.4s ease;
}

.ind_page .ind_ban .swiper_ind_pic .bottom_box .b_cont .btn:hover {
  background: var(--theme-color);
}

.ind_page .ind_ban .swiper_ind_pic .bottom_box:hover {
  opacity: 1;
  visibility: visible;
}

.ind_page .ind_ban .swiper_ind_pic .bottom_box:hover .b_cont {
  transform: translateY(0);
}

.ind_page .ind1 {
  padding: 1.6rem 0 0;
  background-color: #FFF;
}

.ind_page .ind1 .list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}

.ind_page .ind1 .list .item {
  width: calc((100% - 0.6rem) / 4);
  height: 6.2rem;
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
}

.ind_page .ind1 .list .item .bg {
  position: absolute;
  bottom: 0;
  right: -70%;
  width: 9rem;
  opacity: 0;
}

.ind_page .ind1 .list .item .pic {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
}

.ind_page .ind1 .list .item .pic .dot {
  position: absolute;
  top: 0.23rem;
  right: 0.23rem;
  width: 0.42rem;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}

.ind_page .ind1 .list .item .pic>img {
  transition: opacity 0.4s ease;
}

.ind_page .ind1 .list .item .pic .expm {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 1;
}

.ind_page .ind1 .list .item .pic .mask {
  height: 2rem;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(173, 150, 130, 0) 0%, #AD9682 100%);
}

.ind_page .ind1 .list .item .cont {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.5rem 0.2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: opacity 0.2s ease;
}

.ind_page .ind1 .list .item .cont .desc {
  opacity: 0;
  display: none;
}

.ind_page .ind1 .list .item .cont2 {
  position: relative;
  padding: 0.25rem 0.2rem;
  opacity: 0;
  visibility: hidden;
  width: 6.1rem;
  transform: translateY(-10px);
}

.ind_page .ind1 .list .item .cont2 .desc .tit {
  margin-bottom: 0.15rem;
}

.ind_page .ind1 .list .item:hover,
.ind_page .ind1 .list .item.active {
  width: 6.4rem;
  flex-shrink: 0;
  padding: 0.15rem;
  background-color: var(--vicolor2);
}

.ind_page .ind1 .list .item:hover .bg,
.ind_page .ind1 .list .item.active .bg {
  opacity: 1;
}

.ind_page .ind1 .list .item:hover .cont,
.ind_page .ind1 .list .item.active .cont {
  opacity: 0;
  visibility: hidden;
}

.ind_page .ind1 .list .item:hover .cont2,
.ind_page .ind1 .list .item.active .cont2 {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.ind_page .ind1 .list .item:hover .pic,
.ind_page .ind1 .list .item.active .pic {
  height: 4.2rem;
}

.ind_page .ind1 .list .item:hover .pic .dot,
.ind_page .ind1 .list .item.active .pic .dot {
  opacity: 1;
  visibility: visible;
}

.ind_page .ind1 .list .item:hover .pic .min,
.ind_page .ind1 .list .item.active .pic .min {
  opacity: 0;
}

.ind_page .ind1 .list .item:hover .pic .expm,
.ind_page .ind1 .list .item.active .pic .expm {
  opacity: 1;
}

.ind_page .ind1 .list .item:hover .pic .mask,
.ind_page .ind1 .list .item.active .pic .mask {
  opacity: 0;
}

.ind_page .ind2 {
  height: 100vh;
  padding: 1.6rem 0;
  position: relative;
  background-color: #fff;
}

.ind_page .ind2 .cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 11rem;
}

.ind_page .ind2 .cont .big_logo {
  margin-bottom: 0.5rem;
  width: 1.4rem;
  height: 1.7rem;
  z-index: 2;
}

.ind_page .ind2 .cont .desc {
  margin-bottom: 0.6rem;
}

.ind_page .ind2 .cont .desc .tit {
  margin-bottom: 0.25rem;
}

.ind_page .ind3and4 {
  position: relative;
}

.ind_page .ind3 {
  height: 100vh;
  position: relative;
}

.ind_page .ind3and4 .mask {
  position: absolute;
  bottom: -.8rem;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(136deg, rgba(255, 255, 255, 0) 10.36%, rgba(0, 81, 255, 0.08) 95.07%), rgba(31, 31, 31, 0.3);
  backdrop-filter: blur(30px);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.ind_page .ind3 canvas {
  width: 100%;
  height: 100%;
}

.ind_page .ind3 .earth {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.ind_page .ind3 .earth .tit {
  max-width: 8rem;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}

.ind_page .ind3 .cont {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding-bottom: 0.8rem;
}

.ind_page .ind3 .cont .swiper_ind3_card {
  height: 1.4rem;
}

.ind_page .ind3 .cont .swiper_ind3_card .swiper-slide {
  width: 2.9rem;
  height: 100%;
}

.ind_page .ind3 .cont .swiper_ind3_card .swiper-slide .item {
  width: 100%;
  height: 100%;
  padding: 0.36rem 0.3rem;
  position: relative;
}

.ind_page .ind3 .cont .swiper_ind3_card .swiper-slide .item .bg {
  position: absolute;
  height: 0.86rem;
  width: 0.71rem;
  bottom: 0.2rem;
  right: 0.25rem;
}

.ind_page .ind3 .cont .swiper_ind3_card .swiper-slide .item .desc {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  justify-content: space-between;
}

.ind_page .ind3 .cont .swiper_ind3_card .swiper-slide .item .desc .tit {
  display: flex;
  gap: 0.1rem;
}

.ind_page .ind3 .cont .swiper_ind3_card .swiper-slide .item .desc .tit .icon {
  width: 0.24rem;
  height: 0.24rem;
}

.ind_page .ind4 {
  min-height: 100vh;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  padding: 1rem 0;
}

.ind_page .ind4 .cont .top {
  margin-bottom: 0.5rem;
}

.ind_page .ind4 .cont .top .list {
  display: flex;
  height: 3.5rem;
}

.ind_page .ind4 .cont .top .list .item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 0.2rem;
}

.ind_page .ind4 .cont .top .list .item .pic {
  width: 100%;
  height: 2.68rem;
  flex-shrink: 0;
}

.ind_page .ind4 .cont .top .list .item:last-child {
  padding-right: 0;
  border-right: none;
}

.ind_page .ind4 .cont .top .list .item:first-child {
  padding-left: 0;
}

.ind_page .ind4 .cont .bottom {
  display: flex;
  gap: 0.4rem;
  height: 5.2rem;
}

.ind_page .ind4 .cont .bottom .lf {
  width: 8.8rem;
  height: 100%;
}

.ind_page .ind4 .cont .bottom .lf .swiper_ind4_botm_lf {
  height: 3rem;
  width: 100%;
  border-radius: 0.2rem 0.2rem 0 0;
  overflow: hidden;
  position: relative;
}

.ind_page .ind4 .cont .bottom .lf .swiper_ind4_botm_lf .swiper-slide {
  height: 100%;
  width: 100%;
}

.ind_page .ind4 .cont .bottom .lf .swiper_ind4_botm_lf .swiper-slide .cont {
  height: 100%;
  width: 100%;
}

.ind_page .ind4 .cont .bottom .lf .swiper_ind4_botm_lf .swiper-slide .cont .pic {
  height: 100%;
}

.ind_page .ind4 .cont .bottom .lf .swiper_ind4_botm_lf .swiper-action {
  position: absolute;
  bottom: 0.2rem;
  right: 0.25rem;
  width: 100%;
  z-index: 2;
  height: auto;
}

.ind_page .ind4 .cont .bottom .lf .swiper_ind4_botm_lf .swiper-action .pagination {
  justify-content: flex-end;
}

.ind_page .ind4 .cont .bottom .lf>.cont {
  padding: 0.3rem 0.5rem;
  height: calc(100% - 3rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ind_page .ind4 .cont .bottom .lf>.cont .desc {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.ind_page .ind4 .cont .bottom .lf>.cont .desc .icon {
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
}

.ind_page .ind4 .cont .bottom .lf>.cont .desc .info {
  width: 4.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.ind_page .ind4 .cont .bottom .lf>.cont .pic {
  height: 100%;
}

.ind_page .ind4 .cont .bottom .rg {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  width: calc(100% - 0.4rem - 8.8rem);
}

.ind_page .ind4 .cont .bottom .rg .item {
  width: 100%;
  height: calc((100% - 0.4rem) / 2);
  padding: 0.3rem 0.36rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.ind_page .ind4 .cont .bottom .rg .item .desc {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ind_page .ind4 .cont .bottom .rg .item .pic {
  width: 100%;
  height: 100%;
}

.ind_page .ind4 .cont .bottom .rg .item:nth-of-type(1) .pic:nth-of-type(1) {
  height: 1.1rem;
}

.ind_page .ind4 .cont .bottom .rg .item:nth-of-type(1) .pic:nth-of-type(1) img {
  object-position: left center;
}

.ind_page .ind4 .cont .bottom .rg .item:nth-of-type(1) .pic:nth-of-type(2) {
  width: 2rem;
}

.ind_page .ind4 .cont .bottom .rg .item:nth-of-type(2) .pic {
  height: 1.4rem;
}

.ind_page .ind4 .cont .bottom .rg .item:nth-of-type(2) .pic img {
  object-position: right center;
}

.ind_page .ind5 {
  padding: 1.6rem 0 0;
}

.ind_page .ind5 .cont {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 4.9rem;
  padding: 0 0.5rem 0 1rem;
}

.ind_page .ind5 .cont .lf {
  width: 6.4rem;
  flex-shrink: 0;
  height: 100%;
}

.ind_page .ind5 .cont .lf .list {
  display: flex;
  flex-direction: column;
}

.ind_page .ind5 .cont .lf .list .item {
  cursor: pointer;
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.ind_page .ind5 .cont .lf .list .item .top {
  display: flex;
  justify-content: space-between;
}

.ind_page .ind5 .cont .lf .list .item .top .tit {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

.ind_page .ind5 .cont .lf .list .item .top .tit .icon {
  width: 0.27rem;
  height: 0.27rem;
  flex-shrink: 0;
}

.ind_page .ind5 .cont .lf .list .item .top .arrow {
  width: 0.2rem;
  height: 0.2rem;
  flex-shrink: 0;
}

.ind_page .ind5 .cont .lf .list .item .info {
  padding-left: 0.57rem;
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
}

.ind_page .ind5 .cont .lf .list .item .info>* {
  overflow: hidden;
}

.ind_page .ind5 .cont .lf .list .item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.ind_page .ind5 .cont .lf .list .item:hover .top .tit {
  color: var(--vicolor);
}

.ind_page .ind5 .cont .lf .list .item.active .top .tit {
  color: var(--vicolor);
}

.ind_page .ind5 .cont .lf .list .item.active .top .arrow {
  transform: rotate(180deg);
}

.ind_page .ind5 .cont .lf .list .item.active .info {
  padding-top: 0.15rem;
  opacity: 1;
  grid-template-rows: 1fr;
}

.ind_page .ind5 .cont .rg {
  width: calc(100% - 0.25rem - 6.4rem);
  height: 100%;
  padding: 0 0.3rem;
}

.ind_page .ind5 .cont .rg .swiper_ind5_rg {
  border-radius: 0.3rem;
  overflow: hidden;
  position: relative;
  display: none;
}

.ind_page .ind5 .cont .rg .swiper_ind5_rg .swiper-slide {
  height: 4.9rem;
  width: calc(100% - 0.25rem - 6.4rem);
}

.ind_page .ind5 .cont .rg .swiper_ind5_rg .swiper-slide .pic {
  width: 100%;
  height: 100%;
}

.ind_page .ind5 .cont .rg .swiper_ind5_rg .swiper-action {
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  z-index: 2;
  height: auto;
}

.ind_page .ind5 .cont .rg .swiper_ind5_rg.active {
  display: block;
}

.ind_page .ind6 {
  padding: 2rem 0 1rem;
}

.ind_page .ind6 .desc-tit .txt {
  max-width: 11rem;
}

.ind_page .ind6 .cont {
  width: 100%;
  overflow: hidden;
}

.ind_page .ind6 .cont .swiper_ind6_top {
  position: relative;
}

.ind_page .ind6 .cont .swiper_ind6_top .swiper-slide .top {
  width: 100%;
  height: 5.1rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: var(--vicolor3);
  padding: 0.7rem 0.6rem;
  position: relative;
}

.ind_page .ind6 .cont .swiper_ind6_top .swiper-slide .top .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7.3rem;
  z-index: 1;
}

.ind_page .ind6 .cont .swiper_ind6_top .swiper-slide .top .desc {
  max-width: 5.7rem;
}

.ind_page .ind6 .cont .swiper_ind6_top .swiper-slide .top .desc .tit {
  margin-bottom: 0.3rem;
}

.ind_page .ind6 .cont .swiper_ind6_top .swiper-slide .top .pic {
  width: 10rem;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}

.ind_page .ind6 .cont .swiper_ind6_top .swiper-action {
  position: absolute;
  bottom: 0.4rem;
  left: 0.6rem;
  width: 100%;
  z-index: 2;
  height: auto;
}

.ind_page .ind6 .cont .swiper_ind6_top .swiper-action .navigation {
  justify-content: flex-start;
}

.ind_page .ind6 .bottom {
  margin-top: 0.3rem;
  height: 2rem;
}

.ind_page .ind6 .bottom .swiper_box {
  width: 100%;
  height: 100%;
}

.ind_page .ind6 .bottom .swiper_box .swiper-slide {
  width: 3.7rem;
  height: 100%;
}

.ind_page .ind6 .bottom .swiper_box .swiper-slide .pic {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}

.ind_page .ind7 {
  height: 100vh;
  position: relative;
}

.ind_page .ind7 .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ind_page .ind7 .cont {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: linear-gradient(281deg, rgba(3, 30, 55, 0) 8.81%, #031E37 100%);
  display: flex;
  align-items: center;
  padding: 1rem 1.3rem;
}

.ind_page .ind7 .cont>.mask {
  position: absolute;
  top: -.05rem;
  left: 0;
  width: 100%;
  height: 3.5rem;
  background: linear-gradient(to bottom, #06040E 0%, rgba(13, 25, 85, 0.00) 100%);

}

.ind_page .ind7 .cont>.mask2 {
  position: absolute;
  bottom: -.05rem;
  left: 0;
  width: 100%;
  height: 3.5rem;
  background: linear-gradient(to top, #06040E 0%, rgba(13, 25, 85, 0.00) 100%);
}

.ind_page .ind7 .cont .info {
  max-width: 8rem;

}

.ind_page .ind7 .cont .info .desc {
  position: relative;
  z-index: 4;
}

.ind_page .ind7 .cont .info .desc .tit {
  margin-bottom: 0.4rem;
}

.ind_page .ind7 .cont .info .desc .txt {
  margin-bottom: 0.5rem;
}

.ind_page .ind7 .cont .info .list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}

.ind_page .ind7 .cont .info .list .item {
  width: calc((100% - 0.2rem) / 2);
  padding: 0.2rem;
}

.ind_page .ind7 .cont .info .list .item span {
  font-family: "mst";
  font-weight: 600;
}

.ind_page .ind8 {
  padding: 1.6rem 0;
}

.ind_page .ind8 .cont {
  width: 100%;
}

.ind_page .ind8 .cont .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.5rem;
}

.ind_page .ind8 .cont .center {
  display: flex;
  gap: 0.3rem;
  height: 4.4rem;
  margin-bottom: 0.4rem;
}

.ind_page .ind8 .cont .center .lf {
  width: 8.7rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.35rem 0.6rem 0.3rem;
}

.ind_page .ind8 .cont .center .lf .desc {
  display: flex;
  justify-content: space-between;
}

.ind_page .ind8 .cont .center .lf .pic {
  width: 100%;
  height: 2.75rem;
}

.ind_page .ind8 .cont .center .rg {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  width: calc(100% - 0.3rem - 8.7rem);
}

.ind_page .ind8 .cont .center .rg .item {
  width: 100%;
  height: calc((100% - 0.3rem) / 2);
  padding: 0.25rem 0.6rem;
}

.ind_page .ind8 .cont .center .rg .item .pic {
  width: 100%;
  height: 100%;
}

.ind_page .ind8 .cont .bottom {
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
}

.ind_page .ind8 .cont .bottom .cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #162245 12.61%, rgba(22, 34, 69, 0) 100%);
  padding: 0.52rem 0.6rem;
  display: flex;
  align-items: center;
}

.ind_page .ind8 .cont .bottom .cont .desc {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ind_page .ind9 {
  padding: 1.6rem 0 1.2rem;
}

.ind_page .ind9 .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.ind_page .ind9 .list .item {
  width: calc((100% - 0.6rem) / 3);
  height: 1.9rem;
  padding: 0.2rem 0.3rem;
}

.ind_page .ind9 .list .item .desc .tit {
  margin-bottom: 0.15rem;
}

.news_page {
  padding: 0.7rem 0;
}

.news_page .page_bg {
  background: #F6F7F9;
}

.news_page .news1 {
  padding: 1.6rem 0;
}

.news_page .news1>.cont .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.9rem;
}

.news_page .news1>.cont .top_news {
  border-radius: 0.2rem;
  background: #FFF;
  overflow: hidden;
  width: 100%;
  height: 5rem;
  margin-bottom: 0.8rem;
}

.news_page .news1>.cont .top_news .swiper_top_news {
  width: 100%;
  height: 100%;
}

.news_page .news1>.cont .top_news .swiper_top_news .swiper-slide {
  width: 100%;
  height: 100%;
}

.news_page .news1>.cont .top_news .swiper_top_news .swiper-slide .item {
  width: 100%;
  height: 100%;
  display: flex;
}

.news_page .news1>.cont .top_news .swiper_top_news .swiper-slide .item .pic {
  width: 7.88rem;
}

.news_page .news1>.cont .top_news .swiper_top_news .swiper-slide .item .desc {
  width: calc(100% - 7.88rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.9rem 0.72rem 0.9rem 0.8rem;
}

.news_page .news1>.cont .top_news .swiper_top_news .swiper-slide .item .desc .info .tag {
  display: flex;
  gap: 0.12rem;
  align-items: center;
  margin-bottom: 0.3rem;
}

.news_page .news1>.cont .top_news .swiper_top_news .swiper-slide .item .desc .info .tag .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}

.news_page .news1>.cont .top_news .swiper_top_news .swiper-slide .item .desc .info .tit {
  margin-bottom: 0.15rem;
  transition: all 0.4s ease;
}

.news_page .news1>.cont .top_news .swiper_top_news .swiper-slide .item .desc .txt {
  margin-bottom: 0.5rem;
}

.news_page .news1>.cont .top_news .swiper_top_news .swiper-slide .item:hover .desc .tit {
  color: var(--vicolor);
}

.news_page .news1>.cont .new_list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.3rem;
  row-gap: 0.6rem;
}

.news_page .news1>.cont .new_list .item {
  width: calc((100% - 0.6rem) / 3);
  height: 4.75rem;
  border-radius: 0.15rem;
  overflow: hidden;
  background: #FFF;
}

.news_page .news1>.cont .new_list .item .pic {
  width: 100%;
  height: 2.75rem;
}

.news_page .news1>.cont .new_list .item .desc {
  height: calc(100% - 2.75rem);
  padding: 0.25rem 0.3rem 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news_page .news1>.cont .new_list .item .desc .info .tag {
  display: flex;
  gap: 0.12rem;
  align-items: center;
  margin-bottom: 0.15rem;
}

.news_page .news1>.cont .new_list .item .desc .info .tag .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}

.news_page .news1>.cont .new_list .item .desc .info .tit {
  margin-bottom: 0.3rem;
  transition: all 0.4s ease;
}

.news_page .news1>.cont .new_list .item:hover .desc .tit {
  color: var(--vicolor);
}

.news_page .news_detail {
  padding: 1.6rem 0 1.2rem;
}

.news_page .news_detail .cont {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}

.news_page .news_detail .cont .lf {
  width: 10.7rem;
  border-radius: 0.2rem;
  background: #FFF;
  padding: 0.5rem;
}

.news_page .news_detail .cont .lf .top {
  padding-bottom: 0.35rem;
  border-bottom: 1px solid #E8E9EE;
}

.news_page .news_detail .cont .lf .top .tit {
  margin-bottom: 0.25rem;
}

.news_page .news_detail .cont .lf .top .date {
  display: flex;
  gap: 0.12rem;
  align-items: center;
}

.news_page .news_detail .cont .lf .top .date .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}

.news_page .news_detail .cont .lf .html_cont {
  padding: 0.5rem 0;
}

.news_page .news_detail .cont .lf .html_cont p {
  font-size: 0.16rem;
  font-weight: 500;
  line-height: 2;
  font-family: "mst";
  color: #868686;
}

.news_page .news_detail .cont .lf .html_cont img {
  width: 100%;
  height: auto;
  border-radius: 0.2rem;
  margin: 0.4rem 0;
}

.news_page .news_detail .cont .lf .page_box {
  padding-top: 0.5rem;
  border-top: 1px solid #E8E9EE;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.news_page .news_detail .cont .lf .page_box .page_item .tit {
  transition: all 0.4s ease;
  max-width: 7.3rem;
}

.news_page .news_detail .cont .lf .page_box .page_item:hover .tit {
  color: var(--vicolor);
}

.news_page .news_detail .cont .rg {
  width: calc(100% - 10.7rem - 0.5rem);
  border-radius: 0.2rem;
  overflow: hidden;
  background: #FFF;
  height: fit-content;
  position: sticky;
  top: 1.2rem;
}

.news_page .news_detail .cont .rg .recommend_news {
  width: 100%;
  height: auto;
  padding: 0.35rem 0.25rem 0.4rem;
}

.news_page .news_detail .cont .rg .recommend_news>.tit {
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #E8E9EE;
}

.news_page .news_detail .cont .rg .recommend_news .list {
  display: flex;
  flex-direction: column;
}

.news_page .news_detail .cont .rg .recommend_news .list .item {
  margin-top: 0.35rem;
  width: 100%;
  height: 1rem;
  display: flex;
  cursor: pointer;
}

.news_page .news_detail .cont .rg .recommend_news .list .item .pic {
  width: 1.7rem;
  height: 100%;
  border-radius: 0.08rem;
  overflow: hidden;
}

.news_page .news_detail .cont .rg .recommend_news .list .item .desc {
  width: calc(100% - 1.7rem);
  height: 100%;
  padding-left: 0.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news_page .news_detail .cont .rg .recommend_news .list .item .desc .tit {
  transition: all 0.4s ease;
}

.news_page .news_detail .cont .rg .recommend_news .list .item .desc .date {
  margin-bottom: 0.05rem;
}

.news_page .news_detail .cont .rg .recommend_news .list .item:hover .desc .tit {
  color: var(--vicolor);
}

.news_page .news_detail .cont .rg .btn {
  height: 0.6rem;
  width: 100%;
  background-color: var(--vicolor);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  transition: all 0.4s ease;
}

.news_page .news_detail .cont .rg .btn .btn_icon {
  width: 0.15rem;
  height: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.news_page .news_detail .cont .rg .btn:hover {
  background-color: color-mix(in srgb, var(--vicolor) 80%, #000 20%);
}

.news_page .news_detail .cont .rg .btn:hover .btn_icon {
  transform: translateX(4px);
}

.about_page {
  background: #F6F7F9;
}

.about_page .ab1 {
  padding: 0 0 0.8rem;
}

.about_page .ab1 .cont .top {
  padding-top: 1.3rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.about_page .ab1 .cont .top .line_box {
  position: absolute;
  top: 0.5rem;
  left: 48%;
  transform: translateX(-50%);
  height: calc(100% - 0.5rem);
  width: 0.02rem;
}

.about_page .ab1 .cont .top .line_box .line {
  width: 100%;
  height: 100%;
  background: #EFE1E4;
}

.about_page .ab1 .cont .top .line_box .line2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--vicolor);
  clip-path: inset(0 0 100% 0);
}

.about_page .ab1 .cont .top .line_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.1rem;
  height: 0.1rem;
  background: var(--vicolor);
  border-radius: 50%;
}

.about_page .ab1 .cont .top .big_tit {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  padding-left: 0.5rem;
  position: relative;
  z-index: 2;
}

.about_page .ab1 .cont .top .big_tit .t1 {
  color: #e6e6e6;
}

.about_page .ab1 .cont .top .info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.about_page .ab1 .cont .top .info .pic {
  width: 7.1rem;
  height: 5.4rem;
  border-radius: 0.1rem;
  overflow: hidden;
}

.about_page .ab1 .cont .top .info .desc {
  width: 8.1rem;
  height: auto;
}

.about_page .ab1 .cont .top .info .desc .tit {
  margin-bottom: 0.2rem;
}

.about_page .ab1 .cont .top .info .desc .subtit {
  margin-bottom: 0.4rem;
}

.about_page .ab1 .cont .top .info .desc .txt p {
  margin-bottom: 0.2rem;
}

.about_page .ab1 .cont .top .info .desc .txt p:last-child {
  margin-bottom: 0;
}

.about_page .ab1 .cont .list {
  display: flex;
  gap: 0.32rem;
  margin-top: 0.6rem;
}

.about_page .ab1 .cont .list .item {
  width: calc((100% - 0.64rem) / 3);
  height: 2.95rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  border-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.7);
  padding: 0.4rem 0.5rem;
}

.about_page .ab1 .cont .list .item .icon {
  width: 0.5rem;
  height: 0.5rem;
}

.about_page .ab1 .cont .list .item .tit {
  display: flex;
  align-items: flex-end;
  gap: 0.12rem;
}

.about_page .ab1 .cont .list .item .tit .unit {
  margin-bottom: 0.1rem;
}

.about_page .ab2 {
  padding: 0.8rem 0 0;
}

.about_page .ab2 .cont .info {
  display: flex;
  align-items: center;
  height: 8.75rem;
}

.about_page .ab2 .cont .info .lf {
  width: calc(100% - 7.5rem);
  display: flex;
  align-items: center;
  position: relative;
}

.about_page .ab2 .cont .info .lf .bg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  z-index: 1;
  pointer-events: none;
}

.about_page .ab2 .cont .info .lf .bg svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.about_page .ab2 .cont .info .lf .bg svg path {
  transition: all 0.4s ease;
}

.about_page .ab2 .cont .info .lf .bigyear {
  position: relative;
  z-index: 2;
  font-size: 2.2rem;
  display: flex;
  align-items: center;
  height: 2.6rem;
  overflow: hidden;
}

.about_page .ab2 .cont .info .lf .swiper_ab2_line {
  margin-left: 1.5rem;
  width: 0.25rem;
  height: 4.1rem;
  overflow: hidden;
}

.about_page .ab2 .cont .info .lf .swiper_ab2_line .swiper-slide {
  width: 100%;
  height: auto;
  padding: 0.17rem 0;
}

.about_page .ab2 .cont .info .lf .swiper_ab2_line .swiper-slide .line {
  width: 100%;
  height: 2px;
  background: #666;
  opacity: 0.2;
  transition: all 0.4s ease;
}

.about_page .ab2 .cont .info .lf .swiper_ab2_line .swiper-slide.swiper-slide-active .line {
  background: var(--vicolor);
  opacity: 1;
}

.about_page .ab2 .cont .info .rg {
  width: 7.5rem;
  height: 100%;
  overflow: hidden;
  padding: 0.2rem;
}

.about_page .ab2 .cont .info .rg .swiper_ab2_desc {
  width: 100%;
  height: 100%;
}

.about_page .ab2 .cont .info .rg .swiper_ab2_desc .swiper-slide {
  width: 100%;
}

.about_page .ab2 .cont .info .rg .swiper_ab2_desc .swiper-slide .item {
  width: 100%;
  padding: 0.52rem 0;
  border-bottom: 1px solid #CDCDCD;
}

.about_page .ab2 .cont .info .rg .swiper_ab2_desc .swiper-slide .item .year {
  margin-bottom: 0.3rem;
}

.about_page .ab2 .cont .info .rg .swiper_ab2_desc .swiper-slide .item .desc .tit {
  margin-bottom: 0.15rem;
}

.about_page .ab2 .cont .info .rg .swiper_ab2_desc .swiper-slide:first-child .item {
  padding-top: 0;
}

.about_page .ab3 {
  padding: 0.8rem 0 0.8rem;
}

.about_page .ab3 .cont .list {
  display: flex;
  gap: 0.2rem;
}

.about_page .ab3 .cont .list .item {
  /*width: calc((100% - 0.6rem) / 4);*/
  flex: 1;
  overflow: hidden;
  min-height: 6.5rem;
}

.about_page .ab3 .cont .list .item .pic {
  height: 5.2rem;
  width: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
  margin-bottom: 0.35rem;
}

.about_page .ab3 .cont .list .item .desc .tit {
  margin-bottom: 0.2rem;
}

.about_page .ab4 {
  padding: 0.8rem 0 0.7rem;
}

.about_page .ab4 .cont .desc-tit {
  flex-direction: row;
  justify-content: space-between;
}

.about_page .ab4 .cont .desc-tit .rg {
  width: 8.9rem;
}

.about_page .ab4 .cont .desc-tit .rg .subtit {
  margin-bottom: 0.4rem;
}

.about_page .ab4 .cont .desc-tit .rg .txt p {
  margin-bottom: 0.2rem;
}

.about_page .ab4 .cont .desc-tit .rg .txt p:last-child {
  margin-bottom: 0;
}

.about_page .ab4 .cont .map_box {
  width: 100%;
  height: 6.68rem;
  position: relative;
}

.about_page .ab4 .cont .map_box .bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.about_page .ab4 .cont .map_box .bg .line_svg {
  position: absolute;
  top: 0;
  right: 2.95rem;
  z-index: 1;
  width: auto;
  height: 3.83rem;
}

.about_page .ab4 .cont .map_box .bg .line_svg svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.about_page .ab4 .cont .map_box .bg .line_svg svg path {
  clip-path: inset(0 0 0 100%);
}

为每个路径添加不同的延迟，形成依次绘制的效果 .about_page .ab4 .cont .map_box .bg .line_svg svg path:nth-child(1) {
  animation-delay: 0s;
}

.about_page .ab4 .cont .map_box .bg .line_svg svg path:nth-child(2) {
  animation-delay: 0.3s;
}

.about_page .ab4 .cont .map_box .bg .line_svg svg path:nth-child(3) {
  animation-delay: 0.6s;
}

.about_page .ab4 .cont .map_box .bg .line_svg svg path:nth-child(4) {
  animation-delay: 0.9s;
}

.about_page .ab4 .cont .map_box .bg .line_svg svg path:nth-child(5) {
  animation-delay: 1.2s;
}

.about_page .ab4 .cont .map_box .bg .line_svg svg path:nth-child(6) {
  animation-delay: 1.5s;
}

@keyframes clipReveal {
  from {
    clip-path: inset(0 0 0 100%);
  }

  to {
    clip-path: inset(0 0 0 0);
  }
}

.about_page .ab4 .cont .map_box .bg .line_svg.active path {
  animation: clipReveal 5s ease-in-out infinite;
}

.about_page .ab4 .cont .map_box .dot_list {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.about_page .ab4 .cont .map_box .dot_list .dot_item {
  position: absolute;
}

.about_page .ab4 .cont .map_box .dot_list .dot_item .dot .icon {
  width: 0.35rem;
  height: 0.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about_page .ab4 .cont .map_box .dot_list .dot_item .desc {
  width: fit-content;
  white-space: nowrap;
  position: absolute;
  right: calc(100% + 0.12rem);
  top: 0rem;
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
  text-align: right;
}

.about_page .ab4 .cont .map_box .dot_list .dot_item .desc.right {
  right: auto;
  left: calc(100% + 0.12rem);
  text-align: left;
}

.about_page .ab4 .cont .map_box .dot_list .dot_item.zongbu .dot .icon {
  width: 0.44rem;
  height: 0.44rem;
}

.about_page .ab5 {
  padding: 0.8rem 0 1.5rem;
}

.about_page .ab5>.cont .desc-tit {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.4rem;
}

.about_page .ab5>.cont .bottom {
  /*display: flex;*/
  justify-content: space-between;
  gap: 1rem;
  height: 4.35rem;
  display: none;
  opacity: 0;
  transition: all .4s ease;
  /* display: flex; */
}

.about_page .ab5>.cont .bottom.active {
  display: flex;
  opacity: 1;
}

.about_page .ab5>.cont .bottom .lf {
  width: 7.95rem;
  height: 100%;
}

.about_page .ab5>.cont .bottom .lf .desc .tit {
  margin-bottom: 0.4rem;
  margin-top: 0.25rem;
  transform: translateX(50%);
  opacity: 0;
  transition: all .4s;
}
.about_page .ab5>.cont .bottom.active .lf .desc .tit {
  transform: translateX(0);
  opacity: 1;
}
.about_page .ab5>.cont .bottom .lf .desc .txt p {
  margin-bottom: 0.2rem;
}

.about_page .ab5>.cont .bottom .lf .desc .txt p:last-child {
  margin-bottom: 0;
}

.about_page .ab5>.cont .bottom .rg {
  width: 7.8rem;
  height: 100%;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}

.about_page .ab5>.cont .bottom .rg .pic {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}

.about_page .ab5>.cont .bottom .rg .cont {
  pointer-events: none;
  position: absolute;
  inset: 0;
  padding: 0.4rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 51.28%, rgba(0, 0, 0, 0.54) 100%);
}

.about_page .ab5>.cont .bottom .rg .cont .play_btn {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 0.1rem;
  position: absolute;
  bottom: 0.35rem;
  left: 0.4rem;
  z-index: 2;
}

.about_page .ab5>.cont .bottom .rg .cont .play_btn .icon {
  width: 0.4rem;
  height: 0.4rem;
  flex-shrink: 0;
  transition: all 0.4s ease;
}

.about_page .ab5>.cont .bottom .rg .cont .play_btn:hover .icon {
  transform: scale(1.1);
}

.about_page .ab6 {
  position: relative;
  height: 100vh;
  min-height: 10rem;
}

.about_page .ab6 .bg {
  position: relative;
  overflow: hidden;
}

.about_page .ab6 .bg .mask {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(109deg, rgba(0, 0, 0, 0.2) 16.53%, rgba(0, 0, 0, 0) 86.94%);
}

.about_page .ab6>.cont {
  position: absolute;
  inset: 0;
  z-index: 2;
  padding: 0.8rem 1.6rem 0.8rem;
}

.about_page .ab6>.cont .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.15rem;
}

.about_page .ab6>.cont .top .desc-tit {
  margin-bottom: 0;
}

.about_page .ab6>.cont .top .logo {
  width: 1.6rem;
  height: 1.6rem;
}

.about_page .ab6>.cont .card_box {
  width: 100%;
  height: 7.3rem;
  border-radius: 0.2rem;
  background: #FFF;
  display: flex;
}

.about_page .ab6>.cont .card_box .lf {
  width: 50%;
  border-right: 1px solid #E2E2E2;
  padding: 0.85rem 0.85rem 0.3rem 0.8rem;
}

.about_page .ab6>.cont .card_box .lf .list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.2rem;
  row-gap: 0.5rem;
  justify-content: space-between;
}

.about_page .ab6>.cont .card_box .lf .list .item {
  width: calc((100% - 0.2rem) / 2);
  display: flex;
  flex-direction: column;
  max-width: 2.8rem;
}

.about_page .ab6>.cont .card_box .lf .list .item .num {
  margin-bottom: 0.17rem;
}

.about_page .ab6>.cont .card_box .lf .list .item .desc .tit {
  margin-bottom: 0.15rem;
}

.about_page .ab6>.cont .card_box .rg {
  width: calc(50% - 1px);
  padding: 1.2rem 0.75rem 0.3rem 1rem;
}

.about_page .ab6>.cont .card_box .rg .desc .tit {
  margin-bottom: 0.5rem;
}

.about_page .ab6>.cont .card_box .rg .desc .txt {
  margin-bottom: 0.55rem;
}

.about_page .ab6>.cont .card_box .rg .desc .link {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  text-decoration: underline;
}

.about_page .ab6>.cont .card_box .rg .desc .link .icon {
  width: 0.25rem;
  height: 0.25rem;
  flex-shrink: 0;
}

.about_page .ab7 {
  padding: 0.8rem 0 0.8rem;
}

.about_page .ab7 .cont .desc-tit {
  margin-bottom: .4rem;
}

.about_page .ab7>.cont .list {
  display: flex;
  gap: 0.34rem;
  margin-bottom: 0.6rem;
}

.about_page .ab7>.cont .list .item {
  width: calc((100% - 0.68rem) / 3);
  border-radius: 0.2rem;
  background: #FFF;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 0.3rem;
  gap: 0.3rem;
}

.about_page .ab7>.cont .list .item .pic {
  width: 100%;
}

.about_page .ab7>.cont .subtit {
  margin-bottom: 0.4rem;
}

.about_page .ab7>.cont .list2 {
  display: flex;
  gap: 0.2rem;
  width: 100%;
  height: 2.9rem;
}

.about_page .ab7>.cont .list2 .item {
  border-radius: 0.2rem;
  background: #FFF;
  padding: 0.15rem;
  height: 100%;
  width: 2rem;
}

.about_page .ab7>.cont .list2 .item .pic {
  margin-bottom: 0.15rem;
  width: 100%;
  height: 1.8rem;
}

.about_page .ab7>.cont .list2 .item .desc .tit {
  margin-bottom: 0.18rem;
}

.about_page .ab7>.cont .list2 .item_col {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 5.6rem;
  height: 100%;
}

.about_page .ab7>.cont .list2 .item_col .col_item {
  border-radius: 0.2rem;
  background: #FFF;
  overflow: hidden;
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  padding: 0.25rem;
  gap: 0.25rem;
}

.about_page .ab7>.cont .list2 .item_col .col_item .pic {
  width: 1.8rem;
  height: auto;
  flex-shrink: 0;
}

.about_page .ab8 {
  padding: 0.8rem 0 0.8rem;
  width: 100%;
  overflow: hidden;
}

.about_page .ab8>.cont .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.7rem;
}

.about_page .ab8>.cont .top .desc-tit {
  margin-bottom: 0;
}

.about_page .ab8>.cont .bottom .swiper_ab8_list .swiper-slide {
  width: 5.1rem;
  height: 4.75rem;
  margin-right: 0.3rem;
}

.about_page .ab8>.cont .bottom .swiper_ab8_list .swiper-slide .item {
  width: 100%;
  height: 100%;
  border-radius: 0.15rem;
  background: #FFF;
  overflow: hidden;
}

.about_page .ab8>.cont .bottom .swiper_ab8_list .swiper-slide .item .pic {
  width: 100%;
  height: 2.75rem;
}

.about_page .ab8>.cont .bottom .swiper_ab8_list .swiper-slide .item .desc {
  height: calc(100% - 2.75rem);
  padding: 0.25rem 0.3rem 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.about_page .ab8>.cont .bottom .swiper_ab8_list .swiper-slide .item .desc .info .tag {
  display: flex;
  gap: 0.12rem;
  align-items: center;
  margin-bottom: 0.15rem;
}

.about_page .ab8>.cont .bottom .swiper_ab8_list .swiper-slide .item .desc .info .tag .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}

.about_page .ab8>.cont .bottom .swiper_ab8_list .swiper-slide .item .desc .info .tit {
  transition: all 0.4s ease;
}

.about_page .ab8>.cont .bottom .swiper_ab8_list .swiper-slide .item:hover .desc .info .tit {
  color: var(--vicolor);
}

.about_page .ab8>.cont .bottom .swiper_ab8_list .swiper-action {
  margin-top: 0.5rem;
  display: flex;
  gap: 0.55rem;
  align-items: center;
  justify-content: space-between;
}

.services_page .serv1 {
  padding: 1.4rem 0 0rem;
  width: 100%;
  overflow: hidden;
  height: 100vh;
  min-height: 10rem;
  position: relative;
}

.services_page .serv1 .bg {
  height: 4.7rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.services_page .serv1>.cont {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.services_page .serv1>.cont .desc-tit {
  margin-bottom: 0.8rem;
}

.services_page .serv1>.cont .list {
  margin-top: auto;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.32rem;
}

.services_page .serv1>.cont .list .item {
  width: calc((100% - 0.96rem) / 4);
  display: flex;
  gap: 0.32rem;
  position: relative;
  min-height: 4.3rem;
}

@keyframes pulse {
  0% {
    width: 0.75rem;
    height: 0.75rem;
    opacity: 0.1;
  }

  100% {
    width: 1.02rem;
    height: 1.02rem;
    opacity: 0.3;
  }
}

.services_page .serv1>.cont .list .item .line {
  position: absolute;
  left: 0.36rem;
  top: 0;
}

.services_page .serv1>.cont .list .item .icon {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  background-color: var(--vicolor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.services_page .serv1>.cont .list .item .icon img {
  width: 50%;
  height: 50%;
}

.services_page .serv1>.cont .list .item .icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.02rem;
  height: 1.02rem;
  background-color: var(--vicolor);
  opacity: 0.1;
  border-radius: 50%;
  animation: pulse 2s infinite alternate;
}

.services_page .serv1>.cont .list .item .desc .tit {
  margin-bottom: 0.1rem;
}

.services_page .serv1>.cont .list .item:nth-of-type(1) {
  transform: translateY(-1rem);
}

.services_page .serv1>.cont .list .item:nth-of-type(2) {
  transform: translateY(0rem);
}

.services_page .serv1>.cont .list .item:nth-of-type(3) {
  transform: translateY(-1.5rem);
}

.services_page .serv1>.cont .list .item:nth-of-type(4) {
  transform: translateY(-0.5rem);
}

.services_page .serv2 {
  padding: 0.5rem 0;
  width: 100%;
  overflow: hidden;
}

.services_page .serv2>.cont .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.7rem;
}

.services_page .serv2>.cont .top .desc-tit {
  margin-bottom: 0;
}

.services_page .serv2>.cont .bottom .swiper_serv2_list .swiper-slide {
  width: 5rem;
  height: 4.75rem;
  margin-right: 0.3rem;
}

.services_page .serv2>.cont .bottom .swiper_serv2_list .swiper-slide .item {
  width: 100%;
  height: 100%;
  border-radius: 0.15rem;
  background: #FFF;
  overflow: hidden;
}

.services_page .serv2>.cont .bottom .swiper_serv2_list .swiper-slide .item .pic {
  width: 100%;
  height: 2.75rem;
}

.services_page .serv2>.cont .bottom .swiper_serv2_list .swiper-slide .item .desc {
  height: calc(100% - 2.75rem);
  padding: 0.25rem 0.3rem 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.services_page .serv2>.cont .bottom .swiper_serv2_list .swiper-slide .item .desc .info .tag {
  display: flex;
  gap: 0.12rem;
  align-items: center;
  margin-bottom: 0.15rem;
}

.services_page .serv2>.cont .bottom .swiper_serv2_list .swiper-slide .item .desc .info .tag .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}

.services_page .serv2>.cont .bottom .swiper_serv2_list .swiper-slide .item .desc .info .tit {
  transition: all 0.4s ease;
}

.services_page .serv2>.cont .bottom .swiper_serv2_list .swiper-slide .item:hover .desc .info .tit {
  color: var(--vicolor);
}

.services_page .serv2>.cont .bottom .swiper_serv2_list .swiper-action {
  margin-top: 0.5rem;
  display: flex;
  gap: 0.55rem;
  align-items: center;
  justify-content: space-between;
}

.services_page .serv3 {
  padding: 1.9rem 0 3rem;
  position: relative;
}

.services_page .serv3 .bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.services_page .serv3 .bg .mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #F6F7F9 0%, rgba(246, 247, 249, 0.47) 25.76%, rgba(246, 247, 249, 0.39) 82.05%, #F6F7F9 100%);
}

.services_page .serv3>.cont {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}

.services_page .serv3>.cont .lf {
  width: 4.85rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  justify-content: space-between;
}

.services_page .serv3>.cont .lf .info>.tit {
  margin-bottom: 0.5rem;
}

.services_page .serv3>.cont .lf .info .list {
  display: flex;
  gap: 0.2rem;
  justify-content: space-between;
}

.services_page .serv3>.cont .lf .info .list .item {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

.services_page .serv3>.cont .lf .info .list .item .tit {
  display: flex;
  gap: 0.12rem;
  align-items: center;
}

.services_page .serv3>.cont .lf .info .list .item .tit .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.services_page .serv3>.cont .rg {
  width: 8.95rem;
}

.services_page .serv4 {
  padding: 0.1rem 0 0.8rem;
}

.services_page .serv4>.cont .desc-tit {
  margin-bottom: 0.4rem;
}

.services_page .serv4>.cont .bottom {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
}

.services_page .serv4>.cont .bottom .lf {
  width: 2.7rem;
  flex-shrink: 0;
  position: sticky;
  top: 1.2rem;
  height: fit-content;
}

.services_page .serv4>.cont .bottom .lf .list {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.services_page .serv4>.cont .bottom .lf .list .item {
  cursor: pointer;
}

.services_page .serv4>.cont .bottom .lf .list .item .tit {
  padding: 0.15rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.services_page .serv4>.cont .bottom .lf .list .item .tit .icon {
  width: 0.15rem;
  height: 0.15rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.services_page .serv4>.cont .bottom .lf .list .item .ul {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}

.services_page .serv4>.cont .bottom .lf .list .item .ul .li {
  padding: 0.15rem 0.2rem 0.15rem 0.38rem;
  border-radius: 0.08rem;
  cursor: pointer;
  transition: all 0.4s ease;
}

.services_page .serv4>.cont .bottom .lf .list .item .ul .li:hover,
.services_page .serv4>.cont .bottom .lf .list .item .ul .li.active {
  background-color: #fff;
  color: var(--vicolor);
}

.services_page .serv4>.cont .bottom .lf .list .item.active .tit .icon {
  transform: rotate(180deg);
}

.services_page .serv4>.cont .bottom .lf .list .item.active .tit .icon .img2 {
  opacity: 1;
}

.services_page .serv4>.cont .bottom .lf .list .item.active .tit .icon .img1 {
  opacity: 0;
}

.services_page .serv4>.cont .bottom .lf .list .item.active .ul {
  max-height: 6rem;
  margin-top: 0.15rem;
}

.services_page .serv4>.cont .bottom .rg {
  width: calc(100% - 2.7rem - 0.6rem);
  border-radius: 0.1rem;
  background: #FFF;
  padding: 0.7rem 0.6rem;
}

.services_page .serv4>.cont .bottom .rg .tit {
  margin-bottom: 0.35rem;
}

.services_page .serv4>.cont .bottom .rg .list1 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.32rem;
  display: none;
}

.services_page .serv4>.cont .bottom .rg .list1 .item {
  width: calc((100% - 0.64rem) / 3);
  height: 2.55rem;
  border-radius: 0.1rem;
  border: 1px solid #EBEBEB;
  background: #FFF;
  padding: 0.4rem 0.4rem 0.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.services_page .serv4>.cont .bottom .rg .list1 .item .desc .icon {
  width: 0.4rem;
  height: 0.4rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
}

.services_page .serv4>.cont .bottom .rg .list1 .item .desc .tit {
  margin-bottom: 0.12rem;
}

.services_page .serv4>.cont .bottom .rg .list1 .item .btn {
  display: flex;
  gap: 0.12rem;
  align-items: center;
}

.services_page .serv4>.cont .bottom .rg .list1 .item .btn .icon {
  width: 0.28rem;
  height: 0.28rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.services_page .serv4>.cont .bottom .rg .list1 .item:hover {
  border-color: var(--vicolor);
}

.services_page .serv4>.cont .bottom .rg .list1 .item:hover .desc .tit {
  color: var(--vicolor);
}

.services_page .serv4>.cont .bottom .rg .list2 {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.32rem;
  row-gap: 0.4rem;
  display: none;
}

.services_page .serv4>.cont .bottom .rg .list2 .item {
  width: calc((100% - 0.64rem) / 3);
  display: flex;
  flex-direction: column;
}

.services_page .serv4>.cont .bottom .rg .list2 .item .pic {
  border-radius: 0.1rem;
  overflow: hidden;
  margin-bottom: 0.2rem;
  position: relative;
  cursor: pointer;
}

.services_page .serv4>.cont .bottom .rg .list2 .item .pic .info {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.77%, rgba(0, 0, 0, 0.42) 87.74%);
  padding: 0.2rem;
  display: flex;
}

.services_page .serv4>.cont .bottom .rg .list2 .item .pic .info .play_btn {
  width: 0.32rem;
  height: 0.32rem;
  align-self: flex-end;
}

.services_page .serv4>.cont .bottom .rg .list2 .item:hover .desc .tit {
  color: var(--vicolor);
}

.services_page .serv4>.cont .bottom .rg .list1.active,
.services_page .serv4>.cont .bottom .rg .list2.active {
  display: flex;
}

.form_box {
  width: 100%;
}

.form_box .tit {
  margin-bottom: 0.6rem;
}

.form_box .required {
  color: #FF0000;
}

.form_box .form_row {
  width: 100%;
  display: flex;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
}

.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;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  transition: all 0.4s ease;
  font-size: 0.2rem;
}

.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-bottom: 1px solid #ccc;
  background: transparent;
  transition: all 0.4s ease;
}

.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: 1rem;
  padding: 0.16rem 0.1rem .16rem .1rem;
  resize: none;
  margin-top: .2rem;
}

.form_box .form_row .form_item.focus label {
  top: 0;
  transform: translateY(-100%);
  font-size: 0.12rem;
}

.form_box .form_btn {
  margin-top: 0.6rem;
  width: 100%;
  height: 0.58rem;
  border-radius: 0.08rem;
  overflow: hidden;
  background-color: var(--vicolor);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  cursor: pointer;
  transition: all 0.4s ease;
}

.form_box .form_btn .icon {
  width: 0.15rem;
  height: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.form_box .form_btn:hover .icon {
  transform: translateX(4px);
}

.form_box .form_btn:hover {
  background-color: color-mix(in srgb, var(--vicolor) 80%, #000 20%);
}

.developer_page .rd1 {
  min-height: 10.8rem;
  position: relative;
  padding-bottom: 1.2rem;
  margin-top: 1.3rem;
}

.developer_page .rd1 .qiu_list {
  position: absolute;
  inset: 0;
}

.developer_page .rd1 .qiu_list .item {
  position: absolute;
  width: 3rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  gap: 0.1rem;
}

.developer_page .rd1 .qiu_list .item .content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  padding: 0.3rem;
}

.developer_page .rd1 .qiu_list .item .content .num {
  white-space: nowrap;
  transition: all 0.4s ease;
}

.developer_page .rd1 .qiu_list .item .content .tit {
  text-align: center;
  transition: all 0.4s ease;
}

.developer_page .rd1 .qiu_list .item .bg {
  position: absolute;
  inset: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  overflow: hidden;
  transition: all 0.4s ease;
}

.developer_page .rd1 .qiu_list .item .bg img {
  width: 50%;
  height: 50%;
}

.developer_page .rd1 .qiu_list .item .bg2 {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.developer_page .rd1 .qiu_list .item .bg2 img {
  width: 100%;
  height: 100%;
}

.developer_page .rd1 .qiu_list .item .bg2 {
  transition: all 0.4s ease;
  transform: translateX(-0.3rem) translateY(0rem) rotate(190deg);
}

.developer_page .rd1 .qiu_list .item:nth-of-type(1) {
  left: 1.83rem;
  bottom: 1rem;
}

.developer_page .rd1 .qiu_list .item:nth-of-type(2) {
  left: 5.3rem;
  top: 3rem;
  width: 2.2rem;
}

.developer_page .rd1 .qiu_list .item:nth-of-type(2) .bg2 {
  transform: translateX(0.3rem) translateY(0rem) rotate(0deg);
}

.developer_page .rd1 .qiu_list .item:nth-of-type(2):hover .bg2 {
  transform: translateX(0.3rem) translateY(0rem) rotate(45deg);
}

.developer_page .rd1 .qiu_list .item:nth-of-type(2) .content .num {
  font-size: 0.4rem;
}

.developer_page .rd1 .qiu_list .item:nth-of-type(3) {
  left: 7.1rem;
  bottom: 1.6rem;
  width: 3.14rem;
}

.developer_page .rd1 .qiu_list .item:nth-of-type(4) {
  left: 10rem;
  top: 1.4rem;
  width: 3.42rem;
}

.developer_page .rd1 .qiu_list .item:nth-of-type(4) .bg2 {
  transform: translateX(0.5rem) translateY(0rem) rotate(30deg);
}

.developer_page .rd1 .qiu_list .item:nth-of-type(4):hover .bg2 {
  transform: translateX(0.25rem) translateY(0.3rem) rotate(65deg);
}

.developer_page .rd1 .qiu_list .item:nth-of-type(5) {
  left: 0.8rem;
  bottom: 5rem;
  width: 2.6rem;
}

.developer_page .rd1 .qiu_list .item:nth-of-type(5) .bg2 {
  transform: translateX(0.3rem) translateY(0.1rem) rotate(30deg);
}

.developer_page .rd1 .qiu_list .item:nth-of-type(5):hover .bg2 {
  transform: translateX(0.2rem) translateY(0.2rem) rotate(65deg);
}

.developer_page .rd1 .qiu_list .item:nth-of-type(6) {
  right: 1.3rem;
  top: 3rem;
  width: 2.8rem;
}
.developer_page .rd1 .qiu_list .item:nth-of-type(7){
    right: 3.3rem;
    bottom: .5rem;
    
    /*top: 5rem;*/
}

.developer_page .rd1 .qiu_list .item:nth-of-type(1):hover .content .num,
.developer_page .rd1 .qiu_list .item:nth-of-type(4):hover .content .num,
.developer_page .rd1 .qiu_list .item:nth-of-type(5):hover .content .num,
.developer_page .rd1 .qiu_list .item:nth-of-type(6):hover .content .num {
  font-size: 0.7rem;
}

.developer_page .rd1 .qiu_list .item:nth-of-type(2):hover .content .num,
.developer_page .rd1 .qiu_list .item:nth-of-type(3):hover .content .num {
  font-size: 0.56rem;
}

.developer_page .rd1 .qiu_list .item:hover .bg {
  background-color: var(--vicolor);
}

.developer_page .rd1 .qiu_list .item:hover .content .num {
  color: #fff;
}

.developer_page .rd1 .qiu_list .item:hover .content .tit {
  color: #fff;
}

.developer_page .rd1 .qiu_list .item:hover .bg2 {
  transform: translateX(-0.3rem) translateY(-0.1rem) rotate(245deg);
}

.developer_page .rd2 {
  padding: 1.8rem 0 0.8rem;
  height: 220vh;
}

.developer_page .rd2 .inner {
  position: sticky;
  top: 1.1rem;
  overflow: hidden;
}

.developer_page .rd2 .cont {
  display: flex;
  justify-content: space-between;
  height: 8.9rem;
  position: relative;
}

.developer_page .rd2 .cont .lf {
  width: 7.5rem;
  height: 100%;
}

.developer_page .rd2 .cont .lf .pic {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}

.developer_page .rd2 .cont .rg {
  width: calc(100% - 7.5rem);
  height: 100%;
  padding-left: 1.2rem;
  padding-top: 0.6rem;
}

.developer_page .rd2 .cont .swiper_rd2 {
  position: absolute;
  bottom: 0.7rem;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: auto;
  padding-left: 1.3rem;
}

.developer_page .rd2 .cont .swiper_rd2 .swiper-wrapper {
  height: 4rem;
  width: 100%;
}

.developer_page .rd2 .cont .swiper_rd2 .swiper-wrapper .swiper-slide {
  width: 5.7rem;
  margin-right: 0.4rem;
  height: 100%;
}

.developer_page .rd2 .cont .swiper_rd2 .swiper-wrapper .swiper-slide .item {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  background: #FFF;
  padding: 0.7rem 0.6rem 0.2rem;
  position: relative;
}

.developer_page .rd2 .cont .swiper_rd2 .swiper-wrapper .swiper-slide .item .num {
  position: absolute;
  top: 0.36rem;
  right: 0.4rem;
}

.developer_page .rd2 .cont .swiper_rd2 .swiper-wrapper .swiper-slide .item .desc .icon {
  width: 0.6rem;
  height: 0.6rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
}

.developer_page .rd2 .cont .swiper_rd2 .swiper-wrapper .swiper-slide .item .desc .tit {
  margin-bottom: 0.5rem;
}

.developer_page .rd2 .cont .swiper_rd2 .swiper-wrapper .swiper-slide .item .ul .li {
  margin-bottom: 0.2rem;
  position: relative;
  padding-left: 0.22rem;
}

.developer_page .rd2 .cont .swiper_rd2 .swiper-wrapper .swiper-slide .item .ul .li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.12rem;
  height: 0.03rem;
  background-color: var(--vicolor);
}

.developer_page .rd2 .cont .swiper_rd2 .swiper-wrapper .swiper-slide .item .ul .li:last-child {
  margin-bottom: 0;
}

.developer_page .rd3 {
  padding: 0.8rem 0;
}

.developer_page .rd3 .cont .list {
  display: flex;
  flex-direction: column;
}

.developer_page .rd3 .cont .list .item {
  padding: 0.5rem 0;
  border-bottom: 1px solid #D3D3D3;
}

.developer_page .rd3 .cont .list .item .tit {
  margin-bottom: 0.15rem;
}
.developer_page .rd3 .cont .list .item .tit strong{
    font-weight: 600;
    font-family: var(--fw600);
}
.developer_page .rd3 .cont .list .item:first-child {
  padding-top: 0;
}

.developer_page .rd3 .cont .list .item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.developer_page .rd4 {
  padding: 0.8rem 0;
}

.developer_page .rd4 .cont .card_box {
  border-radius: 0.2rem;
  background: #FFF;
  height: 7.4rem;
  display: flex;
  justify-content: space-between;
  padding: 0.58rem 0.5rem;
}

.developer_page .rd4 .cont .card_box .lf {
  width: calc(100% - 8.3rem);
  padding-right: 0.7rem;
}

.developer_page .rd4 .cont .card_box .lf>.tit {
  margin-bottom: 0.4rem;
}

.developer_page .rd4 .cont .card_box .lf .list {
  width: 100%;
  height: 4.96rem;
  overflow-y: auto;
  padding-right: 0.05rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.developer_page .rd4 .cont .card_box .lf .list .item {
  flex-shrink: 0;
  padding: 0.25rem;
  border-radius: 0.1rem;
  overflow: hidden;
  background-color: #F6F7F9;
  cursor: pointer;
  transition: all 0.4s ease;
}

.developer_page .rd4 .cont .card_box .lf .list .item .tit {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.developer_page .rd4 .cont .card_box .lf .list .item .tit .icon {
  width: 0.36rem;
  height: 0.36rem;
  flex-shrink: 0;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.developer_page .rd4 .cont .card_box .lf .list .item .tit .icon img,
.developer_page .rd4 .cont .card_box .lf .list .item .tit .icon svg {
  width: 40%;
  height: 40%;
  transition: all 0.4s ease;
}

.developer_page .rd4 .cont .card_box .lf .list .item .info {
  max-height: 0;
  overflow: hidden;
  padding-left: 0.6rem;
  transition: all 0.4s ease;
}

.developer_page .rd4 .cont .card_box .lf .list .item.active {
  padding: 0.32rem 0.25rem;
}

.developer_page .rd4 .cont .card_box .lf .list .item.active .tit .icon {
  transform: rotate(180deg);
  background-color: var(--vicolor);
}

.developer_page .rd4 .cont .card_box .lf .list .item.active .tit .icon svg path {
  stroke: #fff;
}

.developer_page .rd4 .cont .card_box .lf .list .item.active .info {
  max-height: 3rem;
  margin-top: 0.15rem;
}

.developer_page .rd4 .cont .card_box .rg {
  width: 8.3rem;
  height: 100%;
}

.developer_page .rd4 .cont .card_box .rg .swiper_rd4_rg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.developer_page .rd4 .cont .card_box .rg .swiper_rd4_rg .swiper-slide {
  width: 100%;
  height: 100%;
  background-color: #F6F7F9;
  border-radius: 0.2rem;
  overflow: hidden;
}

.developer_page .rd4 .cont .card_box .rg .swiper_rd4_rg .swiper-slide .pic {
  width: 100%;
  height: 100%;
}

.developer_page .rd5 {
  padding: 0.8rem 0;
  position: relative;
}

.developer_page .rd5>.cont .list {
  display: flex;
  gap: 1.1rem;
}

.developer_page .rd5>.cont .list .item {
  width: calc((100% - 2.2rem) / 3);
}

.developer_page .rd5>.cont .list .item .tit {
  margin-bottom: 0.4rem;
}

.developer_page .rd5>.cont .list .item .line {
  width: 100%;
  height: 1px;
  background-color: #D3D3D3;
  margin-bottom: 0.2rem;
  position: relative;
}

.developer_page .rd5>.cont .list .item .line::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.6rem;
  background-color: var(--vicolor);
  height: 3px;
  transition: all 0.8s ease;
}

.developer_page .rd5>.cont .list .item .txt p {
  margin-bottom: 0.12rem;
}

.developer_page .rd5>.cont .list .item .txt p:last-child {
  margin-bottom: 0;
}

.developer_page .rd5>.cont .list .item:hover .line::before {
  width: 1.2rem;
}

.developer_page .rd5 .map_box {
  position: relative;
}

.developer_page .rd5 .map_box .bg {
  width: 100%;
  height: 100%;
}

.developer_page .rd5 .map_box .bg .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  background: linear-gradient(180deg, rgba(246, 247, 249, 0.00) 0%, #F6F7F9 100%);
}

.developer_page .rd5 .map_box .cont {
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 0 1.3rem;
}

.developer_page .rd5 .map_box .cont .card_list {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: fit-content;
}

.developer_page .rd5 .map_box .cont .card_list .item {
  border-radius: 0.2rem;
  background: #FFF;
  overflow: hidden;
  width: 6rem;
  min-height: 7.5rem;
  display: none;
}

.developer_page .rd5 .map_box .cont .card_list .item.active {
  display: block;
}

.developer_page .rd5 .map_box .cont .card_list .item .desc {
  padding: 0.5rem;
}

.developer_page .rd5 .map_box .cont .card_list .item .desc .tit {
  margin-bottom: 0.34rem;
}

.developer_page .rd5 .map_box .cont .card_list .item .desc .ul .li {
  margin-bottom: 0.2rem;
  position: relative;
  padding-left: 0.22rem;
}

.developer_page .rd5 .map_box .cont .card_list .item .desc .ul .li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.12rem;
  height: 0.03rem;
  background-color: var(--vicolor);
}

.developer_page .rd5 .map_box .cont .card_list .item .desc .ul .li:last-child {
  margin-bottom: 0;
}

.developer_page .rd5 .map_box .cont .type_list {
  position: absolute;
  bottom: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
}

.developer_page .rd5 .map_box .cont .point_list {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

@keyframes point_list_anim {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0.1rem);
  }
}

.developer_page .rd5 .map_box .cont .point_list .item {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  gap: 0.12rem;
  pointer-events: auto;
  opacity: 0;
  transition: all 0.4s ease;
}

.developer_page .rd5 .map_box .cont .point_list .item.active {
  opacity: 1;
}

.developer_page .rd5 .map_box .cont .point_list .item .icon {
  width: 0.55rem;
  height: 0.55rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.developer_page .rd6 {
  padding: 1.6rem 0;
}

.developer_page .rd6 .cont .desc-tit {
  margin-bottom: 0.5rem;
}

.developer_page .rd6 .cont .type_list {
  margin-bottom: 0.6rem;
}

.developer_page .rd6 .cont .list {
  padding-left: 1.3rem;
}

.developer_page .rd6 .cont .list .item {
  display: none;
  justify-content: space-between;
}

.developer_page .rd6 .cont .list .item .lf {
  width: 6.3rem;
  padding-right: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.developer_page .rd6 .cont .list .item .lf .desc {
  margin-top: 0.6rem;
}

.developer_page .rd6 .cont .list .item .lf .desc .tit {
  margin-bottom: 0.34rem;
}

.developer_page .rd6 .cont .list .item .lf .swiper-action {
  margin-top: 0.5rem;
  display: flex;
  gap: 0.35rem;
  align-items: center;
  justify-content: space-between;
}

.developer_page .rd6 .cont .list .item .rg {
  width: calc(100% - 6.3rem);
}

.developer_page .rd6 .cont .list .item .rg .swiper_rd6_rg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.developer_page .rd6 .cont .list .item .rg .swiper_rd6_rg .swiper-slide {
  width: 4rem;
  height: auto;
  margin-right: 0.3rem;
}

.developer_page .rd6 .cont .list .item .rg .swiper_rd6_rg .swiper-slide .pic {
  width: 100%;
  height: 5.3rem;
  border-radius: 0.2rem;
  overflow: hidden;
}

.developer_page .rd6 .cont .list .item .rg .swiper_rd6_rg .swiper-slide .tit {
  margin-top: 0.25rem;
}

.developer_page .rd6 .cont .list .item.active {
  display: flex;
}

.search_page {
  background: #F6F7F9;
}

.search_page .search_box .top {
  width: 100%;
  padding: 1.9rem 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background: url(../img/search_bg.png) no-repeat center center;
  background-size: cover;
}

.search_page .search_box .top .tit {
  color: #221815;
  margin-bottom: 0.6rem;
}

.search_page .search_box .top .form {
  margin-bottom: 0.8rem;
}

.search_page .search_box .top .form .form_item {
  width: 10rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  overflow: hidden;
  position: relative;
}

.search_page .search_box .top .form .form_item input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  padding: 0.2rem 0.4rem;
}

.search_page .search_box .top .form .form_item input::placeholder {
  color: rgba(51, 51, 51, 0.2509803922);
  font-size: 0.16rem;
  font-weight: 300;
  font-family: "mst";
}

.search_page .search_box .top .form .form_item .btn {
  border: none;
  position: absolute;
  right: 0.08rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.44rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--vicolor);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.4s ease;
}

.search_page .search_box .top .form .form_item .btn img {
  width: 0.24rem;
  height: 0.24rem;
}
.search_page .search_box .top .form .form_item .clear{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .6rem;
    width: .4rem;
    height: .4rem;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    transition: all .4s ease;
}
.search_page .search_box .top .form .form_item .clear:hover{
    transform: translateY(-50%) rotate(90deg) ;
}

.search_page .search_box .top .form .form_item .clear img {
    width: .2rem;
    height: .2rem;
    opacity: .5;
    transition: all .4s;
}
.search_page .search_box .top .form .form_item .clear:hover img{
  opacity: 1;
}

.search_page .search_box .top .form .form_item .btn:hover {
  background: color-mix(in srgb, var(--vicolor) 80%, #000 20%);
}

.search_page .search_box .top .filter_list {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  border-bottom: 1px solid #DFDFDF;
}

.search_page .search_box .top .filter_list .item {
  padding: 0.2rem 0;
  cursor: pointer;
  position: relative;
  transition: all 0.4s ease;
}

.search_page .search_box .top .filter_list .item::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--vicolor);
  transition: all 0.4s ease;
}

.search_page .search_box .top .filter_list .item.active {
  color: var(--vicolor);
}

.search_page .search_box .top .filter_list .item.active::before {
  width: 100%;
}

.search_page .search_box .cont {
  min-height: 50vh;
  padding: 0.8rem 1.3rem 1.6rem;
}

.search_page .search_box .cont .products_list {
  flex-wrap: wrap;
  column-gap: 0.2rem;
  row-gap: 0.36rem;
  display: none;
}

.search_page .search_box .cont .products_list .item {
  width: calc((100% - 0.4rem) / 3);
  height: 2.6rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background: #FFF;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.24rem;
  padding: 0.34rem 0.2rem;
  transition: all 0.4s ease;
}

.search_page .search_box .cont .products_list .item .is_new {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
}

.search_page .search_box .cont .products_list .item .is_new svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.search_page .search_box .cont .products_list .item .pic {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.search_page .search_box .cont .products_list .item .desc {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.search_page .search_box .cont .products_list .item .desc .info .tit {
  margin-bottom: 0.06rem;
}

.search_page .search_box .cont .products_list .item .desc .info .subtit {
  margin-bottom: 0.2rem;
}

.search_page .search_box .cont .products_list .item .desc .info .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.06rem;
  align-items: center;
  margin-bottom: 0.15rem;
}

.search_page .search_box .cont .products_list .item .desc .info .tag_list .tag {
  padding: 0.06rem 0.14rem;
  color: #025A92;
  border-radius: 0.14rem;
  border: 1px solid #025A92;
  transition: all 0.4s ease;
}

.search_page .search_box .cont .products_list .item .desc .btn {
  display: flex;
  align-items: center;
  gap: 0.14rem;
  transition: all 0.4s ease;
}

.search_page .search_box .cont .products_list .item .desc .btn .btn_icon {
  width: 0.22rem;
  height: 0.22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.search_page .search_box .cont .products_list .item .desc .btn .btn_icon svg circle {
  transition: all 0.4s ease;
}

.search_page .search_box .cont .products_list .item .desc .btn .btn_icon svg path {
  transition: all 0.4s ease;
}

.search_page .search_box .cont .products_list .item:hover {
  box-shadow: 0 0 63.4px 0 rgba(1, 38, 61, 0.05);
}

.search_page .search_box .cont .products_list .item:hover .desc .btn {
  color: var(--vicolor);
}

.search_page .search_box .cont .products_list .item:hover .desc .btn .btn_icon {
  transform: translateX(4px);
}

.search_page .search_box .cont .products_list .item:hover .desc .btn .btn_icon svg circle {
  fill: var(--vicolor);
}

.search_page .search_box .cont .products_list .item:hover .desc .btn .btn_icon svg path {
  stroke: #fff;
}

.search_page .search_box .cont .news_list {
  flex-wrap: wrap;
  column-gap: 0.2rem;
  row-gap: 0.6rem;
  display: none;
}

.search_page .search_box .cont .news_list .item {
  width: calc((100% - 0.4rem) / 3);
  height: 4.75rem;
  border-radius: 0.15rem;
  overflow: hidden;
  background: #FFF;
}

.search_page .search_box .cont .news_list .item .pic {
  width: 100%;
  height: 2.75rem;
}

.search_page .search_box .cont .news_list .item .desc {
  height: calc(100% - 2.75rem);
  padding: 0.25rem 0.3rem 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.search_page .search_box .cont .news_list .item .desc .info .tag {
  display: flex;
  gap: 0.12rem;
  align-items: center;
  margin-bottom: 0.15rem;
}

.search_page .search_box .cont .news_list .item .desc .info .tag .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
}

.search_page .search_box .cont .news_list .item .desc .info .tit {
  margin-bottom: 0.3rem;
  transition: all 0.4s ease;
}

.search_page .search_box .cont .news_list .item:hover .desc .tit {
  color: var(--vicolor);
}

.search_page .search_box .cont .files_list {
  flex-wrap: wrap;
  column-gap: 0.3rem;
  row-gap: 0.4rem;
  display: none;
}

.search_page .search_box .cont .files_list .file_item {
  width: calc((100% - 0.9rem) / 4);
  height: 3rem;
  border-radius: 0.1rem;
  border: 1px solid #EBEBEB;
  background: #FFF;
  padding: 0.4rem 0.4rem 0.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.search_page .search_box .cont .files_list .file_item .desc .icon {
  width: 0.44rem;
  height: 0.44rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
}

.search_page .search_box .cont .files_list .file_item .desc .tit {
  margin-bottom: 0.12rem;
}

.search_page .search_box .cont .files_list .file_item .btn {
  display: flex;
  gap: 0.12rem;
  align-items: center;
}

.search_page .search_box .cont .files_list .file_item .btn .icon {
  width: 0.28rem;
  height: 0.28rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search_page .search_box .cont .files_list .file_item:hover {
  border-color: var(--vicolor);
}

.search_page .search_box .cont .files_list .file_item:hover .desc .tit {
  color: var(--vicolor);
}

.search_page .search_box .cont .files_list .video_item {
  width: calc((100% - 0.9rem) / 4);
  display: flex;
  flex-direction: column;
  border-radius: 0.1rem;
  overflow: hidden;
  background: #FFF;
}

.search_page .search_box .cont .files_list .video_item .pic {
  border-radius: 0.1rem;
  overflow: hidden;
  margin-bottom: 0.2rem;
  position: relative;
  cursor: pointer;
  margin: 0.06rem;
  margin-bottom: 0;
  height: 2.2rem;
  flex-shrink: 0;
}

.search_page .search_box .cont .files_list .video_item .pic img {
  border-radius: 0.1rem;
}

.search_page .search_box .cont .files_list .video_item .pic .info {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.32);
  padding: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search_page .search_box .cont .files_list .video_item .pic .info .play_btn {
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search_page .search_box .cont .files_list .video_item .desc {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.1rem 0.4rem;
}

.search_page .search_box .cont .files_list .video_item:hover .desc .tit {
  color: var(--vicolor);
}

.search_page .search_box .cont .news_list.active,
.search_page .search_box .cont .files_list.active,
.search_page .search_box .cont .products_list.active,
.search_page .search_box .cont .solutions_list.active {
  display: flex;
}



.prodc_page {
  padding-bottom: 0.3rem;
}

.prodc_page .nybanner .mask2 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 11rem;
  opacity: 0.88;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

.prodc_page .nybanner .cont .desc .tit {
  font-size: 0.6rem;

}
.prodc_page .nybanner .cont .desc .tit.bgcolor{
    width: fit-content;
    background: linear-gradient(90deg, #2890CF 0%, #305BA8 48%, #B671AB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prodc_page .nybanner .cont .desc .txt {
  font-size: 0.24rem;
  margin-top: 0.24rem;
}

.prodc_page .prodc1 {
  padding: 1.2rem 0 0.8rem;
}

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

.prodc_page .prodc1 .wrap .tit {
  margin-bottom: 0.25rem;
  width: 6.7rem;
}

.prodc_page .prodc1 .wrap .txt {
  max-width: 9.8rem;
  /* max-height: 1.7rem; */
  /* overflow-y: auto; */
  padding-right: 0.15rem;
}

.prodc_page .prodc2 {
  padding: 0.8rem 0;
}

.prodc_page .prodc2 .wrap .desc-tit {
  margin-bottom: 0.7rem;
}

.prodc_page .prodc2 .wrap .module-grid {
  width: 100%;
  height: auto;
  display: grid;
  margin-bottom: 0.6rem;
}

.prodc_page .prodc2 .wrap .module-grid .mcard {
  border-radius: 0.2rem;
  overflow: hidden;
  background: #FFF;
  position: relative;
}

.prodc_page .prodc2 .wrap .module-grid .mcard .flex-row {
  display: flex;
}

.prodc_page .prodc2 .wrap .module-grid .mcard .flex-col {
  display: flex;
  flex-direction: column;
}

.prodc_page .prodc2 .wrap .module-grid .mcard .bg {
  position: absolute;
  inset: 0;
}

.prodc_page .prodc2 .wrap .module-grid .mcard .cont {
  position: relative;
  height: 100%;
  width: 100%;
}

.prodc_page .prodc2 .wrap .module-grid .mcard .cont .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 {
  grid-template-columns: 3.8rem 3.5rem 2.5rem 2.6rem 1fr;
  grid-auto-rows: 0.1rem;
  column-gap: 0.16rem;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(1) {
  grid-column: 1;
  grid-row: 1/span 57;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(1) .cont {
  padding: 0.5rem 0.25rem;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(2) {
  grid-column: 2;
  grid-row: 1/span 28;
  margin-bottom: 0.16rem;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(2) .cont {
  padding: 0.36rem;
  align-items: center;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(2) .cont .icon {
  width: 0.7rem;
  height: 0.7rem;
  margin-bottom: 0.3rem;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(3) {
  grid-column: 2;
  grid-row: auto/span 29;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(3) .cont {
  padding: 0.36rem;
  align-items: center;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(3) .cont .icon {
  width: 0.7rem;
  height: 0.7rem;
  margin-top: 0.3rem;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(3) .cont .desc .tit {
  margin-bottom: 0.16rem;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(4) {
  grid-column: 3/span 2;
  grid-row: 1/span 20;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(4) .cont {
  padding: 0.26rem;
  align-items: center;
  justify-content: space-between;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(4) .cont .desc {
  min-width: 3rem;
  flex-shrink: 0;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(5) {
  grid-column: 3;
  grid-row: 22/span 36;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(5) .cont {
  padding: 0.3rem 0.2rem;
  align-items: center;
  justify-content: space-between;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(5) .cont .desc .tit {
  margin-bottom: 0.16rem;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(6) {
  grid-column: 4;
  grid-row: 22/span 36;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(6) .cont {
  padding: 0.3rem 0.2rem;
  align-items: center;
  justify-content: space-between;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(6) .cont .desc {
  margin-bottom: 0.24rem;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(6) .cont .icon {
  width: 1.1rem;
  margin: 0 auto;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(7) {
  grid-column: 5;
  grid-row: 1/span 36;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(7) .cont {
  padding: 0.2rem 0.48rem;
  justify-content: space-between;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(7) .cont .desc .tit {
  margin-bottom: 0.2rem;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(7) .cont .icon {
  height: 1.85rem;
  margin: 0 auto;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(8) {
  grid-column: 5;
  grid-row: 38/span 20;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(8) .cont {
  padding: 0.3rem 0.25rem;
  justify-content: space-between;
}

.prodc_page .prodc2 .wrap .module-grid.mod1 .mcard:nth-child(8) .cont .icon {
  padding: 0 0.35rem;
}

.prodc_page .prodc2 .wrap .module {
  position: relative;
  width: 100%;
  display: none;
}

.prodc_page .prodc2 .wrap .module.show {
  display: block;
  margin-bottom: 0.6rem;
}

.prodc_page .prodc2 .wrap .module .mcard {
  position: absolute;
  border-radius: 0.2rem;
  overflow: hidden;
  background: #FFF;
  width: 0;
  height: 0;
}

.prodc_page .prodc2 .wrap .module .mcard .bg {
  position: absolute;
  inset: 0;
}

.prodc_page .prodc2 .wrap .module .mcard .cont {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prodc_page .prodc2 .wrap .module .mcard .cont .icon {
  flex-shrink: 0;
}

.prodc_page .prodc2 .wrap .module .mcard .cont .desc .tit {
  font-size: 0.22rem;
  font-weight: 600;
  font-family: "mst";
  line-height: 1.5;
  color: #333;
}

.prodc_page .prodc2 .wrap .module .mcard .cont .desc .subtit {
  font-size: 0.16rem;
  font-weight: 400;
  font-family: "mst";
  line-height: 1.66;
  color: #868686;
}

.prodc_page .prodc2 .wrap .module .mcard.c-fff .desc .tit {
  color: #fff;
}

.prodc_page .prodc2 .wrap .module .mcard.c-fff .desc .subtit {
  color: #fff;
}

.prodc_page .prodc2 .wrap .module.mod2 {
  height: 6.1rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c1 {
  width: 4rem;
  height: 2.93rem;
  left: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod2 .c1 .cont {
  flex-direction: column;
}

.prodc_page .prodc2 .wrap .module.mod2 .c1 .cont .tit {
  margin-bottom: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c1 .cont .icon {
  height: 1.55rem;
  width: 2.6rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c2 {
  width: 4rem;
  height: 3rem;
  left: 0;
  top: 3.1rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c2 .cont {
  flex-direction: column;
}

.prodc_page .prodc2 .wrap .module.mod2 .c2 .cont .tit {
  margin-bottom: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c2 .cont .icon {
  height: 0.8rem;
  width: 2rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c3 {
  width: 4.8rem;
  height: 2.93rem;
  left: 4.16rem;
  top: 0rem;
  padding: 0;
}

.prodc_page .prodc2 .wrap .module.mod2 .c3 .cont {
  flex-direction: column;
  justify-content: space-between;
}

.prodc_page .prodc2 .wrap .module.mod2 .c3 .cont .tit {
  margin-bottom: 0rem;
  margin-top: 0.2rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c3 .cont .icon {
  height: 2.18rem;
  width: 100%;
}

.prodc_page .prodc2 .wrap .module.mod2 .c4 {
  width: 4.8rem;
  height: 1.42rem;
  left: 4.16rem;
  top: 3.09rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c4 .cont {
  gap: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c4 .cont .icon {
  height: 0.7rem;
  width: 0.7rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c5 {
  width: 4.8rem;
  height: 1.42rem;
  left: 4.16rem;
  top: 4.67rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c5 .cont {
  gap: 0.3rem;
  justify-content: flex-start;
  padding-left: 0.5rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c5 .cont .icon {
  height: 0.7rem;
  width: 0.7rem;
}

.prodc_page .prodc2 .wrap .module.mod2 .c6 {
  width: 7.48rem;
  height: 2rem;
  right: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod2 .c6 .cont {
  padding-left: 0.5rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod2 .c7 {
  width: 3.66rem;
  height: 3.93rem;
  right: 3.78rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod2 .c7 .cont {
  padding-top: 0.36rem;
  align-items: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod2 .c8 {
  width: 3.66rem;
  height: 3.93rem;
  right: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod2 .c8 .cont {
  padding-top: 0.36rem;
  align-items: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod3 {
  height: 5.8rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c1 {
  width: 5.08rem;
  height: 100%;
  left: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod3 .c1 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.8rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c1 .cont .tit {
  margin-bottom: 0.5rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c1 .cont .icon {
  height: 1rem;
  width: 1rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c2 {
  width: 5.6rem;
  height: 1.84rem;
  left: 5.24rem;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod3 .c2 .cont {
  padding-left: 0.7rem;
  gap: 0.3rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod3 .c2 .cont .icon {
  height: 1rem;
  width: 1rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c3 {
  width: 5.6rem;
  height: 3.8rem;
  left: 5.24rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod3 .c3 .cont {
  flex-direction: column;
  padding-top: 0.4rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c3 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c3 .cont .subtit {
  margin-bottom: 0.4rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c3 .cont .icon {
  height: 1.68rem;
  width: 1.85rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c4 {
  width: 5.6rem;
  height: 1.84rem;
  right: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod3 .c4 .cont {
  padding-left: 0.7rem;
  gap: 0.3rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod3 .c4 .cont .icon {
  height: 1rem;
  width: 1rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c5 {
  width: 5.6rem;
  height: 3.8rem;
  right: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod3 .c5 .cont {
  flex-direction: column;
  padding-top: 0.4rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c5 .cont .tit {
  margin-bottom: 0.25rem;
}

.prodc_page .prodc2 .wrap .module.mod3 .c5 .cont .icon {
  height: 2.24rem;
  width: 1.1rem;
}

.prodc_page .prodc2 .wrap .module.mod4 {
  height: 5.96rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c1 {
  width: 4rem;
  height: 1.88rem;
  left: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod4 .c1 .cont {
  justify-content: flex-start;
  padding-left: 0.45rem;
  gap: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c1 .cont .icon {
  height: 0.7rem;
  width: 0.7rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c2 {
  width: 4rem;
  height: 1.88rem;
  left: 0;
  top: 2.04rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c2 .cont {
  justify-content: flex-start;
  padding-left: 0.45rem;
  gap: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c2 .cont .icon {
  height: 0.7rem;
  width: 0.7rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c3 {
  width: 4rem;
  height: 1.88rem;
  left: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod4 .c3 .cont {
  justify-content: flex-start;
  padding-left: 0.45rem;
  gap: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c3 .cont .icon {
  height: 0.7rem;
  width: 0.7rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c4 {
  width: 4.8rem;
  height: 3rem;
  left: 4.16rem;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod4 .c4 .cont {
  padding-top: 0.42rem;
  flex-direction: column;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod4 .c4 .cont .tit {
  margin-bottom: 0.16rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c4 .cont .icon {
  height: 1.94rem;
  width: 2.4rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c5 {
  width: 4.8rem;
  height: 2.8rem;
  left: 4.16rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod4 .c5 .cont {
  flex-direction: column;
  padding-top: 0.45rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod4 .c5 .cont .tit {
  margin-bottom: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c5 .cont .icon {
  height: 1rem;
  width: 1rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c6 {
  width: 7.48rem;
  height: 1.7rem;
  right: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod4 .c6 .cont {
  padding-right: 0.8rem;
  justify-content: flex-end;
}

.prodc_page .prodc2 .wrap .module.mod4 .c7 {
  width: 3.66rem;
  height: 4.1rem;
  right: 3.82rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod4 .c7 .cont {
  flex-direction: column;
  padding-top: 0.42rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod4 .c7 .cont .tit {
  margin-bottom: 0.34rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c7 .cont .icon {
  height: 3rem;
  width: 100%;
}

.prodc_page .prodc2 .wrap .module.mod4 .c8 {
  width: 3.66rem;
  height: 4.1rem;
  right: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod4 .c8 .cont {
  flex-direction: column;
  padding-top: 0.42rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod4 .c8 .cont .tit {
  margin-bottom: 0.25rem;
}

.prodc_page .prodc2 .wrap .module.mod4 .c8 .cont .icon {
  height: 2.24rem;
  width: 1rem;
}

.prodc_page .prodc2 .wrap .module.mod5 {
  height: 6.26rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c1 {
  width: 4.6rem;
  height: 4.2rem;
  left: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod5 .c1 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.4rem;
  padding-top: 0.52rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c1 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c1 .cont .subtit {
  margin-bottom: 0.42rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c1 .cont .icon {
  height: 1.9rem;
  width: 3.82rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c2 {
  width: 4.6rem;
  height: 1.9rem;
  left: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod5 .c2 .cont {
  justify-content: flex-start;
  padding-left: 0.36rem;
  gap: 0.4rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c2 .cont .icon {
  height: 1.52rem;
  width: 1.7rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c3 {
  width: 5.84rem;
  height: 1.9rem;
  left: 4.76rem;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod5 .c3 .cont {
  justify-content: flex-start;
  padding-left: 0.7rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c3 .cont .icon {
  width: 1rem;
  height: 1rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c4 {
  width: 3.84rem;
  height: 4.2rem;
  left: 4.76rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod5 .c4 .cont {
  flex-direction: column;
  padding-top: 0.47rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod5 .c4 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c4 .cont .subtit {
  margin-bottom: 0.23rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c4 .cont .icon {
  width: 1.8rem;
  height: 2.58rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c5 {
  width: 3.84rem;
  height: 4.2rem;
  right: 4rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod5 .c5 .cont {
  flex-direction: column;
  padding-top: 0.47rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod5 .c5 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c5 .cont .subtit {
  margin-bottom: 0.4rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c5 .cont .icon {
  width: 1.68rem;
  height: 1.85rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c6 {
  width: 5.84rem;
  height: 1.9rem;
  right: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod5 .c6 .cont {
  padding-left: 0.6rem;
  gap: 0.4rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod5 .c6 .cont .icon {
  width: 1rem;
  height: 1rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c7 {
  width: 3.84rem;
  height: 4.2rem;
  right: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod5 .c7 .cont {
  flex-direction: column;
  padding-top: 0.46rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod5 .c7 .cont .tit {
  margin-bottom: 0.25rem;
}

.prodc_page .prodc2 .wrap .module.mod5 .c7 .cont .icon {
  width: 1.1rem;
  height: 2.24rem;
}

.prodc_page .prodc2 .wrap .module.mod6 {
  height: 6.16rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c1 {
  width: 4.2rem;
  height: 3rem;
  left: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod6 .c1 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.6rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c1 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c1 .cont .subtit {
  margin-bottom: 0.4rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c1 .cont .icon {
  width: 0.7rem;
  height: 0.7rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c2 {
  width: 4.2rem;
  height: 3rem;
  left: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod6 .c2 .cont {
  flex-direction: column;
  padding-top: 0.42rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod6 .c2 .cont .tit {
  margin-bottom: 0.4rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c2 .cont .icon {
  width: 100%;
  height: 1.73rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c3 {
  width: 8.56rem;
  height: 1.6rem;
  left: 4.36rem;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod6 .c3 .cont {
  justify-content: flex-start;
  padding-left: 1.2rem;
  gap: 0.7rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c3 .cont .icon {
  width: 1rem;
  height: 1rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c4 {
  width: 4.2rem;
  height: 2.64rem;
  left: 4.36rem;
  top: 1.76rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c4 .cont {
  flex-direction: column;
  padding-top: 0.42rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod6 .c4 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c4 .cont .subtit {
  margin-bottom: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c4 .cont .icon {
  width: 0.7rem;
  height: 0.7rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c5 {
  width: 4.2rem;
  height: 2.64rem;
  right: 3.68rem;
  top: 1.76rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c5 .cont {
  flex-direction: column;
  padding-top: 0.42rem;
  justify-content: flex-start;
}

.prodc_page .prodc2 .wrap .module.mod6 .c5 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c5 .cont .subtit {
  margin-bottom: 0.55rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c5 .cont .icon {
  width: 0.7rem;
  height: 0.7rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c6 {
  width: 8.56rem;
  height: 1.6rem;
  left: 4.36rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod6 .c6 .cont {
  justify-content: flex-start;
  padding-left: 1.2rem;
  gap: 0.7rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c6 .cont .icon {
  width: 1rem;
  height: 1rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c7 {
  width: 3.52rem;
  height: 100%;
  right: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod6 .c7 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.85rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c7 .cont .tit {
  margin-bottom: 0.5rem;
}

.prodc_page .prodc2 .wrap .module.mod6 .c7 .cont .icon {
  width: 1.6rem;
  height: auto;
}

.prodc_page .prodc2 .wrap .module.mod7 {
  height: 6.26rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c1 {
  width: 4.4rem;
  height: 3.1rem;
  left: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod7 .c1 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.42rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c1 .cont .tit {
  margin-bottom: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c1 .cont .icon {
  height: 1.6rem;
  width: 1.6rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c2 {
  width: 4.4rem;
  height: 3.1rem;
  left: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod7 .c2 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.42rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c2 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c2 .cont .subtit {
  margin-bottom: 0.2rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c2 .cont .icon {
  height: 1.8rem;
  width: 100%;
}

.prodc_page .prodc2 .wrap .module.mod7 .c3 {
  width: 4.4rem;
  height: 4rem;
  left: 4.56rem;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod7 .c3 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.42rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c3 .cont .tit {
  margin-bottom: 0.25rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c3 .cont .icon {
  height: 2.24rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod7 .c4 {
  width: 4.4rem;
  height: 2.2rem;
  left: 4.56rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod7 .c4 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.42rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c4 .cont .tit {
  margin-bottom: 0.36rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c4 .cont .icon {
  height: 0.7rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod7 .c5 {
  width: 7.48rem;
  height: 1.64rem;
  right: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod7 .c5 .cont {
  justify-content: space-between;
  padding: 0 0.7rem 0 0.5rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c5 .cont .icon {
  height: 1rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod7 .c6 {
  width: 3.66rem;
  height: 2.6rem;
  right: 3.82rem;
  top: 1.8rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c6 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.6rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c6 .cont .tit {
  margin-bottom: 0.36rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c6 .cont .icon {
  height: 0.34rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod7 .c7 {
  width: 3.66rem;
  height: 2.6rem;
  right: 0;
  top: 1.8rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c7 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.5rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c7 .cont .tit {
  margin-top: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c7 .cont .icon {
  height: 1rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod7 .c8 {
  width: 7.48rem;
  height: 1.64rem;
  right: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod7 .c8 .cont {
  justify-content: space-between;
  padding: 0 0.7rem 0 0.5rem;
}

.prodc_page .prodc2 .wrap .module.mod7 .c8 .cont .icon {
  height: 1rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod8 {
  height: 5.86rem;
}

.prodc_page .prodc2 .wrap .module.mod8 .c1 {
  width: 5.84rem;
  height: 1.9rem;
  left: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod8 .c1 .cont {
  justify-content: flex-start;
  padding-left: 0.7rem;
  gap: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod8 .c1 .cont .icon {
  height: 1rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod8 .c2 {
  width: 5.84rem;
  height: 3.8rem;
  left: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod8 .c2 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.46rem;
  gap: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod8 .c2 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod8 .c2 .cont .icon {
  height: 1.85rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod8 .c3 {
  width: 5.84rem;
  height: 1.9rem;
  left: 6rem;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod8 .c3 .cont {
  justify-content: flex-start;
  padding-left: 0.6rem;
  gap: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod8 .c3 .cont .icon {
  height: 1rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod8 .c4 {
  width: 5.84rem;
  height: 3.8rem;
  left: 6rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod8 .c4 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.46rem;
  gap: 0.08rem;
}

.prodc_page .prodc2 .wrap .module.mod8 .c4 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod8 .c4 .cont .icon {
  height: 2.58rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod8 .c5 {
  width: 4.6rem;
  height: 100%;
  right: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod8 .c5 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.9rem;
  gap: 0.36rem;
}

.prodc_page .prodc2 .wrap .module.mod8 .c5 .cont .icon {
  height: 3.27rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod9 {
  height: 6.81rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c1 {
  width: 5.3rem;
  height: 1.8rem;
  left: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod9 .c1 .cont {
  justify-content: space-between;
  padding-left: 0.42rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c1 .cont .icon {
  height: 100%;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod9 .c2 {
  width: 5.3rem;
  height: 4.85rem;
  left: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod9 .c2 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.6rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c3 {
  width: 4.6rem;
  height: 4.95rem;
  left: 5.46rem;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod9 .c3 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.6rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c3 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c4 {
  width: 4.6rem;
  height: 1.7rem;
  left: 5.46rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod9 .c4 .cont {
  justify-content: flex-start;
  padding-left: 0.8rem;
  gap: 0.8rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c4 .cont .icon {
  height: 1rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod9 .c5 {
  width: 6.38rem;
  height: 2.6rem;
  right: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod9 .c5 .cont {
  justify-content: space-between;
  padding-left: 0.5rem;
  gap: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c5 .cont .tit {
  margin-bottom: 0.16rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c5 .cont .icon {
  height: 100%;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod9 .c6 {
  width: 3.11rem;
  height: 4.05rem;
  right: 3.27rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod9 .c6 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.48rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c6 .cont .tit {
  margin-bottom: 0.25rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c6 .cont .icon {
  height: 2.24rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod9 .c7 {
  width: 3.11rem;
  height: 4.05rem;
  right: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod9 .c7 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.46rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c7 .cont .tit {
  margin-bottom: 0.92rem;
}

.prodc_page .prodc2 .wrap .module.mod9 .c7 .cont .icon {
  width: 2.5rem;
  height: auto;
}

.prodc_page .prodc2 .wrap .module.mod10 {
  height: 6.86rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c1 {
  width: 4.6rem;
  height: 100%;
  left: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod10 .c1 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.6rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c1 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c2 {
  width: 7.28rem;
  height: 2.6rem;
  left: 4.76rem;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod10 .c2 .cont {
  justify-content: flex-start;
  padding-left: 0.5rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c2 .cont .tit {
  margin-bottom: 0.16rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c3 {
  width: 3.56rem;
  height: 4.1rem;
  left: 4.76rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod10 .c3 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.46rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c3 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c4 {
  width: 3.56rem;
  height: 4.1rem;
  right: 4.56rem;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod10 .c4 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.46rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c4 .cont .tit {
  margin-bottom: 0.25rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c4 .cont .icon {
  height: 2.24rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod10 .c5 {
  width: 4.4rem;
  height: 4.3rem;
  right: 0;
  top: 0;
}

.prodc_page .prodc2 .wrap .module.mod10 .c5 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.46rem;
  gap: 0.3rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c5 .cont .tit {
  margin-bottom: 0.1rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c5 .cont .icon {
  height: 2.35rem;
  width: auto;
}

.prodc_page .prodc2 .wrap .module.mod10 .c6 {
  width: 4.4rem;
  height: 2.4rem;
  right: 0;
  bottom: 0;
}

.prodc_page .prodc2 .wrap .module.mod10 .c6 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0.46rem;
  gap: 0.4rem;
}

.prodc_page .prodc2 .wrap .module.mod10 .c6 .cont .icon {
  height: 0.38rem;
  width: auto;
}
.prodc_page .prodc2 .wrap .module.mod11 {
  height: 5.76rem;
}
.prodc_page .prodc2 .wrap .module.mod11 .c1 {
  width: 6.8rem;
  height: 2.8rem;
  left: 0;
  top: 0;
}
.prodc_page .prodc2 .wrap .module.mod11 .c1 .cont {
  gap: 0.3rem;
  padding: 0 0.6rem 0 0.7rem;
}
.prodc_page .prodc2 .wrap .module.mod11 .c1 .cont .tit {
  margin-bottom: 0.16rem;
}
.prodc_page .prodc2 .wrap .module.mod11 .c1 .cont .icon {
  height: 1rem;
  width: auto;
}
.prodc_page .prodc2 .wrap .module.mod11 .c2 {
  width: 4.6rem;
  height: 2.8rem;
  left: 0;
  top: 2.96rem;
}
.prodc_page .prodc2 .wrap .module.mod11 .c2 .cont {
  flex-direction: column;
  gap: 0.36rem;
}
.prodc_page .prodc2 .wrap .module.mod11 .c2 .cont .icon {
  height: 0.8rem;
  width: auto;
}
.prodc_page .prodc2 .wrap .module.mod11 .c3 {
  width: 4.6rem;
  height: 2.8rem;
  left: 6.96rem;
  top: 0;
}
.prodc_page .prodc2 .wrap .module.mod11 .c3 .cont {
  flex-direction: column;
  gap: 0.3rem;
}
.prodc_page .prodc2 .wrap .module.mod11 .c3 .cont .icon {
  height: 1.55rem;
  width: auto;
}
.prodc_page .prodc2 .wrap .module.mod11 .c4 {
  width: 6.8rem;
  height: 2.8rem;
  left: 4.76rem;
  top: 2.96rem;
}
.prodc_page .prodc2 .wrap .module.mod11 .c4 .cont {
  gap: 0.4rem;
  padding: 0 0.7rem;
}
.prodc_page .prodc2 .wrap .module.mod11 .c4 .cont .tit {
  margin-bottom: 0.16rem;
}
.prodc_page .prodc2 .wrap .module.mod11 .c4 .cont .icon {
  height: 1.2rem;
  width: auto;
}
.prodc_page .prodc2 .wrap .module.mod11 .c5 {
  width: 4.88rem;
  height: 5.76rem;
  right: 0;
  top: 0;
}
.prodc_page .prodc2 .wrap .module.mod11 .c5 .cont {
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.42rem;
  padding: 0.8rem 0.4rem 0;
}
.prodc_page .prodc2 .wrap .module.mod11 .c5 .cont .tit {
  margin-bottom: 0.16rem;
}
.prodc_page .prodc2 .wrap .module.mod11 .c5 .cont .icon {
  height: 2.2rem;
  width: auto;
}
.prodc_page .prodc2 .wrap .module.mod12 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.16rem;
}
.prodc_page .prodc2 .wrap .module.mod12 .mcard {
  width: calc((100% - 0.16rem) / 2);
  height: 2.4rem;
  position: relative;
}
.prodc_page .prodc2 .wrap .module.mod12 .mcard .cont {
  display: flex;
  gap: 0.7rem;
  padding: 0 0.8rem;
}
.prodc_page .prodc2 .wrap .module.mod12 .mcard .cont .icon {
  width: 1rem;
  height: 1rem;
}
.prodc_page .prodc2 .wrap .module.mod12 .mcard .cont .tit {
  margin-bottom: 0.16rem;
}




.prodc_page .prodc3 {
  padding: 0.8rem 0;
}

.prodc_page .prodc3 .wrap .desc-tit {
  margin-bottom: 0.7rem;
}

.prodc_page .prodc3 .wrap .list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.4rem;
  justify-content: center;
}

.prodc_page .prodc3 .wrap .list .item {
  padding: 0 0.6rem;
  width: auto;
  height: 1rem;
  position: relative;
}

.prodc_page .prodc3 .wrap .list .item .pic {
   width: auto; 
   height: 100%; 
  /*height: 1rem;*/
  /*width: 1rem;*/
  /*aspect-ratio: 1/1;*/
}

.prodc_page .prodc3 .wrap .list .item::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.4rem;
  background-color: #C3C3C3;
}

.prodc_page .prodc3 .wrap .list .item:last-child::before {
  display: none;
}

.prodc_page .prodc4 {
  padding: 0.8rem 0;
}

.prodc_page .prodc4 .wrap .desc-tit {
  margin-bottom: 0.75rem;
}

.prodc_page .prodc4 .wrap .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
}

.prodc_page .prodc4 .wrap .list .item {
  width: calc((100% - 0.4rem) / 2);
  /*flex: 1;*/
  /*max-width: 60%;*/
  padding: 0.35rem 0.3rem .35rem .5rem;
  border-radius: 0.2rem;
  border: 1px solid rgba(2, 90, 146, 0.4);
  background: var(--vicolor);
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

.prodc_page .prodc4 .wrap .list .item .icon {
  width: 1.2rem;
  height: auto;
  flex-shrink: 0;
}

.prodc_page .prodc4 .wrap .list .item .tit strong {
  font-weight: 700;
  font-family: "mst";
}

.prodc_page .prodc5 {
  padding: 0.8rem 0;
}

.prodc_page .prodc5 .wrap .desc-tit {
  margin-bottom: 0.6rem;
}

.prodc_page .prodc5 .wrap .cont {
  display: flex;
  justify-content: space-between;
}

.prodc_page .prodc5 .wrap .cont .filters {
  position: sticky;
  top: 1.2rem;
  align-self: flex-start;
  width: 4rem;
  flex-shrink: 0;
}

.prodc_page .prodc5 .wrap .cont .filters>.tit {
  margin-bottom: 0.52rem;
}

.prodc_page .prodc5 .wrap .cont .filters .list {
  display: flex;
  flex-direction: column;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item {
  width: 100%;
  padding: 0.32rem 0;
  border-bottom: 1px solid #A6A6A6;
  cursor: pointer;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item:first-child {
  padding-top: 0;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item .top .icon {
  width: 0.15rem;
  height: 0.15rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(0deg);

  transition: all 0.4s;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item.active .top .icon {
  transform: rotate(-180deg);

}

.prodc_page .prodc5 .wrap .cont .filters .list .item .checkbox_list {
  margin-top: 0.22rem;
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item .inner {
  display: block;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item .checkbox_list .cbox_item {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  height: 0.2rem;
  cursor: pointer;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item .checkbox_list .cbox_item.disabled {
  cursor: not-allowed;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item .checkbox_list .cbox_item.disabled span {
  color: #868686;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item .checkbox_list .cbox_item .cbox_input {
  appearance: none;
  width: 0.2rem;
  height: 0.2rem;
  flex-shrink: 0;
  border-radius: 0.04rem;
  border: 1px solid #C7C7C7;
  transition: all 0.4s;
  position: relative;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item .checkbox_list .cbox_item .cbox_input:checked {
  background-color: var(--vicolor);
  border-color: var(--vicolor);
}

.prodc_page .prodc5 .wrap .cont .filters .list .item .checkbox_list .cbox_item .cbox_input:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  width: 0.05rem;
  height: 0.1rem;
  border: 1.5px solid #fff;
  border-top: none;
  border-left: none;
}

.prodc_page .prodc5 .wrap .cont .filters .list .item:last-child {
  border-bottom: none;
}

.prodc_page .prodc5 .wrap .cont .rg {
  flex: 1;
  padding-left: 0.9rem;
  position: sticky;
  top: 1.2rem;
  align-self: flex-start;
  min-height: 14rem;
}

.prodc_page .prodc5 .wrap .cont .rg .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.36rem;
}

.prodc_page .prodc5 .wrap .cont .rg .top .filter_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.prodc_page .prodc5 .wrap .cont .rg .top .filter_tags .tag {
  display: flex;
  align-items: center;
  gap: 0.16rem;
  padding: 0.1rem 0.22rem;
  border-radius: 0.08rem;
  background: #fff;
  position: relative;
}

.prodc_page .prodc5 .wrap .cont .rg .top .filter_tags .tag::after {
  padding: 0.8px;
  background: linear-gradient(170deg, rgba(2, 91, 146, 0.3960784314) 0%, rgba(0, 81, 255, 0) 35%, rgba(0, 81, 255, 0) 65%, rgba(179, 31, 36, 0.3960784314) 100%);
}

.prodc_page .prodc5 .wrap .cont .rg .top .filter_tags .tag .close {
  cursor: pointer;
  width: 0.12rem;
  height: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  opacity: 0.6;
}

.prodc_page .prodc5 .wrap .cont .rg .top .filter_tags .tag .close:hover {
  opacity: 1;
}

.prodc_page .prodc5 .wrap .cont .rg .top .filter_tags .tag .close svg {
  width: 100%;
  height: 100%;
}

.prodc_page .prodc5 .wrap .cont .rg .top .clear {
  cursor: pointer;
  text-decoration: underline;
}

.prodc_page .prodc5 .wrap .cont .rg .top .clear span {
  transition: all 0.4s;
}

.prodc_page .prodc5 .wrap .cont .rg .top .clear:hover span {
  color: #000;
}

.prodc_page .prodc5 .wrap .cont .rg .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item {
  width: calc((100% - 0.2rem) / 2);
  min-height: 2.5rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background: #FFF;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3rem;
  padding: 0.3rem;
  transition: all 0.4s ease;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .is_new {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .is_new svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .pic {
  width: 1.7rem;
  height: 1.7rem;
  flex-shrink: 0;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .desc {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .desc .info .tit {
  margin-bottom: 0.1rem;
  transition: all 0.4s;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .desc .info .subtit {
  margin-bottom: 0.16rem;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .desc .info .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.06rem;
  align-items: center;
  margin-bottom: 0.15rem;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .desc .info .tag_list .tag {
  padding: 0.06rem 0.14rem;
  color: #025A92;
  border-radius: 0.14rem;
  border: 1px solid #025A92;
  transition: all 0.4s ease;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .desc .info .txt {
  margin-bottom: 0.3rem;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .desc .btn {
  display: flex;
  align-items: center;
  gap: 0.14rem;
  transition: all 0.4s ease;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .desc .btn .btn_icon {
  width: 0.22rem;
  height: 0.22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .desc .btn .btn_icon svg circle {
  transition: all 0.4s ease;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item .desc .btn .btn_icon svg path {
  transition: all 0.4s ease;
}

.prodc_page .prodc5 .wrap .cont .rg .list .item:hover {
  box-shadow: 0 0 63.4px 0 rgba(1, 38, 61, 0.05);
}

.prodc_page .prodc5 .wrap .cont .rg .list .item:hover .desc .info .tit {
  color: var(--vicolor);
}

.prodc_page .prodc5 .wrap .cont .rg .list .item:hover .desc .btn {
  color: var(--vicolor);
}

.prodc_page .prodc5 .wrap .cont .rg .list .item:hover .desc .btn .btn_icon svg circle {
  fill: var(--vicolor);
}

.prodc_page .prodc5 .wrap .cont .rg .list .item:hover .desc .btn .btn_icon svg path {
  stroke: #fff;
}

.prodc_page .prodc5 .wrap .cont .rg .page_box2 {
  margin-top: 0.6rem;
}

.prodc_page .prodc6 {
  padding: 0.8rem 0;
}

.prodc_page .prodc6 .wrap {
  padding: 0 0.5rem;
}

.prodc_page .prodc6 .wrap .list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.prodc_page .prodc6 .wrap .list .item {
  width: 100%;
  height: 8.5rem;
  border-radius: 0.3rem;
  overflow: hidden;
  position: relative;
}

.prodc_page .prodc6 .wrap .list .item .bg {
  position: absolute;
  inset: 0;
}

.prodc_page .prodc6 .wrap .list .item .cont {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0.8rem;
  display: flex;
  align-items: center;
}

.prodc_page .prodc6 .wrap .list .item .cont .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 12.5rem;
  height: 100%;
  background: linear-gradient(270deg, rgba(17, 17, 17, 0) 0%, #111 100%);
}

.prodc_page .prodc6 .wrap .list .item .cont .desc {
  max-width: 6.5rem;
  position: relative;
}

.prodc_page .prodc6 .wrap .list .item .cont .desc .tit {
  margin-bottom: 0.44rem;
}

.prodc_page .prodc6 .wrap .list .item .cont .desc .txt {
  max-width: 6.3rem;
}
.prodc_page .prodc6 .wrap .list .item .cont .desc .txt strong{
    font-weight: 600;
    font-family: 'mst';
}
.prodc_page .prodc6 .wrap .list .item .cont .desc .txt p {
  margin-bottom: 0.25rem;
}

.prodc_page .prodc6 .wrap .list .item .cont .desc .txt p:last-child {
  margin-bottom: 0;
}

.prodc_page .prodc6 .wrap .list .item:nth-child(even) .cont {
  flex-direction: row-reverse;
}

.prodc_page .prodc6 .wrap .list .item:nth-child(even) .cont .mask {
  left: auto;
  right: 0;
  background: linear-gradient(270deg, #111 36.52%, rgba(17, 17, 17, 0) 98.01%);
}

.prodc_page .prodc7 {
  padding: 0.8rem 0;
}

.prodc_page .prodc7 .wrap .desc-tit {
  margin-bottom: 0.7rem;
}

.prodc_page .prodc7 .wrap .list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.prodc_page .prodc7 .wrap .list .item {
  width: calc((100% - 1.2rem) / 4);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
}

.prodc_page .prodc7 .wrap .list .item .icon {
  width: 0.5rem;
  height: 0.5rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prodc_page .prodc7 .wrap .list .item .desc .subtit {
  margin-bottom: 0.12rem;
}

.prodd_page {
  padding: 0.7rem 0;
  width: 100%;
}

.prodd_page .sub_nav {
  background: #333;
  position: fixed;
  width: 100%;
  z-index: 3;
}

.prodd_page .sub_nav .wrap {
  display: flex;
  gap: 0.5rem;
}

.prodd_page .sub_nav .wrap .desc {
  padding: 0.24rem 0;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prodd_page .sub_nav .wrap .desc .nav {
  display: flex;
  gap: 0.35rem;
}

.prodd_page .sub_nav .wrap .desc .nav .li a {
  color: #fff;
  transition: all 0.4s;
}

.prodd_page .sub_nav .wrap .desc .nav .li.active a,
.prodd_page .sub_nav .wrap .desc .nav .li:hover a {
  color: var(--vicolor);
}

.prodd_page .sub_nav .wrap .actions {
  display: flex;
  align-items: center;
  width: fit-content;
}

.prodd_page .sub_nav .wrap .actions .ibtn {
  padding: 0.1rem 0.2rem;
  background-color: var(--vicolor);
  border-radius: 0.04rem;
  cursor: pointer;
  transition: all 0.4s;
}

.prodd_page .sub_nav .wrap .actions .ibtn:hover {
  background-color: color-mix(in srgb, var(--vicolor) 80%, #000 20%);
}

.prodd_page .prodd1 {
  margin-top: 0.64rem;
  height: 8.26rem;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #D0D0D0;
}

.prodd_page .prodd1 .wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.prodd_page .prodd1 .wrap .swiper_prodd1 {
  width: 100%;
  height: 100%;
  position: relative;
}

.prodd_page .prodd1 .wrap .swiper_prodd1 .swiper-slide {
  width: 100%;
  height: 100%;
}

.prodd_page .prodd1 .wrap .swiper_prodd1 .swiper-slide .item {
  width: 100%;
  height: 100%;
  padding: 0.95rem 0 0;
  position: relative;
}

.prodd_page .prodd1 .wrap .swiper_prodd1 .swiper-slide .item .tit {
  color: #E5E5E5;
  text-align: center;
  font-family: "mst";
  font-size: 3rem;
  font-weight: 600;
}

.prodd_page .prodd1 .wrap .tit {
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  color: #E5E5E5;
  text-align: center;
  font-family: "mst";
  font-size: 3rem;
  font-weight: 600;
}

.prodd_page .prodd1 .wrap .swiper_prodd1 .swiper-slide .item .pic {
  height: 5rem;
  width: auto;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.prodd_page .prodd1 .wrap .swiper_prodd1 .navigation {
  position: absolute;
  bottom: 3.4rem;
  left: 0;
  z-index: 2;
  width: 100%;
  justify-content: space-between;
}

.prodd_page .prodd1 .wrap .swiper_prodd1_list {
  position: absolute;
  right: 2rem;
  bottom: 0.5rem;
}

.prodd_page .prodd1 .wrap .swiper_prodd1_list .swiper-slide {
  width: 0.6rem;
  height: auto;
  margin-right: 0.26rem;
}

.prodd_page .prodd1 .wrap .swiper_prodd1_list .swiper-slide:last-child {
  margin-right: 0;
}

.prodd_page .prodd1 .wrap .swiper_prodd1_list .swiper-slide .item {
  width: 100%;
  padding-bottom: 0.2rem;
  position: relative;
  opacity: 0.3;
  transition: all 0.4s;
}

.prodd_page .prodd1 .wrap .swiper_prodd1_list .swiper-slide .item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  background-color: var(--vicolor);
  transition: all 0.4s;
}

.prodd_page .prodd1 .wrap .swiper_prodd1_list .swiper-slide .item .pic {
  height: 0.52rem;
  width: 100%;
}

.prodd_page .prodd1 .wrap .swiper_prodd1_list .swiper-slide.active .item {
  opacity: 1;
}

.prodd_page .prodd1 .wrap .swiper_prodd1_list .swiper-slide.active .item::before {
  width: 100%;
}

.prodd_page .prodd2 {
  padding: 0.4rem 0 .8rem;
  width: 100%;
  overflow: hidden;
}

.prodd_page .prodd2 .wrap .top {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  margin-bottom: .4rem;
}

.prodd_page .prodd2 .wrap .top .lf {
  flex: 1;
}

.prodd_page .prodd2 .wrap .top .lf .tit {
  margin-bottom: 0.24rem;
}

.prodd_page .prodd2 .wrap .top .rg {
  width: 8.3rem;
  flex-shrink: 0;
}

.prodd_page .prodd2 .wrap .top .rg .txt {
  width: 100%;
  max-height: 2.16rem;
  overflow: auto;
  padding-right: 0.2rem;
}

.prodd_page .prodd2 .wrap .center>.tit {
  margin-bottom: 0.4rem;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 {
  width: 100%;
  position: relative;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-slide {
  width: 4.9rem;
  margin: 0 0.15rem;
  height: auto;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-slide:last-child {
  margin-right: 0;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-slide:first-child {
  margin-left: 0;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-slide:hover .item {
  background-color: var(--vicolor);
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-slide:hover .item .tit {
  color: #fff;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-slide:hover .item .tit::before {
  background-color: #fff;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-slide:hover .item .txt {
  color: #fff;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-slide .item {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  background: #FFF;
  padding: 0.5rem;
  transition: all 0.6s;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-slide .item .tit {
  position: relative;
  padding-bottom: 0.5rem;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-slide .item .tit::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.2rem;
  height: 3px;
  background-color: var(--vicolor);
  transition: all 0.6s;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-slide .item .txt {
  margin-top: 0.2rem;
  transition: all 0.6s;
}

.prodd_page .prodd2 .wrap .center .swiper_prodd2 .swiper-action {
  margin-top: 0.6rem;
  display: flex;
  gap: 0.55rem;
  align-items: center;
  justify-content: space-between;
}

.prodd_page .prodd3 {
  padding: 0.8rem 0;
}

.prodd_page .prodd3 .wrap .desc-tit {
  margin-bottom: 0.75rem;
}

.prodd_page .prodd3 .wrap .cont {
  width: 100%;
  height: 6.4rem;
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
}

.prodd_page .prodd3 .wrap .cont .tag_list {
  position: absolute;
  z-index: 2;
  top: 0.6rem;
  left: 0.6rem;
  display: flex;
  gap: 0.16rem;
}

.prodd_page .prodd3 .wrap .cont .tag_list .item {
  cursor: pointer;
  min-width: 3.6rem;
  padding: 0.15rem 0.27rem;
  border-radius: 1rem;
  background-color: #EEF0F5;
  transition: all 0.4s;
}

.prodd_page .prodd3 .wrap .cont .tag_list .item .tit {
  width: 100%;
  display: inline-block;
  transition: all 0.4s;
}

.prodd_page .prodd3 .wrap .cont .tag_list .item:hover,
.prodd_page .prodd3 .wrap .cont .tag_list .item.active {
  background-color: var(--vicolor);
}

.prodd_page .prodd3 .wrap .cont .tag_list .item:hover .tit,
.prodd_page .prodd3 .wrap .cont .tag_list .item.active .tit {
  color: #fff;
}

.prodd_page .prodd3 .wrap .cont .swiper_prodd3_bg {
  width: 100%;
  height: 100%;
}

.prodd_page .prodd3 .wrap .cont .swiper_prodd3_bg .swiper-slide {
  width: 100%;
  height: 100%;
}

.prodd_page .prodd3 .wrap .cont .swiper_prodd3_bg .swiper-slide .item {
  width: 100%;
  height: 100%;
  position: relative;
}

.prodd_page .prodd3 .wrap .cont .swiper_prodd3_bg .swiper-slide .item .bg {
  width: 100%;
  height: 100%;
}

.prodd_page .prodd3 .wrap .cont .swiper_prodd3_bg .swiper-slide .item .ul {
  position: absolute;
  bottom: 0.6rem;
  left: 0.6rem;
  width: 100%;
  display: flex;
  gap: 0.32rem;
}

.prodd_page .prodd3 .wrap .cont .swiper_prodd3_bg .swiper-slide .item .ul .li {
  min-width: 2.6rem;
  padding: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  border-radius: 0.2rem;
  border-radius: 20px;
  background: rgba(206, 233, 255, 0.05);
  backdrop-filter: blur(30px);
}

.prodd_page .prodd3 .wrap .cont .swiper_prodd3_bg .swiper-slide .item .ul .li .icon {
  height: 0.3rem;
  width: auto;
  flex-shrink: 0;
}

.prodd_page .prodd4 {
  padding: 0.75rem 0;
}

.prodd_page .prodd4 .wrap .desc-tit {
  margin-bottom: 0.4rem;
}

.prodd_page .prodd4 .wrap .cont {
  width: 100%;
  /*height: 7.68rem;*/
  /*max-height: 7.68rem;*/
  /*overflow: auto;*/
  height: auto;
}

.prodd_page .prodd4 .wrap .cont::-webkit-scrollbar {
  width: 1px;
}

.prodd_page .prodd4 .wrap .cont::-webkit-scrollbar-thumb {
  background: #025A92;
  border-radius: 1px;
}

.prodd_page .prodd4 .wrap .cont::-webkit-scrollbar-track {
  background: rgba(2, 91, 146, 0.3921568627);
  border-radius: 1px;
}

.prodd_page .prodd4 .wrap .cont table {
  border-collapse: collapse;
  width: 100%;
  border: none;
}

.prodd_page .prodd4 .wrap .cont table tbody tr td {
  border: none;
  padding: 0.3rem 0.5rem;
  background: #EEF0F5;
  font-size: 0.22rem;
  font-weight: 500;
  font-family: "mst";
  color: #111;
}

.prodd_page .prodd4 .wrap .cont table tbody tr:nth-child(even) td {
  background: #F6F7F9;
}

.prodd_page .prodd5 {
  padding: 0.8rem 0;
}

.prodd_page .prodd5 .wrap .desc-tit {
  margin-bottom: 0.4rem;
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5 {
  width: 100%;
  height: 7.5rem;
  border-radius: 0.2rem;
  overflow: hidden;
  margin-bottom: 0.6rem;
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5 .swiper-slide {
  width: 100%;
  height: 100%;
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5 .swiper-slide .item {
  width: 100%;
  height: 100%;
  position: relative;
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5 .swiper-slide .item .bg {
  width: 100%;
  height: 100%;
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5 .swiper-slide .item .info {
  position: absolute;
  bottom: 0.45rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 1.54rem);
  padding: 0.45rem 0.5rem;
  border-radius: 0.16rem;
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(24.1000003815px);
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5 .swiper-slide .item .info .tit {
  margin-bottom: 0.16rem;
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5_botm {
  padding-left: 1.8rem;
  width: 100%;
  max-width: 12.3rem;
  overflow: hidden;
  margin: 0 auto;
  border-bottom: 1px solid #C3C3C3;
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5_botm .swiper-slide {
  width: fit-content;
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5_botm .swiper-slide .item {
  padding: 0 0.18rem 0.33rem;
  margin: 0 0.5rem;
  cursor: pointer;
  position: relative;
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5_botm .swiper-slide .item::before {
  content: "";
  position: absolute;
  bottom: -1.5px;
  left: 0;
  width: 0;
  height: 3px;
  background-color: var(--vicolor);
  transition: all 0.4s;
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5_botm .swiper-slide .item .tit {
  transition: all 0.4s;
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5_botm .swiper-slide .item:hover .tit,
.prodd_page .prodd5 .wrap .cont .swiper_prodd5_botm .swiper-slide .item.active .tit {
  color: var(--vicolor);
}

.prodd_page .prodd5 .wrap .cont .swiper_prodd5_botm .swiper-slide.active .item::before {
  width: 100%;
}

.prodd_page .prodd6 {
  padding: 0.8rem 0;
}

.prodd_page .prodd6 .wrap .desc-tit {
  margin-bottom: 0.4rem;
}

.prodd_page .prodd6 .wrap .cont {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.prodd_page .prodd6 .wrap .cont .lf {
  position: sticky;
  top: 1.8rem;
  width: 4.3rem;
  align-self: flex-start;
  padding: 0.65rem 0 0.15rem 0.5rem;
  border-radius: 0.2rem;
  background: #FFF;
}

.prodd_page .prodd6 .wrap .cont .lf>.tit {
  margin-bottom: 0.08rem;
}

.prodd_page .prodd6 .wrap .cont .lf .list {
  display: flex;
  flex-direction: column;
}

.prodd_page .prodd6 .wrap .cont .lf .list .item {
  cursor: pointer;
  padding: 0.4rem 0;
  padding-right: 0.4rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid transparent;
  border-image: repeating-linear-gradient(to right, #D7D7D7 0 0.1rem, transparent 0.1rem 0.18rem) 1;
}

.prodd_page .prodd6 .wrap .cont .lf .list .item:last-child {
  border-bottom: none;
}

.prodd_page .prodd6 .wrap .cont .lf .list .item .tit {
  transition: all 0.4s;
}

.prodd_page .prodd6 .wrap .cont .lf .list .item .icon {
  flex-shrink: 0;
  width: 0.07rem;
  height: auto;
  transition: all 0.4s;
}

.prodd_page .prodd6 .wrap .cont .lf .list .item .icon svg {
  width: 100%;
  height: auto;
}

.prodd_page .prodd6 .wrap .cont .lf .list .item .icon svg path {
  transition: all 0.4s;
}

.prodd_page .prodd6 .wrap .cont .lf .list .item:hover .tit,
.prodd_page .prodd6 .wrap .cont .lf .list .item.active .tit {
  color: var(--vicolor);
}

.prodd_page .prodd6 .wrap .cont .lf .list .item:hover .icon svg path,
.prodd_page .prodd6 .wrap .cont .lf .list .item.active .icon svg path {
  stroke: var(--vicolor);
}

.prodd_page .prodd6 .wrap .cont .rg {
  width: 12rem;
  height: 10.6rem;
  border-radius: 0.2rem;
  background: #FFF;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.prodd_page .prodd6 .wrap .cont .rg .top {
  width: 100%;
  padding: 0.4rem 0.5rem;
  border-bottom: 1px solid #D7D7D7;
}

.prodd_page .prodd6 .wrap .cont .rg .top .search {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

.prodd_page .prodd6 .wrap .cont .rg .top .search .icon {
  width: 0.18rem;
  height: 0.18rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prodd_page .prodd6 .wrap .cont .rg .top .search input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}

.prodd_page .prodd6 .wrap .cont .rg .top .search input::placeholder {
  color: #999;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom {
  height: 100%;
  width: 100%;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item {
  padding: 0.8rem 0.4rem 0.5rem 0.5rem;
  display: none;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item.active {
  display: block;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item>.tit {
  margin-bottom: 0.4rem;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  max-height: 7.5rem;
  overflow: auto;
  padding-right: 0.1rem;
  padding-top: 3px;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item {
  width: 100%;
  height: 1.5rem;
  flex-shrink: 0;
  display: flex;
  border-radius: 0.1rem;
  border: 1px solid #E2E2E2;
  display: flex;
  overflow: hidden;
  transition: all 0.4s;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item .info {
  padding: 0.4rem 0.4rem;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.38rem;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item .info .icon {
  width: 0.44rem;
  height: 0.44rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item .info .desc .tit {
  margin-bottom: 0.26rem;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item .info .desc .tags {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item .info .desc .tags .tag {
  display: flex;
  align-items: center;
  gap: 0.16rem;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item .info .desc .tags .tag .label {
  color: #BDBDBD;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item .down {
  width: 2.2rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F9F9F9;
  transition: all 0.4s;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item .down .icon {
  width: 0.37rem;
  height: 0.37rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item .down .icon svg path {
  transition: all 0.4s;
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item:hover {
  border-color: var(--vicolor);
  transform: translateY(-2px);
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item:hover .down {
  background: var(--vicolor);
}

.prodd_page .prodd6 .wrap .cont .rg .bottom .btm_item .list .item:hover .down svg path {
  stroke: #fff;
}

.prodd_page .prodd7 {
  padding: 0.8rem 0;
}

.prodd_page .prodd7 .wrap .cont {
  width: 100%;
  height: 7.4rem;
  border-radius: 0.2rem;
  background: #FFF;
  overflow: hidden;
  position: relative;
  display: flex;
}

.prodd_page .prodd7 .wrap .cont .pic {
  width: 8.3rem;
  height: 100%;
  flex-shrink: 0;
}

.prodd_page .prodd7 .wrap .cont .desc {
  padding: 1.4rem 0.85rem 1.2rem 0.9rem;
}

.prodd_page .prodd7 .wrap .cont .desc .tit {
  margin-bottom: 0.6rem;
}

.prodd_page .prodd7 .wrap .cont .desc .txt {
  max-height: 3.65rem;
  overflow: auto;
  padding-right: 0.2rem;
}

.prodd_page .prodd7 .wrap .cont .desc .txt p {
  margin-bottom: 0.2rem;
}

.prodd_page .prodd7 .wrap .cont .desc .txt p:last-child {
  margin-bottom: 0;
}

.prodd_page .prodd8 {
  padding: 0.8rem 0;
}

.prodd_page .prodd8 .wrap .desc-tit {
  margin-bottom: 0.6rem;
}

.prodd_page .prodd8 .wrap .list {
  display: flex;
  gap: 0.4rem;
}

.prodd_page .prodd8 .wrap .list .item {
  width: calc((100% - 1.2rem) / 4);
  min-height: 3.1rem;
  border-radius: 0.2rem;
  background-color: #fff;
  transition: all 0.4s;
}

.prodd_page .prodd8 .wrap .list .item .pic {
  width: 100%;
  height: 2rem;
}

.prodd_page .prodd8 .wrap .list .item .desc {
  padding: 0.2rem 0.27rem 0.3rem;
}

.prodd_page .prodd8 .wrap .list .item .desc .tit {
  margin-bottom: 0.1rem;
  transition: all 0.4s;
}

.prodd_page .prodd8 .wrap .ibtn-box {
  margin-top: 0.6rem;
  text-align: center;
}

.sol_page .desc-tit {
  margin-bottom: 0.7rem;
}

.sol_page .nybanner .cont {
  display: block;
  display: flex;
  justify-content: center;
}

.sol_page .nybanner .cont .desc {
  /*margin-bottom: 2.3rem;*/
}

.sol_page .nybanner .cont .desc .tit {
  font-size: 0.6rem;
}
.sol_page .nybanner .cont .desc .tit.bgcolor{
    width: fit-content;
    background: linear-gradient(90deg, #2890CF 0%, #305BA8 48%, #B671AB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sol_page .sol1 {
  padding: 1.2rem 0 0.8rem;
}

.sol_page .sol1 .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.4rem;
}

.sol_page .sol1 .wrap .tit {
  margin-bottom: 0.25rem;
  flex: 1;
}

.sol_page .sol1 .wrap .txt {
  /*max-width: 11.7rem;*/
  /* max-height: 2.6rem; */
  /* overflow-y: auto; */
  max-width: 9rem;
  padding-right: 0.15rem;
}

.sol_page .sol1 .wrap .txt p {
  margin-bottom: 0.2rem;
}

.sol_page .sol1 .wrap .txt p:last-child {
  margin-bottom: 0;
}

.sol_page .sol2 {
  padding: 0.8rem 0;
}

.sol_page .sol2 .wrap .pic {
  width: 100%;
  height: 6.8rem;
  border-radius: 0.3rem;
  overflow: hidden;
  background-color: #fff;
}

.sol_page .sol3 {
  padding: 0.8rem 0;
}

.sol_page .sol3 .wrap .module {
  position: relative;
  width: 100%;
  display: none;
}

.sol_page .sol3 .wrap .module.show {
  display: block;
  margin-bottom: 0.6rem;
}

.sol_page .sol3 .wrap .module .mcard {
  position: absolute;
  border-radius: 0.2rem;
  overflow: hidden;
  background: #FFF;
  width: 0;
  height: 0;
}

.sol_page .sol3 .wrap .module .mcard .bg {
  position: absolute;
  inset: 0;
}

.sol_page .sol3 .wrap .module .mcard .cont {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sol_page .sol3 .wrap .module .mcard .cont .icon {
  flex-shrink: 0;
}

.sol_page .sol3 .wrap .module .mcard .cont .desc .tit {
  font-size: 0.22rem;
  font-weight: 600;
  font-family: "mst";
  line-height: 1.5;
  color: #333;
}

.sol_page .sol3 .wrap .module .mcard .cont .desc .subtit {
  font-size: 0.16rem;
  font-weight: 400;
  font-family: "mst";
  line-height: 1.66;
  color: #868686;
}

.sol_page .sol3 .wrap .module .mcard.c-fff .desc .tit {
  color: #fff;
}

.sol_page .sol3 .wrap .module .mcard.c-fff .desc .subtit {
  color: #fff;
}


.sol_page .sol3 .wrap .module.mod1 {
  height: 7.52rem;
}

.sol_page .sol3 .wrap .module.mod1 .c1 {
  width: 4rem;
  height: 100%;
  left: 0;
  top: 0;
}

.sol_page .sol3 .wrap .module.mod1 .c1 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.35rem;
  padding-top: 1.1rem;
}

.sol_page .sol3 .wrap .module.mod1 .c1 .cont .tit {
  margin-bottom: 1.46rem;
}

.sol_page .sol3 .wrap .module.mod1 .c1 .cont .icon {
  height: 2.34rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod1 .c2 {
  width: 4.06rem;
  height: 3.68rem;
  left: 4.16rem;
  top: 0;
}

.sol_page .sol3 .wrap .module.mod1 .c2 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.35rem;
  padding-top: 0.5rem;
  gap: 0.55rem;
}

.sol_page .sol3 .wrap .module.mod1 .c2 .cont .tit {
  margin-bottom: 0.16rem;
}

.sol_page .sol3 .wrap .module.mod1 .c2 .cont .icon {
  height: 1rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod1 .c3 {
  width: 4.06rem;
  height: 3.68rem;
  left: 4.16rem;
  bottom: 0;
}

.sol_page .sol3 .wrap .module.mod1 .c3 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.35rem;
  padding-top: 0.5rem;
  gap: 0.6rem;
}

.sol_page .sol3 .wrap .module.mod1 .c3 .cont .icon {
  height: 1rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod1 .c4 {
  width: 4rem;
  height: 5.36rem;
  right: 4.22rem;
  top: 0;
}

.sol_page .sol3 .wrap .module.mod1 .c4 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.35rem;
  padding-top: 0.9rem;
  gap: 0.66rem;
}

.sol_page .sol3 .wrap .module.mod1 .c4 .cont .icon {
  height: 1.35rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod1 .c5 {
  width: 4.06rem;
  height: 2.6rem;
  right: 0;
  top: 0;
}

.sol_page .sol3 .wrap .module.mod1 .c5 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.28rem;
  padding-top: 0.5rem;
  gap: 0.36rem;
}

.sol_page .sol3 .wrap .module.mod1 .c5 .cont .icon {
  height: 0.65rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod1 .c6 {
  width: 4.06rem;
  height: 2.6rem;
  right: 0;
  top: 2.76rem;
}

.sol_page .sol3 .wrap .module.mod1 .c6 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.28rem;
  padding-top: 0.3rem;
  gap: 0.28rem;
}

.sol_page .sol3 .wrap .module.mod1 .c6 .cont .tit {
  margin-bottom: 0.1rem;
}

.sol_page .sol3 .wrap .module.mod1 .c6 .cont .icon {
  height: 0.82rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod1 .c7 {
  width: 8.22rem;
  height: 2rem;
  right: 0;
  bottom: 0;
}

.sol_page .sol3 .wrap .module.mod1 .c7 .cont {
  justify-content: space-between;
  padding: 0.3rem;
  padding-left: 0.43rem;
  padding-right: 1rem;
  gap: 0.3rem;
}

.sol_page .sol3 .wrap .module.mod1 .c7 .cont .icon {
  height: 1rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod2 {
  height: 7.36rem;
}

.sol_page .sol3 .wrap .module.mod2 .c1 {
  width: 6.4rem;
  height: 4.68rem;
  left: 0;
  top: 0;
}

.sol_page .sol3 .wrap .module.mod2 .c1 .cont {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.35rem;
  padding-top: 0.8rem;
  gap: 0.8rem;
}

.sol_page .sol3 .wrap .module.mod2 .c1 .cont .tit {
  margin-bottom: 0.16rem;
}

.sol_page .sol3 .wrap .module.mod2 .c1 .cont .icon {
  height: 1.2rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod2 .c2 {
  width: 8.22rem;
  height: 2.52rem;
  left: 0;
  bottom: 0;
}

.sol_page .sol3 .wrap .module.mod2 .c2 .cont {
  justify-content: space-between;
  padding: 0.35rem;
  padding-left: 0.42rem;
  padding-right: 0.9rem;
  gap: 0.3rem;
}

.sol_page .sol3 .wrap .module.mod2 .c2 .cont .desc {
  width: 4.7rem;
}

.sol_page .sol3 .wrap .module.mod2 .c2 .cont .tit {
  margin-bottom: 0.16rem;
}

.sol_page .sol3 .wrap .module.mod2 .c2 .cont .icon {
  height: 1.28rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod2 .c3 {
  width: 10.04rem;
  height: 2.26rem;
  right: 0;
  top: 0;
}

.sol_page .sol3 .wrap .module.mod2 .c3 .cont {
  justify-content: space-between;
  padding: 0.35rem;
  padding-left: 0.42rem;
  padding-right: 1rem;
  gap: 0.3rem;
}

.sol_page .sol3 .wrap .module.mod2 .c3 .cont .desc {
  width: 6rem;
}

.sol_page .sol3 .wrap .module.mod2 .c3 .cont .tit {
  margin-bottom: 0.16rem;
}

.sol_page .sol3 .wrap .module.mod2 .c3 .cont .icon {
  height: 1.28rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod2 .c4 {
  width: 10.04rem;
  height: 2.26rem;
  right: 0;
  top: 2.42rem;
}

.sol_page .sol3 .wrap .module.mod2 .c4 .cont {
  justify-content: space-between;
  padding: 0.35rem;
  padding-left: 0.42rem;
  padding-right: 1rem;
  gap: 0.3rem;
}

.sol_page .sol3 .wrap .module.mod2 .c4 .cont .desc {
  width: 6rem;
}

.sol_page .sol3 .wrap .module.mod2 .c4 .cont .tit {
  margin-bottom: 0.16rem;
}

.sol_page .sol3 .wrap .module.mod2 .c4 .cont .icon {
  height: 1.28rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod2 .c5 {
  width: 8.22rem;
  height: 2.52rem;
  right: 0;
  bottom: 0;
}

.sol_page .sol3 .wrap .module.mod2 .c5 .cont {
  justify-content: space-between;
  padding: 0.35rem;
  padding-left: 0.42rem;
  padding-right: 1rem;
  gap: 0.3rem;
}

.sol_page .sol3 .wrap .module.mod2 .c5 .cont .desc {
  width: 4.3rem;
}

.sol_page .sol3 .wrap .module.mod2 .c5 .cont .tit {
  margin-bottom: 0.16rem;
}

.sol_page .sol3 .wrap .module.mod2 .c5 .cont .icon {
  height: 1.28rem;
  width: auto;
}

.sol_page .sol3 .wrap .module.mod3 {
  display: flex;
  gap: 0.16rem;
  flex-wrap: wrap;
}

.sol_page .sol3 .wrap .module.mod3 .mcard {
  position: relative;
  width: calc((100% - 0.16rem) / 2);
  height: 2rem;
}

.sol_page .sol3 .wrap .module.mod3 .mcard .cont {
  padding: 0.5rem 0.9rem;
  gap: 1.6rem;
  justify-content: flex-start;
}

.sol_page .sol3 .wrap .module.mod3 .mcard .cont .tit {
  margin-bottom: 0.16rem;
}

.sol_page .sol3 .wrap .module.mod3 .mcard .cont .icon {
  height: 1rem;
  width: auto;
}

.sol_page .sol4 {
  padding: 0.8rem 0;
}

.sol_page .sol4 .wrap {
  height: 8rem;
  width: 100%;
  position: relative;
  border-radius: 0.3rem;
  overflow: hidden;
}

.sol_page .sol4 .wrap .bg {
  width: 100%;
  height: 100%;
}

.sol_page .sol4 .wrap .mask {
  background: linear-gradient(271deg, #111 39.02%, rgba(17, 17, 17, 0) 99.31%);
  position: absolute;
  right: 0;
  top: 0;
  width: 11rem;
  height: 100%;
}

.sol_page .sol4 .wrap .cont {
  position: absolute;
  top: 0;
  right: 0.3rem;
  width: 6.7rem;
  height: 100%;
  padding: 1rem 0 0.4rem;
}

.sol_page .sol4 .wrap .cont>.tit {
  margin-bottom: 0.5rem;
}

.sol_page .sol4 .wrap .cont .list {
  display: flex;
  flex-direction: column;
  max-height: 5rem;
  overflow: auto;
  padding-right: 0.15rem;
}

.sol_page .sol4 .wrap .cont .list .item {
  padding: 0.25rem 0;
  cursor: pointer;
}

.sol_page .sol4 .wrap .cont .list .item:first-child {
  padding-top: 0;
}

.sol_page .sol4 .wrap .cont .list .item:last-child {
  padding-bottom: 0;
}

.sol_page .sol4 .wrap .cont .list .item .top {
  display: flex;
  justify-content: space-between;
}

.sol_page .sol4 .wrap .cont .list .item .top .icon {
  width: 0.3rem;
  height: 0.3rem;
  transform: rotate(-180deg);
  transition: all 0.4s;
}

.sol_page .sol4 .wrap .cont .list .item .info {
  margin-top: 0.2rem;
  display: none;
}

.sol_page .sol4 .wrap .cont .list .item.active .top .icon {
  transform: rotate(0deg);
}

.sol_page .sol5 {
  padding: 0.8rem 0;
}

.sol_page .sol5 .wrap .pic {
  width: 100%;
  height: 8.8rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #fff;
}

.sol_page .sol6 {
  padding: 0.8rem 0;
}

.sol_page .sol6 .wrap .swiper_sol6 {
  width: 100%;
  overflow: hidden;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide {
  width: 100%;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item {
  width: calc((100% - 0.7rem) / 3);
  min-height: 5.3rem;
  border-radius: 0.2rem;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  padding: 0.5rem 0 0.3rem;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 0.4s;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info {
  position: relative;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .desc {
  margin-bottom: 0.2rem;
  padding: 0 0.4rem;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .desc .tit {
  margin-bottom: 0.08rem;
  transition: all 0.4s;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .desc .subtit {
  transition: all 0.4s;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .desc .txt {
  margin-top: 0.12rem;
  transition: all 0.4s;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .pic_box {
  width: 100%;
  height: 3.2rem;
  display: flex;
  justify-content: space-between;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .pic_box .pic1 {
  height: 100%;
  position: relative;
  padding: 0.5rem 0;
  width: 1rem;
  margin-left: 0.4rem;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .pic_box .pic1 img {
  transition: all 0.4s;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .pic_box .pic1 .img2 {
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .pic_box .pic2 {
  height: 100%;
  flex: 1;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .ibtn {
  padding: 0 0.4rem;
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.14rem;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .ibtn .btn_txt {
  transition: all 0.4s;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .ibtn .btn_icon {
  width: 0.22rem;
  height: 0.22rem;
  transition: all 0.4s;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .ibtn .btn_icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .ibtn .btn_icon svg circle {
  transition: all 0.4s;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item .info .ibtn .btn_icon svg path {
  transition: all 0.4s;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item:hover .bg {
  opacity: 1;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item:hover .info .desc .tit,
.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item:hover .info .desc .subtit,
.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item:hover .info .desc .txt {
  color: #fff;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item:hover .info .pic_box .pic1 .img1 {
  opacity: 0;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item:hover .info .pic_box .pic1 .img2 {
  opacity: 1;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item:hover .info .ibtn .btn_txt {
  color: #fff;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item:hover .info .ibtn .btn_icon svg path {
  stroke: #fff;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-slide .list .item:hover .info .ibtn .btn_icon svg circle {
  fill: transparent;
  stroke: #fff;
}

.sol_page .sol6 .wrap .swiper_sol6 .swiper-action {
  margin-top: 0.6rem;
}
.sol_page .sol6 .wrap .pc_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.sol_page .sol6 .wrap .pc_list .item {
  width: calc((100% - 0.7rem) / 3);
  min-height: 5.3rem;
  border-radius: 0.2rem;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  padding: 0.5rem 0 0.3rem;
}
.sol_page .sol6 .wrap .pc_list .item .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 0.4s;
}
.sol_page .sol6 .wrap .pc_list .item .info {
  position: relative;
}
.sol_page .sol6 .wrap .pc_list .item .info .desc {
  margin-bottom: 0.2rem;
  padding: 0 0.4rem;
}
.sol_page .sol6 .wrap .pc_list .item .info .desc .tit {
  margin-bottom: 0.08rem;
  transition: all 0.4s;
}
.sol_page .sol6 .wrap .pc_list .item .info .desc .subtit {
  transition: all 0.4s;
}
.sol_page .sol6 .wrap .pc_list .item .info .desc .txt {
  margin-top: 0.12rem;
  transition: all 0.4s;
}
.sol_page .sol6 .wrap .pc_list .item .info .pic_box {
  width: 100%;
  height: 3.2rem;
  display: flex;
  justify-content: space-between;
}
.sol_page .sol6 .wrap .pc_list .item .info .pic_box .pic1 {
  height: 100%;
  position: relative;
  padding: 0.5rem 0;
  width: 1rem;
  margin-left: 0.4rem;
}
.sol_page .sol6 .wrap .pc_list .item .info .pic_box .pic1 img {
  transition: all 0.4s;
}
.sol_page .sol6 .wrap .pc_list .item .info .pic_box .pic1 .img2 {
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
}
.sol_page .sol6 .wrap .pc_list .item .info .pic_box .pic2 {
  height: 100%;
  flex: 1;
}
.sol_page .sol6 .wrap .pc_list .item .info .ibtn {
  padding: 0 0.4rem;
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.14rem;
}
.sol_page .sol6 .wrap .pc_list .item .info .ibtn .btn_txt {
  transition: all 0.4s;
}
.sol_page .sol6 .wrap .pc_list .item .info .ibtn .btn_icon {
  width: 0.22rem;
  height: 0.22rem;
  transition: all 0.4s;
}
.sol_page .sol6 .wrap .pc_list .item .info .ibtn .btn_icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sol_page .sol6 .wrap .pc_list .item .info .ibtn .btn_icon svg circle {
  transition: all 0.4s;
}
.sol_page .sol6 .wrap .pc_list .item .info .ibtn .btn_icon svg path {
  transition: all 0.4s;
}
.sol_page .sol6 .wrap .pc_list .item:hover .bg {
  opacity: 1;
}
.sol_page .sol6 .wrap .pc_list .item:hover .info .desc .tit,
.sol_page .sol6 .wrap .pc_list .item:hover .info .desc .subtit,
.sol_page .sol6 .wrap .pc_list .item:hover .info .desc .txt {
  color: #fff;
}
.sol_page .sol6 .wrap .pc_list .item:hover .info .pic_box .pic1 .img1 {
  opacity: 0;
}
.sol_page .sol6 .wrap .pc_list .item:hover .info .pic_box .pic1 .img2 {
  opacity: 1;
}
.sol_page .sol6 .wrap .pc_list .item:hover .info .ibtn .btn_txt {
  color: #fff;
}
.sol_page .sol6 .wrap .pc_list .item:hover .info .ibtn .btn_icon svg path {
  stroke: #fff;
}
.sol_page .sol6 .wrap .pc_list .item:hover .info .ibtn .btn_icon svg circle {
  fill: transparent;
  stroke: #fff;
}

.sol_page .sol7 {
  padding: 0.8rem 0;
}

.sol_page .sol7 .wrap .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.7rem;
}

.sol_page .sol7 .wrap .top .desc-tit {
  margin-bottom: 0;
}

.sol_page .sol7 .wrap .top .desc-tit>.txt {
  margin-top: 0.14rem;
}

.sol_page .sol7 .wrap .top .type_list .item {
  cursor: pointer;
}

.sol_page .sol7 .wrap .cont {
  display: none;
}

.sol_page .sol7 .wrap .cont.active {
  display: block;
}

.sol_page .sol7 .wrap .cont .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.sol_page .sol7 .wrap .cont .list .item {
  width: calc((100% - 0.7rem) / 3);
  height: 1.6rem;
  border-radius: 0.2rem;
  background-color: #fff;
  overflow: hidden;
  padding: 0.12rem;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  transition: all 0.4s;
}

.sol_page .sol7 .wrap .cont .list .item .icon {
  width: 1.35rem;
  height: 1.35rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.95);
  transition: all 0.4s;
}

.sol_page .sol7 .wrap .cont .list .item .desc .tit {
  margin-bottom: 0.6rem;
  transition: all 0.4s;
}

.sol_page .sol7 .wrap .cont .list .item .desc .down {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.sol_page .sol7 .wrap .cont .list .item .desc .down .d_icon {
  width: 0.4rem;
  height: 0.4rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sol_page .sol7 .wrap .cont .list .item .desc .down .d_txt {
  transition: all 0.4s;
}

.sol_page .sol7 .wrap .cont .list .item:hover {
  transform: translateY(-2px);
}

.sol_page .sol7 .wrap .cont .list .item:hover .icon {
  transform: scale(1);
}

.sol_page .sol7 .wrap .cont .list .item:hover .desc .tit {
  color: var(--vicolor);
}

.sol_page .sol7 .wrap .cont .list .item:hover .desc .down .d_txt {
  color: #000;
}

.sol_page .sol8 {
  padding: 0.8rem 0;
}
.sol_page .sol8 .wrap .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.33rem;
}
.sol_page .sol8 .wrap .list .item {
  width: calc((100% - 0.99rem) / 4);
}
.sol_page .sol8 .wrap .list .item .pic {
  width: 100%;
  height: 4.2rem;
  border-radius: 0.2rem;
  margin-bottom: 0.3rem;
}
.sol_page .sol8 .wrap .list2 {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.32rem;
  row-gap: 0.42rem;
}
.sol_page .sol8 .wrap .list2 .item {
  width: calc((100% - 0.64rem) / 3);
}
.sol_page .sol8 .wrap .list2 .item .pic {
  height: 3.8rem;
  width: 100%;
  margin-bottom: 0.26rem;
  border-radius: 0.2rem;
}

.pol_page .desc-tit {
  margin-bottom: 0.7rem;
}

.pol_page .nybanner {
  margin-bottom: .4rem;
}

.pol_page .nybanner .cont .desc .icon {
  height: 0.75rem;
  width: fit-content;
  margin-bottom: 0.4rem;
}

.pol_page .nybanner .cont .desc .tit {
  font-size: 0.6rem;
}

.pol_page .nybanner .cont .desc .txt {
  font-size: 0.24rem;
  margin-top: 0.24rem;
}

.pol_page .pol1 {
  padding: 0.8rem 0;
}

.pol_page .pol1 .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.4rem;
}

.pol_page .pol1 .wrap .tit {
  margin-bottom: 0.25rem;
  flex: 1;
}

.pol_page .pol1 .wrap .txt {
  max-width: 9.8rem;
  /* max-height: 2.8rem; */
  /* overflow-y: auto; */
  padding-right: 0.15rem;
}

.pol_page .pol1 .wrap .txt p {
  margin-bottom: 0.1rem;
}

.pol_page .pol1 .wrap .txt p:last-child {
  margin-bottom: 0;
}

.pol_page .pol2 {
  padding: 0.8rem 0;
}

.pol_page .pol2 .wrap .desc-tit {
  margin-bottom: 0.7rem;
}

.pol_page .pol2 .wrap .list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.pol_page .pol2 .wrap .list .item {
  width: calc((100% - 1.2rem) / 4);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
}

.pol_page .pol2 .wrap .list .item .icon {
  width: 0.5rem;
  height: 0.5rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pol_page .pol2 .wrap .list .item .desc .subtit {
  margin-bottom: 0.12rem;
}

.pol_page .pol3 {
  padding: 0.8rem 0;
}

.pol_page .pol3 .wrap .card1 {

  width: 100%;
  height: 4rem;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}

.pol_page .pol3 .wrap .card1 .bg {
  position: absolute;
  inset: 0;
}

.pol_page .pol3 .wrap .card1 .info {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.85rem 0.5rem 1rem;
}

.pol_page .pol3 .wrap .card1 .info .desc .tit {
  margin-bottom: 0.3rem;
}

.pol_page .pol3 .wrap .card1 .info .icon {
  height: 3rem;
  width: auto;
  max-width: 3rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pol_page .pol3 .wrap .card2 {
  /*margin-top: 1.6rem;*/
  width: 100%;
  height: 8rem;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #fff;
}

.pol_page .pol3 .wrap .card2 .bg {
  position: absolute;
  inset: 0;
}

.pol_page .pol3 .wrap .card2 .info {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
}

.pol_page .pol3 .wrap .card2 .info .list {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  width: 5rem;
}

.pol_page .pol3 .wrap .card2 .info .list .item .tit {
  margin-bottom: 0.22rem;
}

.pol_page .pol4 {
  padding: 0.8rem 0;
}

.pol_page .pol4 .wrap .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.16rem;
}

.pol_page .pol4 .wrap .list .item {
  width: calc((100% - 0.48rem) / 4);
  border-radius: 0.2rem;
  background-color: #fff;
  overflow: hidden;
  height: 3.25rem;
  position: relative;
}

.pol_page .pol4 .wrap .list .item .bg {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 0.4s;
  background: linear-gradient(90deg, #2890CF 0%, #305BA8 48%, #B671AB 100%);
}

.pol_page .pol4 .wrap .list .item .info {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.5rem 0.42rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}

.pol_page .pol4 .wrap .list .item .info .tit {
  transition: all 0.4s;
}

.pol_page .pol4 .wrap .list .item .info .icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}

.pol_page .pol4 .wrap .list .item:hover .bg {
  opacity: 1;
}

.pol_page .pol4 .wrap .list .item:hover .info .tit {
  color: #fff;
}

.pol_page .pol4 .wrap .list .item:hover .info .icon {
  filter: brightness(0) invert(1);
}

.pol_page .pol5 {
  padding: 0.8rem 0;
}

.pol_page .pol5 .wrap .pic {
  width: 100%;
  height: 100%;
}

.pol_page .pol6 {
  padding: 0.8rem 0;
}

.pol_page .pol6 .wrap .swiper_pol6 {
  width: 100%;
  overflow: hidden;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide {
  width: 100%;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item {
  width: calc((100% - 0.7rem) / 3);
  min-height: 5.3rem;
  border-radius: 0.2rem;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  padding: 0.5rem 0 0.3rem;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 0.4s;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info {
  position: relative;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .desc {
  margin-bottom: 0.2rem;
  padding: 0 0.4rem;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .desc .tit {
  margin-bottom: 0.08rem;
  transition: all 0.4s;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .desc .subtit {
  transition: all 0.4s;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .desc .txt {
  margin-top: 0.12rem;
  transition: all 0.4s;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .pic_box {
  width: 100%;
  height: 3.2rem;
  display: flex;
  justify-content: space-between;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .pic_box .pic1 {
  height: 100%;
  position: relative;
  padding: 0.5rem 0;
  width: 1rem;
  margin-left: 0.4rem;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .pic_box .pic1 img {
  transition: all 0.4s;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .pic_box .pic1 .img2 {
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .pic_box .pic2 {
  height: 100%;
  flex: 1;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .ibtn {
  margin-top: 0.2rem;
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  gap: 0.14rem;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .ibtn .btn_txt {
  transition: all 0.4s;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .ibtn .btn_icon {
  width: 0.22rem;
  height: 0.22rem;
  transition: all 0.4s;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .ibtn .btn_icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .ibtn .btn_icon svg circle {
  transition: all 0.4s;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item .info .ibtn .btn_icon svg path {
  transition: all 0.4s;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item:hover .bg {
  opacity: 1;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item:hover .info .desc .tit,
.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item:hover .info .desc .subtit,
.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item:hover .info .desc .txt {
  color: #fff;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item:hover .info .pic_box .pic1 .img1 {
  opacity: 0;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item:hover .info .pic_box .pic1 .img2 {
  opacity: 1;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item:hover .info .ibtn .btn_txt {
  color: #fff;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item:hover .info .ibtn .btn_icon svg path {
  stroke: #fff;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-slide .list .item:hover .info .ibtn .btn_icon svg circle {
  fill: transparent;
  stroke: #fff;
}

.pol_page .pol6 .wrap .swiper_pol6 .swiper-action {
  margin-top: 0.6rem;
}
.pol_page .pol6 .wrap .pc_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.pol_page .pol6 .wrap .pc_list .item {
  width: calc((100% - 0.7rem) / 3);
  min-height: 5.3rem;
  border-radius: 0.2rem;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  padding: 0.5rem 0 0.3rem;
}
.pol_page .pol6 .wrap .pc_list .item .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 0.4s;
}
.pol_page .pol6 .wrap .pc_list .item .info {
  position: relative;
}
.pol_page .pol6 .wrap .pc_list .item .info .desc {
  margin-bottom: 0.2rem;
  padding: 0 0.4rem;
}
.pol_page .pol6 .wrap .pc_list .item .info .desc .tit {
  margin-bottom: 0.08rem;
  transition: all 0.4s;
}
.pol_page .pol6 .wrap .pc_list .item .info .desc .subtit {
  transition: all 0.4s;
}
.pol_page .pol6 .wrap .pc_list .item .info .desc .txt {
  margin-top: 0.12rem;
  transition: all 0.4s;
}
.pol_page .pol6 .wrap .pc_list .item .info .pic_box {
  width: 100%;
  height: 3.2rem;
  display: flex;
  justify-content: space-between;
}
.pol_page .pol6 .wrap .pc_list .item .info .pic_box .pic1 {
  height: 100%;
  position: relative;
  padding: 0.5rem 0;
  width: 1rem;
  margin-left: 0.4rem;
}
.pol_page .pol6 .wrap .pc_list .item .info .pic_box .pic1 img {
  transition: all 0.4s;
}
.pol_page .pol6 .wrap .pc_list .item .info .pic_box .pic1 .img2 {
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
}
.pol_page .pol6 .wrap .pc_list .item .info .pic_box .pic2 {
  height: 100%;
  flex: 1;
}
.pol_page .pol6 .wrap .pc_list .item .info .ibtn {
  margin-top: 0.2rem;
  padding: 0 0.4rem;
  display: flex;
  align-items: center;
  gap: 0.14rem;
}
.pol_page .pol6 .wrap .pc_list .item .info .ibtn .btn_txt {
  transition: all 0.4s;
}
.pol_page .pol6 .wrap .pc_list .item .info .ibtn .btn_icon {
  width: 0.22rem;
  height: 0.22rem;
  transition: all 0.4s;
}
.pol_page .pol6 .wrap .pc_list .item .info .ibtn .btn_icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pol_page .pol6 .wrap .pc_list .item .info .ibtn .btn_icon svg circle {
  transition: all 0.4s;
}
.pol_page .pol6 .wrap .pc_list .item .info .ibtn .btn_icon svg path {
  transition: all 0.4s;
}
.pol_page .pol6 .wrap .pc_list .item:hover .bg {
  opacity: 1;
}
.pol_page .pol6 .wrap .pc_list .item:hover .info .desc .tit,
.pol_page .pol6 .wrap .pc_list .item:hover .info .desc .subtit,
.pol_page .pol6 .wrap .pc_list .item:hover .info .desc .txt {
  color: #fff;
}
.pol_page .pol6 .wrap .pc_list .item:hover .info .pic_box .pic1 .img1 {
  opacity: 0;
}
.pol_page .pol6 .wrap .pc_list .item:hover .info .pic_box .pic1 .img2 {
  opacity: 1;
}
.pol_page .pol6 .wrap .pc_list .item:hover .info .ibtn .btn_txt {
  color: #fff;
}
.pol_page .pol6 .wrap .pc_list .item:hover .info .ibtn .btn_icon svg path {
  stroke: #fff;
}
.pol_page .pol6 .wrap .pc_list .item:hover .info .ibtn .btn_icon svg circle {
  fill: transparent;
  stroke: #fff;
}

.pol_page .pol7 {
  padding: 0.8rem 0;
}

.pol_page .pol7 .wrap {
  width: 100%;
  height: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.pol_page .pol7 .wrap .pic {
  width: 10rem;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.pol_page .pol7 .wrap .tit {
  max-width: 5.35rem;
  flex-shrink: 0;
}

.pol_page .pol7 .wrap .txt {
  max-width: 5.5rem;
}

.pol_page .pol8 {
  padding: 0.8rem 0;
}

.pol_page .pol8 .wrap .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.33rem;
  margin-bottom: 1.6rem;
}

.pol_page .pol8 .wrap .list .item {
  width: calc((100% - 0.99rem) / 4);
}

.pol_page .pol8 .wrap .list .item .pic {
  width: 100%;
  height: 4.2rem;
  border-radius: 0.2rem;
  margin-bottom: 0.3rem;
}

.pol_page .pol8 .wrap .card1 {
  width: 100%;
  height: 8rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 1.6rem;
}

.pol_page .pol8 .wrap .card1 .pic {
  width: 100%;
  height: 100%;
}

.pol_page .pol8 .wrap .card2 {
  width: 100%;
  height: 8rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  margin-bottom: 1.6rem;
}

.pol_page .pol8 .wrap .card2 .bg {
  position: absolute;
  inset: 0;
}

.pol_page .pol8 .wrap .card2 .info {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem 0.8rem;
}

.pol_page .pol8 .wrap .card2 .info .icon {
  margin-top: 0.8rem;
  margin-bottom: 0.7rem;
  height: 0.55rem;
  width: fit-content;
}

.pol_page .pol8 .wrap .card2 .info .tit {
  background: linear-gradient(90deg, #2890CF 0%, #305BA8 48%, #B671AB 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}

.pol_page .pol8 .wrap .card3 {
  width: 100%;
  height: 4rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #fff;
  display: flex;
}

.pol_page .pol8 .wrap .card3 .desc {
  flex: 1;
  padding: 0.5rem 0.9rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pol_page .pol8 .wrap .card3 .desc .tit {
  margin-bottom: 0.36rem;
}

.pol_page .pol8 .wrap .card3 .video_box {
  width: 7.3rem;
  height: 100%;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}

.pol_page .pol8 .wrap .card3 .video_box .pic {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}

.pol_page .pol8 .wrap .card3 .video_box .pic .mask {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.pol_page .pol8 .wrap .card3 .video_box .pic .play_box {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.4s;
  transform: translateX(-50%) translateY(-50%);
}

.pol_page .pol8 .wrap .card3 .video_box .pic .play_box .icon {
  transition: all 0.4s;
}

.pol_page .pol8 .wrap .card3 .video_box .pic:hover .play_box .icon {
  transform: scale(1.1);
}

.pol_page .pol9 {
  padding: 0.8rem 0;
}

.pol_page .pol9 .wrap .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 0.7rem;
}

.pol_page .pol9 .wrap .top .desc-tit {
  margin-bottom: 0;
}

.pol_page .pol9 .wrap .top .desc-tit>.txt {
  margin-top: 0.14rem;
  font-weight: 300;
  font-family: "mst";
}

.pol_page .pol9 .wrap .top .type_list .item {
  cursor: pointer;
}

.pol_page .pol9 .wrap .cont {
  display: none;
}

.pol_page .pol9 .wrap .cont.active {
  display: block;
}

.pol_page .pol9 .wrap .cont .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.pol_page .pol9 .wrap .cont .list .item {
  width: calc((100% - 0.7rem) / 3);
  height: 1.6rem;
  border-radius: 0.2rem;
  background-color: #fff;
  overflow: hidden;
  padding: 0.12rem;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  transition: all 0.4s;
}

.pol_page .pol9 .wrap .cont .list .item .icon {
  width: 1.35rem;
  height: 1.35rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.95);
  transition: all 0.4s;
}

.pol_page .pol9 .wrap .cont .list .item .desc .tit {
  margin-bottom: 0.6rem;
  transition: all 0.4s;
}

.pol_page .pol9 .wrap .cont .list .item .desc .down {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}

.pol_page .pol9 .wrap .cont .list .item .desc .down .d_icon {
  width: 0.4rem;
  height: 0.4rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pol_page .pol9 .wrap .cont .list .item .desc .down .d_txt {
  transition: all 0.4s;
}

.pol_page .pol9 .wrap .cont .list .item:hover {
  transform: translateY(-2px);
}

.pol_page .pol9 .wrap .cont .list .item:hover .icon {
  transform: scale(1);
}

.pol_page .pol9 .wrap .cont .list .item:hover .desc .tit {
  color: var(--vicolor);
}

.pol_page .pol9 .wrap .cont .list .item:hover .desc .down .d_txt {
  color: #000;
}

.app_page .desc-tit {
  margin-bottom: 0.7rem;
}

.app_page .desc-tit .subtit {
  margin-top: 0.24rem;
}

.app_page .nybanner .cont {
  position: relative;
}

.app_page .nybanner .cont .desc {
  position: absolute;
  left: 50%;
  bottom: 1.1rem;
  transform: translateX(-50%);
}

.app_page .nybanner .cont .desc .tit {
  font-size: 0.6rem;
}

.app_page .nybanner .cont .desc .txt {
  font-size: 0.24rem;
  margin-top: 0.24rem;
}

.app_page .app1 {
  padding: 1.2rem 0;
}

.app_page .app1 .wrap {
  display: flex;
  gap: 0.8rem;
}

.app_page .app1 .wrap .info {
  flex: 1;
  position: relative;
}

.app_page .app1 .wrap .info .icon {
  width: fit-content;
  height: 0.8rem;
  margin-bottom: 0.6rem;
}

.app_page .app1 .wrap .info .tit {
  margin-bottom: 0.22rem;
}

.app_page .app1 .wrap .list {
  width: 9.5rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.3rem;
  row-gap: 0.24rem;
}

.app_page .app1 .wrap .list .item {
  width: calc((100% - 0.3rem) / 2);
  height: 1.9rem;
  border-radius: 0.28rem;
  background-color: rgb(241, 241, 242);
  overflow: hidden;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  border: 0.5px solid rgba(17, 17, 17, 0.35);
  transition: all 0.4s;
  position: relative;
}

.app_page .app1 .wrap .list .item .bg {
  position: absolute;
  inset: 0;
}

.app_page .app1 .wrap .list .item .icon {
  width: 0.6rem;
  height: 0.6rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.app_page .app1 .wrap .list .item .desc .subtit {
  margin-bottom: 0.06rem;
}

.app_page .app1 .wrap .list .item:hover {
  transform: translateY(-2px);
  /* border-color: var(--vicolor); */
}

.app_page .app2 {
  width: 100%;
  min-height: 8.6rem;
  position: relative;
  padding: 1rem 0 0.4rem;
}

.app_page .app2 .bg {
  position: absolute;
  inset: 0;
}

.app_page .app2 .wrap {
  position: relative;
}

.app_page .app2 .wrap .pic {
  width: 11rem;
  height: auto;
  margin: 0 auto;
}

.app_page .app3 {
  padding: 1.4rem 0 0.8rem;
}

.app_page .app3 .wrap .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.36rem;
  padding: 0 1.1rem;
}

.app_page .app3 .wrap .list .item {
  width: calc((100% - 1.44rem) / 5);
  height: 2.6rem;
  border-radius: 0.62rem;
  background: #FFF;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 6.9px rgba(0, 0, 0, 0.59);
  transition: all 0.4s;
  cursor: pointer;
}

.app_page .app3 .wrap .list .item .bg {
  position: absolute;
  height: 2.53rem;
  width: 100%;
  bottom: 0;
  left: 0;
  border-radius: 0.62rem;
  background: linear-gradient(180deg, #EDEEF1 0%, #FEFEFF 100%);
}

.app_page .app3 .wrap .list .item .bg img {
  opacity: 0;
  transition: all 0.4s;
}

.app_page .app3 .wrap .list .item .info {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
  transition: all 0.4s;
}

.app_page .app3 .wrap .list .item .info .icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;
}

.app_page .app3 .wrap .list .item .info .tit {
  transition: all 0.4s;
  text-align: center;
}

.app_page .app3 .wrap .list .item:hover {
  transform: translateY(-2px);
}

.app_page .app3 .wrap .list .item:hover .bg img {
  opacity: 1;
}

.app_page .app3 .wrap .list .item:hover .info {
  opacity: 1;
}

.app_page .app3 .wrap .list .item:hover .info .tit {
  color: #333;
}

.app_page .app4 {
  padding: 0.8rem 0;
}

.app_page .app4 .wrap {
  display: flex;
  height: 5rem;
  position: relative;
}

.app_page .app4 .wrap .swiper_app4 {
  width: 8rem;
  flex-shrink: 0;
  height: 100%;
  overflow: hidden;
}

.app_page .app4 .wrap .swiper_app4 .swiper-slide {
  width: 100%;
  height: 100%;
}

.app_page .app4 .wrap .swiper_app4 .swiper-slide .pic {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}

.app_page .app4 .wrap .info {
  flex: 1;
  padding-left: 0.8rem;
  height: 100%;
}

.app_page .app4 .wrap .info>.tit {
  margin-bottom: 0.7rem;
}

.app_page .app4 .wrap .info .list {
  display: flex;
  flex-direction: column;
  max-height: 3.3rem;
  overflow: auto;
  padding-right: 0.15rem;
}

.app_page .app4 .wrap .info .list .item {
  cursor: pointer;
  padding: 0.3rem 0;
}

.app_page .app4 .wrap .info .list .item:first-child {
  padding-top: 0;
}

.app_page .app4 .wrap .info .list .item:last-child {
  padding-bottom: 0;
}

.app_page .app4 .wrap .info .list .item .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.app_page .app4 .wrap .info .list .item .top .icon {
  width: 0.15rem;
  height: 0.15rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.app_page .app4 .wrap .info .list .item .detail {
  margin-top: 0.22rem;
  display: none;
}

.app_page .app5 {
  padding: 0.8rem 0 .5rem;
}

.app_page .app5 .wrap {
  position: relative;
}

.app_page .app5 .wrap .bg {
  width: 100%;
  height: auto;
}

.app_page .app5 .wrap .tit {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-shadow: 0 4px 5.6px rgba(0, 0, 0, 0.72);
}

.pro_page {
  padding-top: 0.7rem;
}

.pro_page .pro1 {
  padding: 1.5rem 0 1rem;
}

.pro_page .pro1 .wrap>.tit {
  margin-bottom: 0.8rem;
}

.pro_page .pro1 .wrap .cont {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.pro_page .pro1 .wrap .cont .filters {
  width: 4rem;
  flex-shrink: 0;
  position: sticky;
  top: 1.2rem;
}

.pro_page .pro1 .wrap .cont .filters>.tit {
  margin-bottom: 0.52rem;
}

.pro_page .pro1 .wrap .cont .filters .list {
  display: flex;
  flex-direction: column;
}

.pro_page .pro1 .wrap .cont .filters .list .item {
  width: 100%;
  padding: 0.32rem 0;
  border-bottom: 1px solid #A6A6A6;
}

.pro_page .pro1 .wrap .cont .filters .list .item .inner {
  display: block;
}

.pro_page .pro1 .wrap .cont .filters .list .item .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.pro_page .pro1 .wrap .cont .filters .list .item .top .icon {
  width: 0.15rem;
  height: 0.15rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(0deg);
  transition: all 0.4s;
}

.pro_page .pro1 .wrap .cont .filters .list .item.active .top .icon {
  transform: rotate(-180deg);
}

.pro_page .pro1 .wrap .cont .filters .list .item .checkbox_list {
  margin-top: 0.22rem;
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

.pro_page .pro1 .wrap .cont .filters .list .item .checkbox_list .cbox_item {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  height: 0.2rem;
  cursor: pointer;
}

.pro_page .pro1 .wrap .cont .filters .list .item .checkbox_list .cbox_item.disabled {
  cursor: not-allowed;
}

.pro_page .pro1 .wrap .cont .filters .list .item .checkbox_list .cbox_item.disabled span {
  color: #868686;
}

.pro_page .pro1 .wrap .cont .filters .list .item .checkbox_list .cbox_item .cbox_input {
  appearance: none;
  width: 0.2rem;
  height: 0.2rem;
  flex-shrink: 0;
  border-radius: 0.04rem;
  border: 1px solid #C7C7C7;
  transition: all 0.4s;
  position: relative;
}

.pro_page .pro1 .wrap .cont .filters .list .item .checkbox_list .cbox_item .cbox_input:checked {
  background-color: var(--vicolor);
  border-color: var(--vicolor);
}

.pro_page .pro1 .wrap .cont .filters .list .item .checkbox_list .cbox_item .cbox_input:checked+span {
  font-weight: 500;
  color: var(--vicolor);
}

.pro_page .pro1 .wrap .cont .filters .list .item .checkbox_list .cbox_item .cbox_input:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  width: 0.05rem;
  height: 0.1rem;
  border: 1.5px solid #fff;
  border-top: none;
  border-left: none;
}

.pro_page .pro1 .wrap .cont .filters .list .item:last-child {
  border-bottom: none;
}

.pro_page .pro1 .wrap .cont .rg {
  flex: 1;
  padding-left: 0.9rem;
  min-height: 10rem;
  position: sticky;
  top: 1.2rem;

}

.pro_page .pro1 .wrap .cont .rg .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.36rem;
}

.pro_page .pro1 .wrap .cont .rg .top .filter_tags {
  display: flex;
  gap: 0.3rem;
  flex-wrap: wrap;
}

.pro_page .pro1 .wrap .cont .rg .top .filter_tags .tag {
  display: flex;
  align-items: center;
  gap: 0.16rem;
  padding: 0.1rem 0.22rem;
  border-radius: 0.08rem;
  background: #fff;
  position: relative;
}

.pro_page .pro1 .wrap .cont .rg .top .filter_tags .tag::after {
  padding: 0.8px;
  background: linear-gradient(170deg, rgba(2, 91, 146, 0.3960784314) 0%, rgba(0, 81, 255, 0) 35%, rgba(0, 81, 255, 0) 65%, rgba(179, 31, 36, 0.3960784314) 100%);
}

.pro_page .pro1 .wrap .cont .rg .top .filter_tags .tag .close {
  cursor: pointer;
  width: 0.12rem;
  height: 0.12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  opacity: 0.6;
}

.pro_page .pro1 .wrap .cont .rg .top .filter_tags .tag .close:hover {
  opacity: 1;
}

.pro_page .pro1 .wrap .cont .rg .top .filter_tags .tag .close svg {
  width: 100%;
  height: 100%;
}

.pro_page .pro1 .wrap .cont .rg .top .clear {
  cursor: pointer;
  text-decoration: underline;
}

.pro_page .pro1 .wrap .cont .rg .top .clear span {
  transition: all 0.4s;
}

.pro_page .pro1 .wrap .cont .rg .top .clear:hover span {
  color: #000;
}

.pro_page .pro1 .wrap .cont .rg .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}

.pro_page .pro1 .wrap .cont .rg .list .item {
  width: calc((100% - 0.2rem) / 2);
  min-height: 2.3rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background: #FFF;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3rem;
  padding: 0.3rem;
  transition: all 0.4s ease;
}

.pro_page .pro1 .wrap .cont .rg .list .item .is_new {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
}

.pro_page .pro1 .wrap .cont .rg .list .item .is_new svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pro_page .pro1 .wrap .cont .rg .list .item .pic {
  width: 1.7rem;
  height: 1.7rem;
  flex-shrink: 0;
}

.pro_page .pro1 .wrap .cont .rg .list .item .desc {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pro_page .pro1 .wrap .cont .rg .list .item .desc .info .tit {
  margin-bottom: 0.06rem;
  transition: all 0.4s;
}

.pro_page .pro1 .wrap .cont .rg .list .item .desc .info .subtit {
  margin-bottom: 0.16rem;
}

.pro_page .pro1 .wrap .cont .rg .list .item .desc .info .tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.06rem;
  align-items: center;
  margin-bottom: 0.15rem;
}

.pro_page .pro1 .wrap .cont .rg .list .item .desc .info .tag_list .tag {
  padding: 0.06rem 0.14rem;
  color: #025A92;
  border-radius: 0.14rem;
  border: 1px solid #025A92;
  transition: all 0.4s ease;
}

.pro_page .pro1 .wrap .cont .rg .list .item .desc .btn {
  display: flex;
  align-items: center;
  gap: 0.14rem;
  transition: all 0.4s ease;
}

.pro_page .pro1 .wrap .cont .rg .list .item .desc .btn .btn_icon {
  width: 0.22rem;
  height: 0.22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.pro_page .pro1 .wrap .cont .rg .list .item .desc .btn .btn_icon svg circle {
  transition: all 0.4s ease;
}

.pro_page .pro1 .wrap .cont .rg .list .item .desc .btn .btn_icon svg path {
  transition: all 0.4s ease;
}

.pro_page .pro1 .wrap .cont .rg .list .item:hover {
  box-shadow: 0 0 63.4px 0 rgba(1, 38, 61, 0.05);
}

.pro_page .pro1 .wrap .cont .rg .list .item:hover .desc .info .tit {
  color: var(--vicolor);
}

.pro_page .pro1 .wrap .cont .rg .list .item:hover .desc .btn {
  color: var(--vicolor);
}

.pro_page .pro1 .wrap .cont .rg .list .item:hover .desc .btn .btn_icon svg circle {
  fill: var(--vicolor);
}

.pro_page .pro1 .wrap .cont .rg .list .item:hover .desc .btn .btn_icon svg path {
  stroke: #fff;
}

.pro_page .pro1 .wrap .cont .rg .page_box2 {
  margin-top: 0.6rem;
}

.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.5rem;
  transform: scale(0.6) translateY(0%);
  transition: all 0.4s ease-in-out;
}

.modal .close {
  position: absolute;
  z-index: 2;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #F7F9FA;
  transition: all 0.4s ease;
  top: 0.4rem;
  right: 0.4rem;
  opacity: 0.7;
  cursor: pointer;
}

.modal .close span {
  width: 0.3rem;
  height: 1.5px;
  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 {
  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;
  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);
}

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