:root {
  --head: 3.854vw;
  --color: #fdfd15;
}

.head1 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  color: #fff;
  height: var(--head);
  transition: all ease 0.6s;
}

.scroll .head1 {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(20px);
}

.isback .head1 {
  /* transform: translateY(-100%); */
}

.C-wrap {
  width: 85.416vw;
  margin: 0 auto;
}

.C-btn1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625vw 1.25vw;
  background: #fff;
  border: none;
  border-radius: 0.625vw;
  cursor: pointer;
  transition: all .4s ease;
  color: #012eaa;
}

.C-btn1:hover {
  background: #012eaa;
  color: #fff;
}

.C-btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.489vw;
  padding: 0 1.25vw;
  border-radius: 0.625vw;
  background: #012eaa;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all .4s ease;
}

.C-btn2:hover {
  background: #011f75;
}

.C-title1 {
  display: flex;
  align-items: center;
  gap: 0.208vw;
}

.C-title1 img {
  width: 0.572vw;
  height: 1.25vw;
}

.C-title1 span {
  line-height: 1.5;
  font-style: italic;
  color: #7e95d5;

}

.C-title2 p {
  line-height: 1.7;
  color: #012eaa;

}

.head1 .C-wrap {
  height: 100%;
  position: relative;
  z-index: 2;
}

.head1 .logo {
  width: 7.812vw;
  flex-shrink: 0;
  margin: 0 2.083vw;
  filter: brightness(0) invert(1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: left .4s ease, filter .3s ease;
}

.head1.search-open .logo {
  left: calc(50% - 3.906vw);
}

.scroll .head1 .logo {
  filter: brightness(1) invert(0);
}

.blackHead .head1 .logo {
  filter: brightness(1) invert(0);
}

.head1 .menu {
  width: 100%;
  gap: 3.333vw;
  height: 100%;
  padding-right: 2.5vw;
  transition: padding-right .4s ease, gap .4s ease;
}

.head1.search-open .menu {
  padding-right: 8.125vw;
  gap: 2.708vw;
}

.link-zhanwei {
  margin: 0 auto;
}

.head1 .menu .link {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.head1 .menu .link a {
  transition: opacity .3s;
}

.head1 .menu .link.on a {
  opacity: .7;
}

.head1 .link .down-jt {
  display: none;
}

.head1 .head-jt {
  display: inline-block;
  width: 0.625vw;
  height: 0.625vw;
  margin-left: 0.313vw;
  background-color: currentColor;
  -webkit-mask: url(/img/icon-down.svg) no-repeat center / contain;
  mask: url(/img/icon-down.svg) no-repeat center / contain;
  transition: transform 0.3s ease;
}

.head1 .has-down:hover .head-jt,
.head1 .has-drop:hover .head-jt {
  transform: rotate(180deg);
}

.head1 .has-drop {
  position: relative;
}

.head1 .down {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%) translateY(0.833vw);
  min-width: 8.333vw;
  padding: 0.521vw 0;
  background: #fff;
  border-radius: 0.417vw;
  box-shadow: 0 0.521vw 1.563vw rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  z-index: 10;
}

.head1 .down::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 1.042vw;
}

.head1 .has-drop:hover .down {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0.26vw);
}

.head1 .down a {
  display: block;
  padding: 0.417vw 1.25vw;
  color: #012eaa;
  white-space: nowrap;
  text-align: center;
  transition: opacity 0.3s ease;
}

.head1 .down a:hover {
  opacity: 0.6;
}

.head-mega-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 32.8125vw;
  background: #012eaa;
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
  pointer-events: none;
}

.head-mega {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: var(--head) 0 3.125vw;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0s ease 0.45s, visibility 0s ease 0.45s;
}

.head-mega .C-wrap {
  padding-top: 2.5vw;
}

.head1.mega-open .head-mega .C-wrap{
  pointer-events: auto;
}

.head1.mega-open .head-mega-bg {
  transform: scaleY(1);
}

.head1.mega-open .head-mega {
  opacity: 1;
  visibility: visible;
  transition: opacity 0s, visibility 0s;
}

.head1.mega-open {
  background: transparent;
  backdrop-filter: none;
}

.head1 .head-pd-list {
  display: flex;
  justify-content: center;
  gap: 2.083vw;
}

.head1 .head-pd-list .item {
  width: 24%;
  display: flex;
  flex-direction: column-reverse;
  gap: 1.25vw;
  opacity: 0;
  transform: translateY(1.563vw);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.head1.mega-open .head-pd-list .item {
  opacity: 1;
  transform: translateY(0);
}

.head1.mega-open .head-pd-list .item:nth-child(1) {
  transition-delay: 0.18s;
}

.head1.mega-open .head-pd-list .item:nth-child(2) {
  transition-delay: 0.28s;
}

.head1.mega-open .head-pd-list .item:nth-child(3) {
  transition-delay: 0.38s;
}

.head1 .head-pd-list .item .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: 1.0417vw;
  background: #f5f5f5;
  overflow: hidden;
  padding: 2.083vw;
}

.head1 .head-pd-list .item .pic img {
  max-width: 85%;
  max-height: 85%;
  object-fit: contain;
}

.head1 .head-pd-list .item .bot {
  gap: 1.042vw;
  padding: 0 0.521vw;
  justify-content: center;
}

.head1 .head-pd-list .item .bot p {
  position: relative;
  width: fit-content;
  line-height: 1.4;
  color: #fff;
}

.head1 .head-pd-list .item .bot p::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.35s ease;
}

.head1 .head-pd-list .item:hover .bot p::after {
  transform: scaleX(1);
}

.head1 .head-pd-list .item .arr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.083vw;
  height: 2.083vw;
  border-radius: 50%;
  background: #e8e8e8;
  flex-shrink: 0;
  transition: all .3s ease;
  display: none;
}

.head1 .head-pd-list .item .arr img {
  width: 0.833vw;
  height: 0.833vw;
}

.scroll .head1 {
  color: #012EAA;
}

.blackHead .head1 {
  color: #012EAA;
}

.head1.mega-open{
  color: #fff;
}

.head1 .head-search-wrap {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 30;
}

.head1 .head-search {
  display: flex;
  align-items: center;
  width: 1.666vw;
  height: 1.666vw;
  padding: 0 0.468vw;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
  overflow: hidden;
  cursor: pointer;
  transition: width .4s ease, background .3s ease, padding .4s ease;
}

.head1.search-open .head-search {
  width: 7.291vw;
}

.head1 .head-search-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.729vw;
  height: 0.729vw;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  flex-shrink: 0;
}

.head1 .head-search-ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
  transition: filter .3s ease;
}

.head1 .head-search-ipt {
  width: 0;
  min-width: 0;
  height: 100%;
  margin-left: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: width .4s ease, opacity .3s ease, margin .4s ease;
}

.head1.search-open .head-search-ipt {
  width: 100%;
  margin-left: 0.416vw;
  opacity: 1;
  pointer-events: auto;
}

.head1 .head-search-ipt::placeholder {
  color: rgba(255, 255, 255, .7);
}

.scroll .head1 .head-search,
.blackHead .head1 .head-search {
  background: rgba(1, 46, 170, 0.12);
}

.scroll .head1 .head-search-ico img,
.blackHead .head1 .head-search-ico img {
  filter: none;
}

.scroll .head1 .head-search-ipt,
.blackHead .head1 .head-search-ipt {
  color: #012eaa;
}

.scroll .head1 .head-search-ipt::placeholder,
.blackHead .head1 .head-search-ipt::placeholder {
  color: rgba(1, 46, 170, .5);
}

.head1.mega-open .head-search {
  background: rgba(255, 255, 255, 0.2);
}

.head1.mega-open .head-search-ico img {
  filter: brightness(0) invert(1);
}

.head1.mega-open .head-search-ipt {
  color: #fff;
}

.head1.mega-open .head-search-ipt::placeholder {
  color: rgba(255, 255, 255, .7);
}

.head1 .head-search-drop {
  position: absolute;
  right: 0;
  top: calc(100% + 0.416vw);
  z-index: 40;
  width: 18.75vw;
  max-height: 14.583vw;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.521vw 0;
  background: #fff;
  border-radius: 0.417vw;
  box-shadow: 0 0.521vw 1.563vw rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(0.416vw);
  transition: opacity .3s ease, transform .3s ease, visibility .3s;
}

.head1 .head-search-drop::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 0.52vw;
}

.head1.search-open .head-search-drop.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}

.head1 .head-search-drop a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625vw;
  padding: 0.417vw 1.25vw;
  color: #012eaa;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, opacity .3s ease;
}

.head1 .head-search-drop a .tit {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.head1 .head-search-drop a .model {
  flex-shrink: 0;
  color: #999;
  font-size: 0.729vw;
}

.head1 .head-search-drop a:hover {
  background: #f2f4fb;
}

.head1 .head-search-drop a.more {
  margin-top: 0.208vw;
  border-top: 0.052vw solid #eee;
  justify-content: center;
  color: #012eaa;
  font-weight: 500;
}

.head1 .head-search-drop .empty {
  padding: 0.625vw 1.25vw;
  color: #999;
  text-align: center;
}

.navbar-toggle {
  display: none;
}

.home1 {
  position: relative;
  height: 47.916vw;
}

.home1-swiper,
.home1 .swiper-slide {
  height: 100%;
}

.home1 .swiper-slide {
  position: relative;
  overflow: hidden;
  background: #313132;
}

.home1 .swiper-slide .bg {
  position: absolute;
  inset: 0;
}

.home1 .C-wrap {
  position: relative;
  height: 100%;
}

.home1-intr {
  position: absolute;
  top: 17.708vw;
  width: 33.645vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25vw;
  color: #fff;
  text-align: center;
}

.home1 .swiper-slide.theme3 .home1-intr {
  right: 0;
}

.home1 .swiper-slide.theme2 .home1-intr {
  left: 50%;
  transform: translateX(-50%);
}

.home1 .swiper-slide.theme1 .home1-intr {
  left: 0;
}

.home1-intr .tit h1 {
  font-size: 5vw;
  line-height: 1.2;
}

.home1-intr .tit p {
  line-height: 1.5;

}

.home1-intr .tit p span {
  color: #dbdbdb;
}

.home1 .home1-pagination {
  position: absolute;
  left: 0;
  bottom: 2.708vw;
  z-index: 5;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.833vw;
}

.home1-pagination .swiper-pagination-bullet {
  width: 1.666vw;
  height: 0.156vw;
  border-radius: 0.104vw;
  background: rgba(255, 255, 255, .15);
  opacity: 1;
}

.home1-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

.home2 {
  padding: 5.989vw 0 8.333vw;
}

.home2 .C-title1 {
  margin-bottom: 0.416vw;
}

.home2 .C-title2 p {
  padding-left: 0.625vw;
}

.home2-slogan {
  margin-top: 4.166vw;
  line-height: 1.5;
  font-style: italic;
  color: #7e95d5;
  text-align: right;

}

.home2-list {
  display: flex;
  gap: 1.25vw;
  margin-top: 2.083vw;
}

.home2-list .item {
  position: relative;
  flex: 1 1 0;
  height: 16.77vw;
  padding: 2.083vw;
  border-radius: 1.25vw;
  background: #f4f4f4;
  overflow: hidden;
  transition: flex .6s ease;
}

.home2-list .item.on {
  flex: 1.5 1 0;
}

.home2-list .item .bg {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .6s ease;
}

.home2-list .item .bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .35);
}

.home2-list .item.on .bg {
  opacity: 1;
}

.home2-list .item .con {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home2-list .item .con h3 {
  line-height: 1.5;
  font-weight: normal;
  color: #012eaa;

  transition: color .6s ease;
}

.home2-list .item.on .con h3 {
  color: #fff;
}

.home2-list .item .foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.home2-list .item .txt {
  color: #012eaa;

  transition: color .6s ease;
}

.home2-list .item .txt p {
  line-height: 1.458vw;
}

.home2-list .item.on .txt {
  color: #fff;
}

.home2-list .item .icon {
  width: 8.333vw;
  flex-shrink: 0;
  transition: opacity .4s ease;
}

.home2-list .item.on .icon {
  opacity: 0;
}

.home3 {
  position: relative;
  height: 200vh;
}

.home3-bg {
  position: absolute;
  inset: 0;
  opacity: .3;
}

.home3-sticky {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home3-1 {
  width: 41.666vw;
  height: 28.229vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

.home3-1 .bg {
  width: 100%;
  height: 100%;
}

.home4 {
  padding: 5.729vw 0;
}

.home4 .C-wrap {
  position: relative;
}

.home4-list {
  position: relative;
  height: 36.25vw;
}

.home4-list .item {
  position: absolute;
  display: flex;
  width: 19.791vw;
  padding: 2.083vw;
  background: #f9f9f9;
  border-radius: 0.416vw 4.166vw 0.416vw 4.166vw;
}

.home4-list .item-lt {
  left: 0;
  top: 0;
  height: 15.416vw;
}

.home4-list .item-rt {
  right: 0;
  top: 0;
  height: 15.416vw;
}

.home4-list .item-lb {
  left: 0;
  top: 21.666vw;
  height: 14.583vw;
}

.home4-list .item-rb {
  right: 0;
  top: 21.666vw;
  height: 14.583vw;
}

.home4-list .item .ico {
  position: absolute;
  top: 2.083vw;
  width: 2.187vw;
  height: 2.187vw;
}

.home4-list .ico {
  left: 2.083vw;
}

.home4-list .con {
  width: 11.718vw;
  margin: auto;
  text-align: center;
}

.home4-list .num {
  color: #012eaa;
}

.home4-list .num span {
  line-height: 1.5;
}

.home4-list .label {
  color: #012eaa;
  line-height: 1.5;
}

.home4-list .desc {
  margin-top: 0.989vw;
  line-height: 1.458vw;
  color: #333;
}

.home4-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 33.593vw;
  text-align: center;
}

.home4-center .big {
  line-height: 1.5;
  color: #012eaa;
  white-space: nowrap;
}

.home4-center .big b {
  font-size: 8.333vw;
}

.home4-center .desc {
  margin-top: 0.208vw;
  line-height: 1.458vw;
  color: #333;
}

.home5 {
  padding: 2.968vw 0;
  overflow: hidden;
}

.home5 .item {
  flex-shrink: 0;
  width: 8.697vw;
  margin-right: 3.385vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home5 .item img {
  width: auto;
  max-width: 100%;
  max-height: 2.395vw;
  object-fit: contain;
  transition: all .4s ease;
}

.home6 {
  padding: 3.125vw 0;
}

.home6-top {
  margin-bottom: 3.125vw;
}

.home6-top .tit {
  font-size: 7.291vw;
  line-height: 1.5;
  color: #012eaa;
  text-align: center;
}

.home6-top .subs {
  margin-top: 0.625vw;
  color: #333;
}

.home6-top .subs p {
  line-height: 1.458vw;
}

.home6-top .subs .tar {
  text-align: right;
}

.home6-list .item {
  position: relative;
  height: 16.666vw;
  border-radius: 1.25vw;
  overflow: hidden;
}

.home6-list .item+.item {
  margin-top: 0.833vw;
}

.home6-list .item .bg {
  position: absolute;
  inset: 0;
}

.home6-list .item h3 {
  position: absolute;
  left: 2.083vw;
  bottom: 1.145vw;
  z-index: 2;
  line-height: 1.5;
  color: #fff;
  text-shadow: 0 0 4px #878787;
}

.home7 {
  padding: 3.958vw 0;
}

.home7-tit {
  margin-bottom: 4.166vw;
  line-height: 1.2;
  color: #012eaa;
  text-align: center;

}

.home7-main {
  position: relative;
  display: flex;
  height: 47.916vw;
}

.home7-main .zuo {
  flex-shrink: 0;
  width: 36.458vw;
  padding: 6.25vw 2.5vw;
  background: #f8f8f8;
  border-radius: 1.979vw;
}

.home7-main .con-list {
  position: relative;
  height: 31.25vw;
}

.home7-main .con {
  position: absolute;
  left: 0;
  top: 0;
  width: 31.458vw;
  opacity: 0;
  transform: translateY(1.562vw);
  transition: all .6s ease;
  pointer-events: none;
}

.home7-main .con.on {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.home7-main .num {
  display: flex;
  align-items: center;
  gap: 0.364vw;
  line-height: 1.406vw;
}

.home7-main .num .c {
  color: #1e376d;
}

.home7-main .num span {
  color: #a2a2a2;
}

.home7-main .num i {
  width: 2.5vw;
  height: 0.104vw;
  background: linear-gradient(90deg, rgba(60, 9, 30, 0), #3c091e);
}

.home7-main .con h3 {
  margin-top: 5.468vw;
  line-height: 1.5;
  color: #012eaa;

}

.home7-main .con p {
  margin-top: 9.479vw;
  line-height: 1.5;
  color: #999;

}

.home7-main .you {
  position: relative;
  width: 48.958vw;
  height: 47.916vw;
  border-radius: 1.979vw;
  overflow: hidden;
}

.home7-main .you .pic {
  position: absolute;
  inset: 0;
}

.home7-main .you .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home8 {
  position: relative;
  padding: 2.916vw 0;
  overflow: hidden;
}

.home8 .bg {
  position: absolute;
  inset: 0;
}

.home8-form {
  position: relative;
  z-index: 2;
  width: 47.916vw;
  margin: 0 auto;
  padding: 2.083vw 1.979vw;
  border-radius: 1.041vw;
  background: rgba(0, 0, 0, .18);
  border: 0.052vw solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(0.833vw);
}

.home8-form .tit {
  margin-bottom: 1.25vw;
  color: #fff;
}

.home8-form .tit p {
  margin-top: 0.625vw;
  line-height: 1.458vw;
}

.home8-form .rows {
  display: flex;
  flex-wrap: wrap;
  gap: 0.833vw 0;
}

.home8-form .item {
  width: 20.937vw;
}

.home8-form .item-textarea {
  width: 100%;
}

.home8-form .item label {
  display: block;
  margin-bottom: 0.416vw;
  line-height: 1.5;
  color: #fff;
}

.home8-form .item label em {
  color: #ff002b;
}

.home8-form .item .ipt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.604vw;
  padding: 0 1.25vw 0 0.833vw;
  background: #fff;
  border: 0.052vw solid rgba(204, 204, 204, .8);
  border-radius: 2.083vw;
}

.home8-form .item .ipt input {
  color: #666;
}

.home8-form .item .ipt input::placeholder {
  color: #666;
  opacity: .6;

}

.home8-form .item .ipt .jt {
  width: 0.833vw;
  height: 0.833vw;
  flex-shrink: 0;
}

.home8-form .item-select .ipt {
  position: relative;
  cursor: pointer;
  user-select: none;
}

.home8-form .item-select .val {
  flex: 1;
  min-width: 0;
  color: #666;
  opacity: .6;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home8-form .item-select.sel .val {
  opacity: 1;
  color: #333;
}

.home8-form .item-select .jt {
  margin-left: 0.52vw;
  transition: transform .3s ease;
}

.home8-form .item-select.open .jt {
  transform: rotate(180deg);
}

.home8-form .item-select .select-list {
  position: absolute;
  left: 0;
  top: calc(100% + 0.312vw);
  z-index: 10;
  width: 100%;
  max-height: 11.458vw;
  overflow-y: auto;
  padding: 0.312vw;
  background: #fff;
  border: 0.052vw solid rgba(204, 204, 204, .8);
  border-radius: 0.625vw;
  box-shadow: 0 0.416vw 1.25vw rgba(1, 46, 170, .12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.312vw);
  transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
}

.home8-form .item-select.open .select-list {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.home8-form .item-select .select-list .opt {
  padding: 0.416vw 0.625vw;
  color: #333;
  border-radius: 0.416vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .2s ease, color .2s ease;
}

.home8-form .item-select .select-list .opt:hover {
  background: #f2f4fb;
  color: #012eaa;
}

.home8-form .item-textarea .ipt {
  height: 5.208vw;
  align-items: flex-start;
  padding: 0.625vw 1.25vw 0.625vw 0.833vw;
  border-radius: 0.625vw;
}

.home8-form .item-textarea textarea {
  height: 3.958vw;
  color: #666;
}

.home8-form .item-textarea textarea::placeholder {
  color: #666;
  opacity: .6;

}

.home8-form .item.error .ipt {
  border-color: #ff002b;
}

.home8-form>.C-btn1 {
  display: flex;
  margin: 1.25vw auto 0;
}

.foot1 {
  padding: 3.177vw 0 1.041vw;
  background: #012eaa;
  color: #fff;
}

.foot1 .logo {
  width: 13.854vw;
}

.foot2 {
  margin-top: 2.604vw;
}

.foot2 .info {
  width: 24.635vw;
}

.foot2 .info .txt {
  color: #fffcf1;
}

.foot2 .info .txt p {
  line-height: 1.5;
}

.foot2 .info .txt .addr {
  margin-bottom: 0.625vw;
}

.foot2 .info .txt p+p {
  margin-top: 0.625vw;
}

.foot2 .info .txt a:hover {
  text-decoration: underline;
}

.foot2 .share {
  margin-top: 2.083vw;
  gap: 0.625vw;
}

.foot2 .share .icon {
  width: 1.25vw;
  height: 1.25vw;
  transition: opacity .3s;
}

.foot2 .share .icon:hover {
  opacity: .7;
}

.foot2 .foot-nav {
  gap: 6.25vw;
}

.foot2 .foot-nav ul {
  list-style: none;
  width: 14.114vw;
}

.foot2 .foot-nav .t1 {
  margin-bottom: 0.625vw;
  letter-spacing: 0.052vw;
  font-style: italic;
  color: #fffcf1;

}

.foot2 .foot-nav li a {
  line-height: 1.5;
  color: #fff;
  transition: opacity .3s;
}

.foot2 .foot-nav li a:hover {
  opacity: .7;
}

.foot3 {
  margin-top: 4.687vw;
}

.foot3 p {
  line-height: 1.5;
  color: #94a4cf;
}

.foot3 p a {
  color: #94a4cf;
  text-decoration: underline;
}

.cookie-tip {
  position: fixed;
  right: 1.562vw;
  bottom: 1.562vw;
  z-index: 200;
  width: 23.958vw;
  max-width: calc(100% - 3.125vw);
  opacity: 0;
  visibility: hidden;
  transform: translateY(1.562vw);
  transition: all 0.5s ease;
}

.cookie-tip.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.cookie-box {
  padding: 1.458vw 1.562vw;
  background: #fff;
  border: 0.052vw solid #eaeffb;
  border-radius: 0.833vw;
  box-shadow: 0 1.041vw 2.604vw rgba(1, 46, 170, 0.18);
}

.cookie-icon {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  background: #eef2fc;
}

.cookie-con {
  margin-top: 0.937vw;
}

.cookie-tit {
  color: #012eaa;
  margin-bottom: 0.52vw;
}

.cookie-txt {
  color: #5a6b93;
  line-height: 1.6;
}

.cookie-txt a {
  color: #012eaa;
  text-decoration: underline;
}

.cookie-btns {
  gap: 0.625vw;
  margin-top: 1.145vw;
}

.cookie-btn {
  height: 2.291vw;
  padding: 0 1.354vw;
  border-radius: 2.291vw;
  cursor: pointer;
  border: none;
  transition: all 0.3s ease;
}

.cookie-btn.accept {
  background: #012eaa;
  color: #fff;
}

.cookie-btn.accept:hover {
  background: #011f75;
}

.cookie-btn.reject {
  background: #f2f5fc;
  color: #012eaa;
}

.cookie-btn.reject:hover {
  background: #e4ebfa;
}

.splitted__line {
  overflow: hidden;
}

.splitted__word {
  display: inline-block;
  will-change: transform;
}

.splitted__char {
  display: inline-block;
  will-change: transform;
  opacity: 0;
  transform: translateY(2.083vw);
}

.C-banner {
  position: relative;
  height: 15.625vw;
  overflow: hidden;
  background: #868686;
}

.C-banner .bg {
  position: absolute;
  inset: 0;
}

.C-banner .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.C-banner .C-wrap {
  position: relative;
  height: 100%;
}

.C-banner-con {
  position: absolute;
  top: 5vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.208vw;
  color: #fff;
}

.C-banner-con h1 {
  line-height: 1.5;
  color: #fff;
}

.C-mbx {
  display: flex;
  align-items: center;
  gap: 0.208vw;
}

.C-mbx a,
.C-mbx span {
  line-height: 1.5;
  font-style: italic;
  color: #7e95d5;

}

.C-mbx img {
  width: 0.572vw;
  height: 1.25vw;
}

.C-mbx a:hover {
  opacity: .7;
}

.down1 {
  padding: 5.416vw 0 11.979vw;
}

.down1-tit {
  margin-top: 4.375vw;
  text-align: center;
  line-height: 1.2;
  color: #012eaa;
}

.down1-list {
  width: 62.864vw;
  margin: 3.541vw auto 0;
}

.down1-list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.125vw;
  border-bottom: 0.052vw solid #d9d9d9;
  cursor: pointer;
  transition: all .4s ease;
}

.down1-list .item .name {
  color: #000;
  opacity: .6;
  transition: all .4s ease;
}

.down1-list .item .ico {
  flex-shrink: 0;
  width: 1.145vw;
  height: 1.145vw;
}

.down1-list .item .ico img {
  width: 100%;
  height: 100%;
}

.down1-list .item:hover .name {
  opacity: 1;
  color: #012eaa;
}

.st2 {
  padding: 3.125vw 0 1.51vw;
}

.st2-list {
  margin-top: 1.25vw;
  gap: 1.0417vw;
}

.st2-list .item {
  display: flex;
  align-items: center;
  width: 20.083vw;
  height: 3.229vw;
  padding: 0 1.25vw;
  border-radius: 0.625vw;
  background: #f4f4f4;
  color: #012eaa;

  transition: all .4s ease;
}

.st2-list .item:hover {
  background: #e9edf8;
}

.st2-list .item.on {
  background: #012eaa;
  color: #fff;
}

.st3 {
  padding: 3.125vw 0 5.208vw;
}

.st3-top {
  align-items: center;
}

.st3-info {
  width: 34.895vw;
  flex-shrink: 0;
}

.st3-info .tit {
  line-height: 1.5;
  color: #012eaa;

}

.st3-info .desc {
  margin-top: 1.25vw;
  line-height: 1.5;
  color: #999;

}

.st3-pic {
  width: 42.447vw;
  height: 26.979vw;
  flex-shrink: 0;
  border-radius: 1.302vw;
  overflow: hidden;
}

.st3-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.st3-swiper-wrap {
  position: relative;
  margin-top: 3.125vw;
}

.st3-swiper {
  overflow: hidden;
}

.st3-btn {
  position: absolute;
  top: 12.083vw;
  z-index: 5;
  width: 2.916vw;
  height: 2.864vw;
  cursor: pointer;
  transition: opacity .3s;
}

.st3-btn img {
  width: 100%;
  height: 100%;
}

.st3-prev {
  left: -1.458vw;
}

.st3-next {
  right: -1.458vw;
}

.st3-btn:hover {
  opacity: .7;
}

.st3-btn.swiper-button-disabled {
  opacity: .3;
  cursor: default;
}

.pditem {
  position: relative;
  height: 26.979vw;
  padding: 1.458vw 1.197vw 0;
  border: 0.052vw solid #f3f3f3;
  border-radius: 1.041vw;
  background: #f6f6f6;
  transition: all .4s ease;
}

.pditem:hover {
  background: #fff;
  box-shadow: 0.208vw 0.625vw 0.76vw rgba(227, 227, 227, .25);
}

.pditem .badge {
  position: absolute;
  left: 0.572vw;
  top: 0.677vw;
  display: flex;
  align-items: center;
  height: 1.562vw;
  padding: 0 0.729vw;
  border-radius: 0.208vw;
  background: #ff8400;
  color: #fff;
  z-index: 5;
  line-height: 1.5;

}

.pditem .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 15vw;
}

.pditem .pic img {
  max-width: 14.895vw;
  max-height: 15vw;
  object-fit: contain;
}

.pditem h3 {
  margin-top: 1.562vw;
  line-height: 1.25vw;
  color: #121212;

}

.pditem .model {
  margin-top: 0.468vw;
  line-height: 1.4;
  color: #000;
  opacity: .7;
}

.pditem .btn {
  position: absolute;
  left: 50%;
  bottom: 1.77vw;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.593vw;
  height: 2.656vw;
  border-radius: 0.312vw;
  background: #012eaa;
}

.pditem .btn span {
  color: #fff;

}

.pditem .btn:hover {
  background: #011f75;
}

.st4 {
  padding: 5.729vw 0 8.854vw;
}

.st4-tit {
  width: 47.291vw;
  margin: 0 auto 4.687vw;
  line-height: 1.2;
  color: #012eaa;
  text-align: center;
}

.st4-list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125vw;
}

.st4-list .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8.02vw;
}

.st4-list .ico img {
  max-height: 8.02vw;
}

.st4-list .con {
  text-align: center;
}

.st4-list .con h3 {
  line-height: 1.5;
  font-weight: normal;
  color: #012eaa;

}

.st4-list .con p {
  margin-top: 0.625vw;
  line-height: 1.458vw;
  color: #333;

}

.C-paging {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.875vw;
  margin-top: 3.125vw;
}

.C-paging .page-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.083vw;
  height: 2.083vw;
  transition: opacity .3s;
}

.C-paging .page-btn img {
  width: 100%;
  height: 100%;
}

.C-paging .page-btn:hover {
  opacity: .7;
}

.C-paging .pages {
  display: flex;
  align-items: center;
  gap: 1.875vw;
}

.C-paging .pages .num {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.083vw;
  height: 2.083vw;
  padding: 0 0.416vw;
  border-radius: 0.364vw;
  line-height: 1.5;
  color: rgba(0, 0, 0, .6);
  transition: all .3s ease;
}

.C-paging .pages .num:hover {
  color: #012eaa;
}

.C-paging .pages .num.on {
  background: #012eaa;
  color: #fff;
}

.C-paging .pages .dots {
  line-height: 1.5;
  color: rgba(0, 0, 0, .6);
}

.pd2 {
  padding: 2.125vw 0 0;
}

.pd2-list {
  display: flex;
  margin-top: 2.083vw;
}

.pd2-list .item {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.125vw;
}

.pd2-list .item .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7.291vw;
}

.pd2-list .item .ico img {
  max-width: 9.218vw;
  max-height: 7.291vw;
  object-fit: contain;
}

.pd2-list .item p {
  line-height: 1.5;
  color: #012eaa;

  text-align: center;
  transition: opacity .3s;
}

.pd2-list .item:hover p {
  opacity: .7;
}

.pd3 {
  padding: 0 0 6.25vw;
}

.pd3-tit {
  line-height: 1.5;
  color: #012eaa;

}

.pd3-box {
  width: 24.4792vw;
  position: sticky;
  left: 0;
  top: var(--head);
}

.pd3-content {
  position: relative;
  height: 32.604vw;
}

.pd3-content .tab-content {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease;
}

.pd3-content .tab-content.on {
  opacity: 1;
  visibility: visible;
}

.pd3-content .pic {
  position: absolute;
  inset: 0;
  border-radius: 1.041vw;
  overflow: hidden;
}

.pd3-content .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pd3-content .con {
  position: absolute;
  left: 3.125vw;
  bottom: 3.125vw;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.197vw;
}

.pd3-content .con h3 {
  line-height: 1.5;
  color: #fff;

}

.pd3-content .con .more {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 5.625vw;
  height: 1.875vw;
  padding: 0 0.833vw;
  border-radius: 0.312vw;
  background: #012eaa;
  color: #fff;

  transition: background .3s ease;
}

.pd3-content .con .more:hover {
  background: #011f75;
}

.pd3-nav {
  display: flex;
  flex-direction: column;
}

.pd3-nav .lv1 {
  display: flex;
  align-items: center;
  gap: 0.833vw;
  min-height: 3.281vw;
  padding: 0.417vw 0.729vw;
  border-radius: 0.365vw;
  line-height: 1.4;
  color: #090909;
  text-decoration: none;
  cursor: pointer;
  transition: background .3s ease;
  margin-bottom: 10px;
}

.pd3-nav .lv1-group.on>.lv1,
.pd3-nav .lv1:hover {
  background: rgba(217, 217, 217, .49);
}

.pd3-nav .lv1 .ico {
  width: 2.552vw;
  height: 2.552vw;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pd3-nav .lv1 .ico img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.pd3-nav .lv2-wrap {
  display: none;
  flex-direction: column;
  padding: 0.417vw 0;
}

.pd3-nav .lv1-group.on>.lv2-wrap {
  display: flex;
}

.pd3-nav .lv2 {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.281vw;
  padding-left: 2.448vw;
  line-height: 1.4;
  color: rgba(0, 0, 0, .5);
  text-decoration: none;
  cursor: pointer;
  transition: color .3s ease;
}

.pd3-nav .lv2-group.on>.lv2,
.pd3-nav .lv2.on,
.pd3-nav .lv2:hover {
  color: #012eaa;
}

.pd3-nav .lv2-group.on>.lv2::before,
.pd3-nav .lv2.on::before {
  content: "";
  position: absolute;
  left: 1.302vw;
  top: 50%;
  transform: translateY(-50%);
  width: 0.208vw;
  height: 1.563vw;
  background: #012eaa;
}

.pd3-nav .lv3-wrap {
  display: none;
  flex-direction: column;
  gap: 0.477vw;
  padding: 0.521vw 0 0.538vw 3.438vw;
}

.pd3-nav .lv2-group.on>.lv3-wrap {
  display: flex;
}

.pd3-nav .lv3 {
  line-height: 1.4;
  color: rgba(0, 0, 0, .31);
  cursor: pointer;
  transition: color .3s ease;
}

.pd3-nav .lv3.on,
.pd3-nav .lv3:hover {
  color: #0030b4;
}

.pd3 .main {
  gap: 2.0833vw;
  align-items: flex-start;
  position: relative;
}

.pd3 .you {
  flex: 1;
  min-width: 0;
}

.pd4 {
  padding: 8.333vw 0 6.25vw;
}

.pd-list {
  gap: 2.083vw;
}

.C-more {
  display: inline-flex;
  align-items: center;
  gap: 0.26vw;
  color: #000;

}

.C-more img {
  width: 0.833vw;
  height: 0.833vw;
  transition: transform .3s ease;
}

.C-more:hover img {
  transform: translateX(0.208vw);
}

.C-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.51vw;
  padding: 0 0.468vw;
  border: 0.052vw solid #dadada;
  border-radius: 5.208vw;
  line-height: 1.5;
  color: #070707;

  white-space: nowrap;
}

.C-newsitem {
  display: flex;
  flex-direction: column;
  height: 26.041vw;
  padding: 1.302vw;
  border-radius: 0.625vw;
  background: #f4f4f4;
  transition: all .4s ease;
}

.C-newsitem:hover {
  background: #fff;
  box-shadow: 0.208vw 0.625vw 0.76vw rgba(227, 227, 227, .25);
}

.C-newsitem .pic {
  height: 12.5vw;
  border-radius: 0.52vw;
  overflow: hidden;
}

.C-newsitem .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}

.C-newsitem:hover .pic img {
  transform: scale(1.05);
}

.C-newsitem .date {
  margin-top: 1.302vw;
  line-height: 1.5;
  color: #333;
}

.C-newsitem .tit {
  margin-top: 0.833vw;
  line-height: 1.5;
  color: #000;

}

.C-newsitem .foot {
  margin-top: auto;
  padding-top: 1.041vw;
}

.C-newsitem .tags {
  display: flex;
  gap: 0.729vw;
}

.news1 {
  position: relative;
  height: 28.229vw;
  overflow: hidden;
  background: #10132a;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news1 .bg {
  position: absolute;
  inset: 0;
}

.news1 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news1 h1 {
  position: relative;
  z-index: 2;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}

.news2 {
  padding: 2.083vw 0 3.125vw;
}

.news2 .C-mbx {
  margin-bottom: 4.687vw;
}

.news2-swiper-wrap {
  width: 78.125vw;
  margin: 0 auto;
  position: relative;
}

.news2-swiper {
  overflow: hidden;
  border-radius: 1.041vw;
}

.news2-card {
  display: flex;
  height: 21.875vw;
  background: #f4f4f4;
  border-radius: 1.041vw;
  overflow: hidden;
}

.news2-card .zuo {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3.75vw 2.604vw;
}

.news2-card .date {
  display: inline-flex;
  align-items: center;
  height: 1.822vw;
  padding: 0 0.781vw;
  border-radius: 0.416vw;
  background: rgba(255, 255, 255, .7);
  line-height: 1.5;
  color: #000;
}

.news2-card .tit {
  margin-top: 0.625vw;
  line-height: 1.4;
  color: #000;
}

.news2-card .desc {
  width: 32.291vw;
  max-width: 100%;
  margin-top: 1.041vw;
  line-height: 1.875;
  color: #000;
}

.news2-card .tags {
  display: flex;
  gap: 1.041vw;
  margin-top: 1.25vw;
}

.news2-card .C-tag {
  padding: 0 1.041vw;
}

.news2-card .C-more {
  margin-top: 2.083vw;
}

.news2-card .you {
  width: 35.625vw;
  flex-shrink: 0;
  height: 100%;
}

.news2-card .you img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news2-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.833vw;
  margin-top: 2.083vw;
}

.news2-pagination .swiper-pagination-bullet {
  width: 2.343vw;
  height: 0.312vw;
  border-radius: 0.156vw;
  background: #e3e4e6;
  opacity: 1;
  transition: background .3s ease;
}

.news2-pagination .swiper-pagination-bullet-active {
  background: #012eaa;
}

.news3 {
  width: 78.125vw;
  margin: 0 auto;
  padding: 1.875vw 0 5.208vw;
}

.news3-top {
  margin-bottom: 2.083vw;
}

.news3-tabs {
  display: flex;
  align-items: center;
  gap: 1.041vw;
}

.news3-tabs .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.864vw;
  min-width: 7.812vw;
  padding: 0 1.562vw;
  border: 0.052vw solid rgba(17, 17, 17, .15);
  border-radius: 1.458vw;
  line-height: 1.4;
  color: #111;
  white-space: nowrap;
  cursor: pointer;
  transition: all .4s ease;
}

.news3-tabs .tab:hover {
  border-color: #012eaa;
  color: #012eaa;
}

.news3-tabs .tab.on {
  background: #012eaa;
  border-color: #012eaa;
  color: #fff;
  box-shadow: 0 0.312vw 0.39vw rgba(1, 37, 72, .2);
}

.news3-search {
  position: relative;
  width: 18.75vw;
  height: 2.864vw;
}

.news3-search input {
  width: 100%;
  height: 100%;
  padding: 0 2.916vw 0 0.989vw;
  border: 0.052vw solid rgba(17, 17, 17, .15);
  border-radius: 1.458vw;
  color: #333;
}

.news3-search input::placeholder {
  color: #999;
}

.news3-search .btn {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.916vw;
  height: 100%;
  background: none;
  border: none;
  border-left: 0.052vw solid rgba(0, 0, 0, .1);
  cursor: pointer;
}

.news3-search .btn img {
  width: 0.729vw;
  height: 0.729vw;
}

.news-list {
  gap: 2.291vw 3.958vw;
}

.news6 {
  padding: 5.937vw 0 5.208vw;
}

.news6 .C-mbx {
  margin-bottom: 3.333vw;
}

.news6-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.news6-toc,
.news6-recommend {
  position: sticky;
  top: 5.208vw;
  width: 16.145vw;
  flex-shrink: 0;
  padding: 1.562vw 1.041vw;
  border-radius: 0.208vw;
  background: #f4f4f4;
  box-shadow: 0 0.208vw 0.77vw rgba(0, 0, 0, .04);
}
.news6-recommend-zhanwei{
  width: 16.145vw;
}

.news6-toc {
  margin-top: 9.791vw;
}

.news6-recommend {
  margin-top: 9.791vw;
}

.news6-toc .tit,
.news6-recommend .tit {
  margin-bottom: 1.041vw;
  line-height: 1.5;
  font-weight: normal;
  color: #000;

}

.news6-toc .tit {
  margin-bottom: 2.083vw;
}

.news6-toc .toc-list {
  display: flex;
  flex-direction: column;
}

.news6-toc .toc-item {
  display: flex;
  gap: 0.312vw;
  line-height: 1.4;
  color: #666;
  transition: color .3s ease;
}

.news6-toc .toc-item:nth-last-child(n+2) {
  margin-bottom: 2.083vw;
}

.news6-toc .toc-item .idx {
  flex-shrink: 0;
}

.news6-toc .toc-item:hover,
.news6-toc .toc-item.on {
  color: #012eaa;
}

.news6-recommend .rec-list {
  display: flex;
  flex-direction: column;
  gap: 0.885vw;
}

.news6-recommend .rec-item {
  display: flex;
  align-items: center;
  gap: 1.25vw;
}

.news6-recommend .rec-item .pic {
  width: 3.854vw;
  height: 2.916vw;
  flex-shrink: 0;
  border-radius: 0.104vw;
  overflow: hidden;
}

.news6-recommend .rec-item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news6-recommend .rec-item .txt {
  flex: 1;
  min-width: 0;
  line-height: 1.4;
  color: #000;
  text-decoration: underline;

  transition: color .3s ease;
}

.news6-recommend .rec-item:hover .txt {
  color: #012eaa;
}

.news6-body {
  width: 45.885vw;
  flex-shrink: 0;
}

.news6-hd .tit {
  line-height: 1.15;
  color: #000;

}

.news6-hd .meta {
  margin-top: 2.5vw;
}

.news6-hd .date {
  line-height: 1.5;
  color: #666;
}

.news6-hd .share-btn {
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  transition: opacity .3s ease;
}

.news6-hd .share-btn:hover {
  opacity: .7;
}

.news6-hd .share-btn img {
  width: 100%;
  height: 100%;
}

.news6-hd .hr {
  margin-top: 0.625vw;
  height: 0.052vw;
  background: rgba(0, 0, 0, .8);
}

.news6 .empty {
  padding-top: 2.083vw;
  line-height: 2;
  color: #000;
}

.news6 .empty * {
  white-space: normal !important;
}

.news6 .empty p {
  margin-bottom: 1.25vw;
  line-height: 2;
}

.news6 .empty p:last-child {
  margin-bottom: 0;
}

.news6 .empty a {
  color: #000;
  text-decoration: underline;
  transition: color .3s ease;
}

.news6 .empty a:hover {
  color: #012eaa;
}

.news6 .empty b {
  font-weight: 600;
}

.news6 .empty i {
  font-style: italic;
}

.news6 .empty img {
  display: block;
  margin: 2.083vw auto;
  max-width: 100%;
  height: auto !important;
  border-radius: 1.041vw;
}

.news6 .empty .anchor {
  margin: 2.083vw 0 1.25vw;
  line-height: 1.4;
  color: #000;

  scroll-margin-top: 5.208vw;
}

.news6 .empty .anchor:first-child {
  margin-top: 0;
}

.news6-op {
  margin-top: 3.125vw;
}

.news6-op .share {
  display: flex;
  align-items: center;
  gap: 1.51vw;
}

.news6-op .share .lbl {
  line-height: 1.75;
  letter-spacing: .0.26vw;
  color: #000;
}

.news6-op .share .icons {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}

.news6-op .share .icons a {
  display: block;
  width: 2.5vw;
  height: 2.5vw;
  transition: opacity .3s ease;
}

.news6-op .share .icons a:hover {
  opacity: .7;
}

.news6-op .share .icons img {
  width: 100%;
  height: 100%;
}

.news6-op .nav {
  margin-top: 1.666vw;
}

.news6-op .nav .links {
  width: 24.114vw;
}

.news6-op .nav .links p {
  line-height: 1.5;
}

.news6-op .nav .links p a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news6-op .nav .links p+p {
  margin-top: 0.833vw;
}

.news6-op .nav .links .next a {
  color: #000;
}

.news6-op .nav .links a:hover {
  text-decoration: underline;
  color: #012eaa;
}

.news6-op .nav .back {
  gap: 0.833vw;
  transition: opacity .3s ease;
}

.news6-op .nav .back:hover {
  opacity: .7;
}

.news6-op .nav .back img {
  width: 1.875vw;
  height: 1.875vw;
}

.news6-op .nav .back span {
  line-height: 1.3;
  color: #000;

}

.news7 {
  width: 78.125vw;
  margin: 0 auto;
  padding: 2.083vw 0 8.333vw;
}

.news7-tit {
  margin-bottom: 3.125vw;
  line-height: 1.2;
  color: #012eaa;

}

.ct2 {
  padding: 3.02vw 0 0;
}

.ct3 {
  padding: 3.02vw 0 3.75vw;
}

.ct3-inner {
  width: 76.041vw;
  margin: 0 auto;
}

.ct3-tit {
  margin-bottom: 3.75vw;
  line-height: 1.2;
  color: #012eaa;

}

.ct3-main {
  align-items: flex-start;
}

.ct3-pics {
  display: flex;
  flex-direction: column;
  gap: 1.458vw;
  width: 27.395vw;
}

.ct3-pic {
  height: 13.437vw;
  border: 0.052vw solid rgba(0, 0, 0, .08);
  border-radius: 1.093vw;
  overflow: hidden;
}

.ct3-pic img {
  height: 100%;
  object-fit: cover;
}

.ct3-card {
  position: relative;
  width: 43.802vw;
  height: 28.385vw;
  padding: 4.739vw 0 0 3.281vw;
  background: #012eaa;
  border-radius: 1.666vw;
  overflow: hidden;
}

.ct3-card-pic {
  position: absolute;
  top: 2.604vw;
  right: 2.604vw;
  width: 16.979vw;
  height: 23.177vw;
  background: #fff;
  border-radius: 0.729vw;
  overflow: hidden;
  box-shadow: 0 1.041vw 1.302vw -0.26vw rgba(0, 0, 0, .1), 0 0.416vw 0.52vw -0.312vw rgba(0, 0, 0, .1);
}

.ct3-card-pic img {
  height: 100%;
  object-fit: cover;
}

.ct3-info {
  display: flex;
  flex-direction: column;
  gap: 3.645vw;
  width: 19.791vw;
  color: #fff;
}

.ct3-item .hd {
  display: flex;
  align-items: center;
  gap: 0.416vw;
}

.ct3-item .hd .lbl {
  line-height: 1.2;
}

.ct3-item .hd img {
  flex-shrink: 0;
  width: 1.197vw;
  height: 1.197vw;
}

.ct3-item .txt {
  margin-top: 0.937vw;
  line-height: 1.3;
}

.ct3-addr .txt {
  width: 19.166vw;
}

.ct4 {
  padding: 2.083vw 0 6.25vw;
}

.ct4-inner {
  width: 76.041vw;
  margin: 0 auto;
}

.ct4-tit {
  margin-bottom: 3.541vw;
  line-height: 1.2;
  color: #012eaa;

}

.ct4-main {
  align-items: flex-start;
}

.ct4-form {
  width: 47.812vw;
  min-height: 39.375vw;
  padding: 2.5vw;
  border: 0.052vw solid #ededed;
  border-radius: 1.041vw;
  background: rgba(255, 255, 255, .1);
  backdrop-filter: blur(0.625vw);
}

.ct4-form .rows {
  gap: 0.208vw 0;
}

.ct4-form .item {
  width: 20.572vw;
}

.ct4-form .item-full {
  width: 100%;
}

.ct4-form .item label {
  display: block;
  margin-bottom: 0.312vw;
  line-height: 1.5;
  letter-spacing: 0.052vw;
  color: #000;
}

.ct4-form .item .ipt {
  height: 2.916vw;
  padding: 0 1.041vw;
  background: #f4f4f4;
  border: 0.052vw solid transparent;
  border-radius: 0.625vw;
}

.ct4-form .item .ipt input {
  width: 100%;
  height: 100%;
  color: #333;
  background: transparent;
}

.ct4-form .item-select .ipt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  user-select: none;
}

.ct4-form .item-select .val {
  flex: 1;
  min-width: 0;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ct4-form .item-select.sel .val {
  color: #333;
}

.ct4-form .item-select .jt {
  width: 0.833vw;
  height: 0.833vw;
  margin-left: 0.52vw;
  flex-shrink: 0;
  transition: transform .3s ease;
}

.ct4-form .item-select.open .jt {
  transform: rotate(180deg);
}

.ct4-form .item-select .select-list {
  position: absolute;
  left: 0;
  top: calc(100% + 0.312vw);
  z-index: 20;
  width: 100%;
  max-height: 11.458vw;
  overflow-y: auto;
  padding: 0.312vw;
  background: #fff;
  border: 0.052vw solid rgba(204, 204, 204, .8);
  border-radius: 0.625vw;
  box-shadow: 0 0.416vw 1.25vw rgba(1, 46, 170, .12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.312vw);
  transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
}

.ct4-form .item-select.open .select-list {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.ct4-form .item-select .select-list .opt {
  padding: 0.416vw 0.625vw;
  color: #333;
  border-radius: 0.416vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .2s ease, color .2s ease;
}

.ct4-form .item-select .select-list .opt:hover {
  background: #f2f4fb;
  color: #012eaa;
}

.ct4-form .item-textarea .ipt {
  height: 6.666vw;
  padding: 0.833vw 1.041vw;
}

.ct4-form .item-textarea textarea {
  width: 100%;
  height: 100%;
  color: #333;
  resize: none;
  background: transparent;
}

.ct4-form .item.error .ipt {
  border-color: #ff002b;
}

.ct4-tip {
  margin-top: 1.25vw;
  line-height: 1.5;
  letter-spacing: 0.052vw;
  color: #012eaa;
}

.ct4-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10vw;
  height: 2.916vw;
  margin-top: 1.25vw;
  padding: 0 1.25vw;
  background: #012eaa;
  border: none;
  border-radius: 0.312vw;
  cursor: pointer;
  transition: opacity .3s ease;
}

.ct4-btn:hover {
  opacity: .88;
}

.ct4-btn span {
  line-height: 1.2;
  color: #fff;
}

.ct4 .you {
  width: 25.833vw;
}

.ct4 .you-enquiry {
  padding: 1.666vw;
  border: 0.052vw solid #ededed;
  border-radius: 1.041vw;
  background: #fff;
}

.ct4 .you-hd {
  margin-bottom: 1.041vw;
}

.ct4 .you-hd h3 {
  line-height: 1.2;
  color: #012eaa;
}

.ct4 .you-clear {
  color: #999;
  cursor: pointer;
  transition: color .3s ease;
}

.ct4 .you-clear:hover {
  color: #012eaa;
}

.ct4 .you-th {
  padding: 0 2.708vw 0.625vw 0.625vw;
  border-bottom: 0.052vw solid #ededed;
  color: #999;
}

.ct4 .you-th .th-pd {
  flex: 1;
}

.ct4 .you-th .th-qty {
  width: 6.25vw;
  text-align: center;
}

.ct4 .you-item {
  padding: 0.833vw 0.625vw;
  border-bottom: 0.052vw solid #f4f4f4;
}

.ct4 .you-pd {
  flex: 1;
  min-width: 0;
}

.ct4 .you-pic {
  flex-shrink: 0;
  width: 2.916vw;
  height: 2.916vw;
  margin-right: 0.625vw;
  border-radius: 0.416vw;
  overflow: hidden;
  background: #f4f4f4;
}

.ct4 .you-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ct4 .you-info {
  min-width: 0;
  flex: 1;
}

.ct4 .you-name {
  line-height: 1.4;
  color: #000;
}

.ct4 .you-color {
  margin-top: 0.208vw;
  line-height: 1.4;
  color: #999;
}

.ct4 .you-qty {
  width: 6.25vw;
  gap: 0.52vw;
}

.ct4 .you-minus,
.ct4 .you-plus {
  width: 1.458vw;
  height: 1.458vw;
  color: #333;
  background: #f4f4f4;
  border: none;
  border-radius: 0.312vw;
  cursor: pointer;
  transition: background .3s ease;
}

.ct4 .you-minus:hover,
.ct4 .you-plus:hover {
  background: #012eaa;
  color: #fff;
}

.ct4 .you-num {
  min-width: 1.041vw;
  text-align: center;
  color: #000;
}

.ct4 .you-del {
  flex-shrink: 0;
  width: 1.666vw;
  height: 1.666vw;
  margin-left: 0.625vw;
  color: #999;
  background: transparent;
  border: none;
  cursor: pointer;
  transform: scale(1.4);
  transition: color .3s ease;
}

.ct4 .you-del:hover {
  color: #ff002b;
}

.ct4 .you-empty {
  padding: 2.083vw 0.625vw;
  line-height: 1.5;
  text-align: center;
  color: #999;
}

.ct4 input:-webkit-autofill {
  box-shadow: 0 0 0 52.083vw #f4f4f4 inset !important;
}

.ct4 input:-internal-autofill-previewed,
.ct4 input:-internal-autofill-selected {
  -webkit-text-fill-color: #333 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.home8 input:-webkit-autofill {
  box-shadow: 0 0 0 52.083vw #ffffff inset !important;
}

.home8 input:-internal-autofill-previewed,
.home8 input:-internal-autofill-selected {
  -webkit-text-fill-color: #666 !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.pdt1 {
  padding: 6.77vw 0 5.208vw;
}

.pdt1 .C-mbx {
  margin-bottom: 3.125vw;
}

.pdt1-box {
  display: flex;
  flex-wrap: wrap;
  gap: 2.343vw;
}

.pdt1-left {
  display: flex;
  flex-wrap: wrap;
  gap: 0.833vw;
  flex-shrink: 0;
}

.pdt1-thumbs {
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
  width: 4.947vw;
}

.pdt1-thumbs .thumb {
  width: 4.947vw;
  height: 4.843vw;
  border-radius: 0.52vw;
  overflow: hidden;
  border: 0.067vw solid transparent;
  cursor: pointer;
  transition: border-color .3s ease;
}

.pdt1-thumbs .thumb.on {
  border-color: #063cd2;
}

.pdt1-thumbs .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdt1-big {
  width: 42.656vw;
  height: 42.656vw;
  border-radius: 1.041vw;
  overflow: hidden;
  background: #f6f6f6;
}

.pdt1-big img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdt1-right {
  width: 29.687vw;
}

.pdt1-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.572vw 0.729vw;
  border-radius: 0.312vw;
  background: #012eaa;
  color: #fff;
  line-height: 1.5;

}

.pdt1-name {
  margin-top: 0.833vw;
  color: #012eaa;
  line-height: 1.2;
}

.pdt1-line {
  margin-top: 0.937vw;
  height: 0.104vw;
  background: #e5e5e5;
}

.pdt1-config {
  margin-top: 1.25vw;
  display: flex;
  flex-direction: column;
  gap: 1.562vw;
}

.pdt1-icons {
  display: flex;
  gap: 0.625vw;
}

.pdt1-icons .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.916vw;
  height: 2.916vw;
  border-radius: 0.208vw;
  /* background: #333; */
  overflow: hidden;
}

.pdt1-icons .ico img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pdt1-attr {
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}

.pdt1-attr .tit {
  color: #333;
  line-height: 1.8;

}

.pdt1-attr .tit .lb {
  color: rgba(51, 51, 51, .6);
}

.pdt1-model .opts {
  display: flex;
  flex-direction: column;
  gap: 0.572vw;
}

.pdt1-model .opt {
  display: flex;
  align-items: center;
  gap: 0.52vw;
  cursor: pointer;
}

.pdt1-model .opt .thumb {
  width: 2.916vw;
  height: 2.916vw;
  border-radius: 0.208vw;
  overflow: hidden;
  border: 0.052vw solid transparent;
  transition: border-color .3s ease;
}

.pdt1-model .opt .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdt1-model .opt span {
  color: #333;
  line-height: 1.4;
}

.pdt1-color .opts {
  display: flex;
  gap: 0.625vw;
}

.pdt1-color .opt {
  position: relative;
  width: 1.875vw;
  height: 1.875vw;
  border-radius: 50%;
  cursor: pointer;
}

.pdt1-color .col1 {
  background: #d70101;
}

.pdt1-color .col2 {
  background: #f5cc00;
}

.pdt1-color .col3 {
  background: #333;
}

.pdt1-acc {
  margin-top: 1.875vw;
}

.pdt1-acc .acc-item {
  border-top: 0.052vw solid #dcdcdc;
}

.pdt1-acc .acc-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25vw 0;
  cursor: pointer;
}

.pdt1-acc .acc-hd span {
  color: #333;
  line-height: 1.8;

}

.pdt1-acc .acc-ico {
  position: relative;
  width: 1.25vw;
  height: 1.25vw;
  flex-shrink: 0;
}

.pdt1-acc .acc-ico::before,
.pdt1-acc .acc-ico::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #333;
}

.pdt1-acc .acc-ico::before {
  width: 0.729vw;
  height: 0.104vw;
}

.pdt1-acc .acc-ico::after {
  width: 0.104vw;
  height: 0.729vw;
  transition: opacity .3s ease;
}

.pdt1-acc .acc-item.on .acc-ico::after {
  opacity: 0;
}

.pdt1-acc .acc-bd {
  padding-bottom: 1.25vw;
}

.pdt1-acc .acc-bd ul {
  padding-left: 1.145vw;
  list-style: disc;
  color: #333;
}

.pdt1-acc .acc-bd li {
  line-height: 1.8;
}

.pdt1-enquiry {
  margin-top: 1.25vw;
  width: 23.645vw;
  height: 3.489vw;
  border: none;
  border-radius: 0.468vw;
  background: #012eaa;
  color: #fff;
  cursor: pointer;

  font-family: inherit;
  transition: background .4s ease;
}

.pdt1-enquiry:hover {
  background: #011f75;
}

.pdt2 {
  padding: 2.656vw 0;
}

.pdt2-video {
  width: 77.343vw;
  height: 43.489vw;
  margin: 0 auto;
  border-radius: 1.979vw;
  overflow: hidden;
  background: #000;
}

.pdt2-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.pdt3 {
  padding: 3.125vw 0 4.375vw;
}

.pdt3-tit {
  color: #012eaa;
  line-height: 1.2;
  text-align: center;

}

.pdt3-imgs {
  width: 77.343vw;
  margin: 3.125vw auto 0;
  border-radius: 1.979vw;
  overflow: hidden;
}

.pdt3-imgs .pic img {
  width: 100%;
  display: block;
}

.pdt4 {
  position: relative;
  padding: 5.625vw 0 2.083vw;
  overflow: hidden;
}

.pdt4-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.pdt4-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdt4 .C-wrap {
  position: relative;
  z-index: 1;
}

.pdt4-tit {
  color: #012eaa;
  line-height: 1.2;
  text-align: center;

}

.pdt4-tabs {
  display: flex;
  width: 85.572vw;
  max-width: 100%;
  margin: 3.125vw auto 0;
  padding: 0.208vw;
  border-radius: 0.416vw;
  background: rgba(0, 0, 0, .05);
  overflow-x: auto;
}

.pdt4-tabs .tab {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 7.812vw;
  height: 2.291vw;
  border-radius: 0.208vw;
  color: #012eaa;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3s ease;
}

.pdt4-tabs .tab.on {
  background: #fff;
  color: #171a20;
  box-shadow: 0 0.208vw 0.416vw rgba(0, 0, 0, .08);
}

.pdt4-contents {
  margin-top: 2.604vw;
}

.pdt4-contents .tab-content {
  display: none;
}

.pdt4-contents .tab-content.on {
  display: block;
  gap: 1.302vw 2.083vw;
}

.pdt4-contents .tab-content .pic {
  width: 15.625vw;
  height: 24.218vw;
  margin: 0 auto;
}

.pdt4-contents .tab-content .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pdt4-info-box {
  margin: 1.302vw 0 0;
  padding: 0 4.166vw;
}

.pdt4 .pdt5-btn {
  margin: 2.083vw auto 0;
}

.pdt4-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.458vw;
}

.pdt4-info h3 {
  font-weight: 400;
  color: #171a20;
  line-height: 1.15;
}

.pdt4-info p {
  margin-top: 0.416vw;
  max-width: 28.072vw;
  color: #666;
  line-height: 1.5;
}

.pdt4-stats {
  grid-area: stats;
  display: flex;
  align-items: center;
  gap: 1.666vw;
}

.pdt4-stats .stat {
  text-align: center;
}

.pdt4-stats .stat+.stat {
  padding-left: 1.666vw;
  border-left: 0.052vw solid #d0d1d2;
}

.pdt4-stats .stat .num {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.208vw;
  color: #171a20;
  line-height: 1.3;
}

.pdt4-stats .stat .lb {
  margin-top: 0.208vw;
  color: #5c5e62;
  line-height: 1.4;
}

.pdt5 {
  padding: 5.208vw 0;
}

.pdt5-tit {
  margin-bottom: 3.333vw;
  color: #012eaa;
  line-height: 1.2;
  text-align: center;

}

.pdt5-swiper {
  padding: 0 11.354vw;
}

.pdt5-swiper .swiper-slide {
  width: 26.979vw;
  text-align: center;
}

.pdt5-swiper .pic {
  width: 26.979vw;
  height: 15.052vw;
}

.pdt5-swiper .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdt5-swiper .t1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.208vw;
  margin-top: 1.614vw;
  border-radius: 1.666vw;
  background: #f9f9f9;
  color: #012eaa;
}

.pdt5-list {
  margin-top: 1.25vw;
}

.pdt5-list .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 2.968vw;
  border-bottom: 0.052vw solid rgba(21, 32, 40, .4);
  color: #000;
  text-align: left;
}

.pdt5-list .row .name{
  color: #012eaa;
  width: 10.1042vw;
  margin-right: 1.6667vw;
}
.pdt5-list .row .value{
  flex:1;
  min-width: 0;
}

.pdt5-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8.593vw;
  height: 2.656vw;
  margin-top: 1.666vw;
  border-radius: 0.312vw;
  background: #012eaa;
  color: #fff;
  transition: background .4s ease;
}

.pdt5-btn:hover {
  background: #011f75;
}

.pdt6 {
  padding: 6.354vw 0 6.666vw;
  background: #f5f5f5;
}

.pdt6-tit {
  color: #012eaa;
  line-height: 1.2;
  text-align: center;

}

.pdt6-list {
  display: flex;
  justify-content: space-between;
  margin-top: 2.083vw;
}

.pdt6-list .item {
  width: 14.531vw;
  text-align: center;
}

.pdt6-list .item .pic {
  width: 14.531vw;
  height: 14.635vw;
  border-radius: 1.041vw;
  overflow: hidden;
}

.pdt6-list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdt6-list .item p {
  margin-top: 1.354vw;
  color: #012eaa;
  line-height: 1.5;

}

.pdt7 {
  padding: 5.052vw 0 10.416vw;
}

.pdt7-tit {
  margin-bottom: 2.708vw;
  color: #012eaa;
  line-height: 1.2;

}

.pdt7-list {
  gap: 1.041vw;
}

.pditem .info {
  display: block;
}

.pditem button.btn {
  border: none;
  cursor: pointer;
  font-family: inherit;
}

.oem2 {
  padding: 3.854vw 0 5vw;
  overflow: hidden;
}

.oem2 .C-mbx {
  margin-bottom: 3.229vw;
}

.oem2-hd {
  align-items: flex-start;
  margin-bottom: 5vw;
}

.oem2-hd-l {
  width: 45.364vw;
}

.oem2-hd-l h2 {
  margin-bottom: 2.552vw;
  color: #012eaa;
  line-height: 1.15;
}

.oem2-desc {
  width: 38.385vw;
  color: #080808;
  line-height: 1.6;
}

.oem2-row {
  display: flex;
  justify-content: space-between;
}

.oem2-item {
  position: relative;
  width: 15.625vw;
}

.oem2-num {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.083vw;
  height: 2.604vw;
  padding: 0 0.572vw;
  background: #012eaa;
  color: #fff;
  line-height: 1;
}

.oem2-line {
  position: absolute;
  left: 0;
  right: -2.333vw;
  top: 1.302vw;
  height: 0.104vw;
  background: url('/img/oem/oem2-line.png') no-repeat center/auto 100%;
}

.oem2-pic {
  position: relative;
  margin-top: 2.604vw;
  height: 7.291vw;
  -webkit-mask: url(/img/oem/oem2-mask.svg) no-repeat;
  mask: url(/img/oem/oem2-mask.svg) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.oem2-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oem2-pic::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .3);
  transition: all .4s ease;
}

.oem2-name {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  padding: 0.781vw 1.041vw;
  color: #fff;
  line-height: 1.25;
  opacity: 1;
  transition: all ease .3s;
}

.oem2-item:hover .oem2-name {
  opacity: 0;
  transform: translate(-1em, 1em);
  color: #012eaa;
}

.oem2-note {
  width: 14.427vw;
  margin: 0.937vw 0;
  opacity: 0;
  transition: all ease .3s;
}

.oem2-note h4 {
  margin-bottom: 0.312vw;
  color: #012eaa;
  line-height: 2;
}

.oem2-note p {
  color: rgba(26, 26, 26, .7);
  line-height: 1.35;
}

.oem2-item:hover .oem2-note {
  opacity: 1;
}

.oem2-cart {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 14.427vw;
  padding: 1.041vw 0 0;
}

.oem2-cart img {
  width: 100%;
  height: auto;
}

.oem3 {
  padding: 0 0 5.729vw;
  overflow: hidden;
}

.oem3 .C-wrap {
  justify-content: space-between;
  align-items: flex-start;
}

.oem3-hd {
  flex-shrink: 0;
  width: 19.427vw;
  margin-top: 6.302vw;
}

.oem3-hd h2 {
  margin-bottom: 1.25vw;
  color: #012eaa;
  line-height: 1.15;
}

.oem3-hd p {
  color: #080808;
  line-height: 1.6;
}

.oem3-cols {
  gap: 2.395vw;
}

.oem3-col {
  width: 28.75vw;
}

.oem3-col2 {
  margin-top: 0.208vw;
}

.oem3-item {
  position: relative;
  height: 6.041vw;
}

.oem3-item+.oem3-item {
  margin-top: -0.468vw;
}

.oem3-pic {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/img/oem/oem3-mask.svg) no-repeat;
  mask: url(/img/oem/oem3-mask.svg) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: relative;
}

.oem3-pic::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent 50%);
}

.oem3-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oem3-txt {
  position: absolute;
  left: 4.166vw;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

.oem3-txt h3 {
  line-height: 1.5;
}

.oem3-txt p {
  line-height: 1.5;
}

.oem4 {
  padding: 3.645vw 0 6.51vw;
  overflow: hidden;
}

.oem4-hd {
  align-items: center;
  margin-bottom: 4.166vw;
  text-align: center;
}

.oem4-hd h2 {
  margin-bottom: 1.25vw;
  color: #012eaa;
  line-height: 1.15;
}

.oem4-hd p {
  color: #000;
  line-height: 1.25;
}

.oem4-item {
  width: 19.218vw;
}

.oem4-pic {
  position: relative;
  height: 14.531vw;
  border-radius: 0.625vw;
  overflow: hidden;
}

.oem4-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oem4-name {
  margin-top: 2.083vw;
  text-align: center;
  color: #012eaa;
  line-height: 1.25;
}

.oem5 {
  padding: 2.864vw 0 4.687vw;
  overflow: hidden;
}

.oem5-hd {
  margin-bottom: 4.166vw;
}

.oem5-hd h2 {
  margin-bottom: 1.875vw;
  color: #012eaa;
  line-height: 1.15;
}

.oem5-hd p {
  color: #000;
  line-height: 1.25;
}

.oem5-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 38.333vw;
  height: 23.02vw;
  padding: 2.656vw 1.458vw;
}

.oem5-pic {
  position: absolute;
  inset: 0;
  border-radius: 0.625vw;
  overflow: hidden;
}

.oem5-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oem5-pic::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1));
}

.oem5-txt {
  position: relative;
  z-index: 2;
  width: 20.26vw;
  color: #fff;
}

.oem5-txt h3 {
  margin-bottom: 0.468vw;
  line-height: 1.1;
}

.oem5-txt p {
  line-height: 1.25;
}

.st3-btn.theme2.st3-prev {
  left: 7.2917vw;
  top: 50%;
  transform: translateY(-50%);
}

.st3-btn.theme2.st3-next {
  right: 7.2917vw;
  top: 50%;
  transform: translateY(-50%);
}

.oem6 {
  padding: 4.687vw 0;
  overflow: hidden;
}

.oem6-hd {
  width: 41.666vw;
  align-items: center;
  text-align: center;
  margin: 0 auto;
}

.oem6-hd h2 {
  margin-bottom: 1.875vw;
  color: #012eaa;
  line-height: 1.15;
}

.oem6-hd p {
  color: #000;
  line-height: 1.25;
}

.oem6-main {
  position: relative;
  width: 100vw;
  height: 58.02vw;
  margin: 0 auto;
}

.oem6-yuan {
  position: absolute;
  left: 34.427vw;
  top: 14.166vw;
  width: 35.364vw;
  height: 35.364vw;
}

.oem6-yuan>img {
  width: 100%;
  height: 100%;
}

.oem6-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24.479vw;
  height: 24.479vw;
  border-radius: 50%;
  overflow: hidden;
}

.oem6-center img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .4s ease;
}

.oem6-item {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 1.666vw;
  width: 29.27vw;
}

.oem6-thumb {
  flex-shrink: 0;
  width: 5.937vw;
  height: 5.937vw;
  border-radius: 50%;
  overflow: hidden;
  border: 0.208vw solid #fff;
  box-shadow: 0 0.208vw 1.041vw rgba(0, 0, 0, .1);
  transition: all .4s ease;
}

.oem6-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oem6-item.on .oem6-thumb {
  transform: scale(1.08);
}

.oem6-txt {
  width: 21.666vw;
}

.oem6-l .oem6-txt {
  text-align: right;
}

.oem6-num {
  display: block;
  margin-bottom: 0.625vw;
  color: #012eaa;
  line-height: 1;
}

.oem6-txt h4 {
  margin-bottom: 0.416vw;
  color: #012eaa;
  line-height: 1.35;
}

.oem6-txt p {
  color: rgba(26, 26, 26, .7);
  line-height: 1.45;
}

.oem6-i1 {
  left: 61.458vw;
  top: 13.02vw;
}

.oem6-i2 {
  left: 14.791vw;
  top: 13.541vw;
}

.oem6-i3 {
  left: 66.145vw;
  top: 28.385vw;
}

.oem6-i4 {
  left: 7.343vw;
  top: 28.385vw;
}

.oem6-i5 {
  left: 59.895vw;
  top: 43.229vw;
}

.oem6-i6 {
  left: 14.791vw;
  top: 43.229vw;
}

.oem6-btn {
  display: flex;
  width: fit-content;
  margin: 1.041vw auto 0;
}

.oem7 {
  padding: 4.687vw 0 6.093vw;
}

.oem7-tit {
  margin-bottom: 3.125vw;
  text-align: center;
  color: #012eaa;
  line-height: 1.15;
}

.oem7-list {
  flex-wrap: nowrap;
  gap: 1.25vw;
}

.oem7-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 16.77vw;
  padding: 2.083vw;
  border-radius: 1.25vw;
  background: #f4f4f4;
  text-align: center;
  transition: all .4s ease;
}

.oem7-item h3 {
  margin-bottom: 1.25vw;
  color: #012eaa;

  line-height: 1.3;
}

.oem7-item p {
  color: #012eaa;

  line-height: 1.75;
}

.oem7-item:hover {
  flex: 1.4;
  background: #e4e4e4;
}

.oem8 .t2 {
  color: #012EAA;
  margin-top: 10.937vw;
}

.oem8 .home7-main .con p {
  margin-top: 0;
}

.about2 {
  padding: 3.229vw 0 5.208vw;
}

.about2 .C-mbx {
  margin-bottom: 2.812vw;
}

.about2-main {
  align-items: center;
  gap: 2.031vw;
}

.about2-main .txt {
  width: 39.479vw;
  flex-shrink: 0;
}

.about2-main .tit {
  line-height: 1.5;
  color: #012eaa;

}

.about2-main .desc {
  margin-top: 2.083vw;
  line-height: 1.5;
  color: #999;

}

.about2-main .desc p {
  line-height: 1.5;
}

.about2-main .desc p+p {
  margin-top: 1.041vw;
}

.about2-main .pic {
  flex: 1;
  height: 37.239vw;
  border-radius: 1.302vw;
  overflow: hidden;
}

.about2-main .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about3 {
  padding: 5.208vw 0;
}

.about3-tit {
  margin-bottom: 3.125vw;
  line-height: 1.5;
  color: #012eaa;

  text-align: center;
}

.about4 {
  position: relative;
  padding: 8.333vw 0 13.02vw;
  overflow: hidden;
}

.about4 .bg {
  position: absolute;
  inset: 0;
}

.about4 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about4::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .92));
}

.about4-inner {
  position: relative;
  z-index: 2;
  padding-left: 7.291vw;
}

.about4-tit {
  width: 66.406vw;
  max-width: 100%;
  margin-bottom: 16.979vw;
  line-height: 1.5;
  color: #fff;

}

.about4-swiper {
  overflow: visible;
}

.about4-swiper .swiper-slide {
  width: 19.947vw;
}

.about4-swiper .swiper-slide .line {
  display: block;
  width: 100%;
  height: 0.052vw;
  margin-bottom: 1.458vw;
  background: rgba(255, 255, 255, .35);
}

.about4-swiper .swiper-slide .year {
  margin-bottom: 1.25vw;
  line-height: 1.2;
  color: #fff;
}

.about4-swiper .swiper-slide .txt {
  width: 17.552vw;
  line-height: 1.458vw;
  color: #fff;
}

.about5 {
  position: relative;
  padding: 9.375vw 0;
  overflow: hidden;
}

.about5-inner {
  position: relative;
  width: 85.416vw;
  height: 33.281vw;
  margin: 0 auto;
}

.about5-cards {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 23.75vw;
  height: 30.729vw;
  transform: translate(-50%, -50%);
  perspective: 1200px;
}

.about5-cards .card {
  position: absolute;
  inset: 0;
  border-radius: 1.041vw;
  transform-origin: 86% 100%;
  overflow: hidden;
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.about5-cards .card-b1 {
  background: #d9d9d9;
}

.about5-cards .card-b2 {
  background: #b8b8b8;
}

.about5-cards .card-img {
  overflow: visible;
}

.about5-cards .card img {
  width: 100%;
  height: 100%;
  border-radius: 1.041vw;
  object-fit: cover;
}

.about5-cards .card-img .badge {
  position: absolute;
  left: 2.083vw;
  top: 2.083vw;
  color: #fff;

  line-height: 1.5;
}

.about5 .txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #012eaa;
  z-index: 2;
}

.about5 .txt p {
  font-size: 4.427vw;
  line-height: 6.25vw;
  white-space: nowrap;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
}

.about5 .txt-l {
  right: calc(50% + 4.166vw);
  text-align: right;
}

.about5 .txt-r {
  left: calc(50% + 4.166vw);
}

.about6 {
  position: relative;
  height: 54.791vw;
  overflow: hidden;
}

.about6-bg {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.about6-bg .pic {
  overflow: hidden;
}

.about6-bg .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about6-mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .5);
}

.about6-center {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 31.927vw;
  height: 100%;
  padding: 0 3.125vw;
  transform: translateX(-50%);
  background: #2730a1;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.about6-center .deco {
  position: absolute;
  left: 50%;
  top: 6.666vw;
  width: 20.26vw;
  transform: translateX(-50%);
  opacity: .32;
  pointer-events: none;
}

.about6-center .tit {
  position: relative;
  line-height: 1.2;
  width: 100%;
}

.about6-center .tit span {
  display: block;
  font-size: 2.5vw;
}

.about6-center .tit b {
  display: block;
  font-size: 3.333vw;
}

.about6-center .desc {
  position: relative;
  margin-top: 4.166vw;
  width: 21.406vw;
  max-width: 100%;
  line-height: 1.92;
}

.about7 {
  position: relative;
  height: 50vw;
  overflow: hidden;
}

.about7 .bg {
  position: absolute;
  inset: 0;
}

.about7 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about7::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5));
}

.about7 .main {
  padding: 0 0 0 7.291vw;
  z-index: 2;
  position: relative;
  height: 100%;
}

.about7 .controls {
  gap: 1.0417vw;
  margin-top: 4.083vw;

}

.about7 .controls .st3-btn {
  position: static;
}

.about7-lt {
  margin-top: 5.781vw;
  width: 25.885vw;
  text-align: right;
}

.about7-lt .tit {
  font-size: 5vw;
  line-height: 1.3;
  color: #fff;

}

.about7-lt .C-btn1 {
  height: 3.541vw;
  margin-top: 2.083vw;
}

.about7-lt .C-btn1 span {}

.about7-line {
  width: 0.104vw;
  height: 100%;
  margin: 0 2.083vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);
}

.about7-swiper {
  bottom: 4.843vw;
  flex: 1;
  min-width: 0;
  margin: 0;
}

.about7-swiper .swiper-wrapper {
  align-items: flex-end;
}

.about7-swiper .swiper-slide {
  width: 13.541vw;
  height: 10.208vw;
  padding: 0.208vw 0.52vw 0.468vw;
  border-radius: 1.041vw;
  background: #012eaa;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.833vw;
  backdrop-filter: blur(0.52vw);
  transition: all ease 1s;
}

.about7-swiper .swiper-slide .num {
  width: 100%;
}

.about7-swiper .swiper-slide .big {
  width: 100%;
  text-align: center;
}

.about7-swiper .swiper-slide:hover {
  height: 17.552vw;
  padding: 2.083vw 1.041vw;
  background: rgba(255, 255, 255, .8);
  color: #012eaa;
  align-items: flex-start;
  justify-content: flex-start;
}

.about7-swiper .slide-big .big {
  text-align: left;
}

.about7-swiper .sub {
  line-height: 1.5;
  display: none;
}

.about7-swiper .swiper-slide:hover .sub {
  display: block;
  animation: fadeIn 1s ease forwards;
}

.about8 {
  padding: 3.125vw 0;
}

.about8-tit {
  margin-bottom: 1.041vw;
  line-height: 1.4;
  color: #012eaa;

  text-align: center;
}

.about9 {
  padding: 6.25vw 0 8.333vw;
}

.about9-tit {
  margin-bottom: 4.166vw;
  line-height: 1.5;
  color: #012eaa;

}

.about9-tit span {
  display: block;
}

.about9-list {
  gap: 1.25vw;
  align-items: stretch;
  margin-left: 14.843vw;
}

.about9-list .item {
  position: relative;
  flex: 1;
  height: 32.187vw;
  padding: 1.25vw;
  background: #f4f4f4;
  display: flex;
  flex-direction: column;
  overflow: hidden;

  -webkit-clip-path: polygon(84% 0%, 100% 11%, 100% 100%, 16% 100%, 0% 89%, 0 0);
  clip-path: polygon(84% 0%, 100% 11%, 100% 100%, 16% 100%, 0% 89%, 0 0);
}

.about9-list .num {
  gap: 0.416vw;
  margin-bottom: 7.291vw;
}

.about9-list .num .c {
  color: #1e376d;
}

.about9-list .num .t {
  color: #a2a2a2;
}

.about9-list .num .line {
  width: 2.5vw;
  height: 0.104vw;
}

.about9-list .con .tit {
  line-height: 1.5;
  color: #012eaa;
}

.about9-list .con .tit span {
  display: block;
}

.about9-list .con .desc {
  margin-top: 5.416vw;
  line-height: 1.5;
  color: #333;

}

.about9-list .con .desc p+p {
  margin-top: 0.833vw;
}

.about9-list .jt {
  width: 2.604vw;
  margin-top: auto;
  align-self: flex-end;
}

.side-float {
  position: fixed;
  right: 1.042vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 40;
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}

.side-float .side-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 50%;
  background: #012eaa;
  transition: background .3s;
}

.side-float .side-item:hover {
  background: #011f75;
}

.side-float .side-item img,
.side-float .side-item svg {
  width: 1.042vw;
  height: 1.042vw;
  object-fit: contain;
  display: block;
}

.side-float .side-cart .badge {
  display: none;
  position: absolute;
  top: -0.208vw;
  right: -0.208vw;
  min-width: 0.938vw;
  height: 0.938vw;
  padding: 0 0.208vw;
  border-radius: 0.938vw;
  background: #e60012;
  color: #fff;
  line-height: 0.938vw;
  text-align: center;
}