.content {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

.head-content {
  width: 84.79167%;
}

.content2 {
  width: 83.33333333%;
  margin: 0 auto;
}

.otherbox {
  padding-top: 100px;
  position: relative;
}

.img-box {
  width: 100%;
  padding-bottom: 75%;
  position: relative;
  overflow: hidden;
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.top {
  position: absolute;
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
  transform: translateY(-200%);
  pointer-events: none;
}

@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  src: local("Roboto Bold"), local("Roboto-Bold"),
    url("../font/Roboto-Bold.woff2") format("woff2"),
    url("../../app/fonts/Roboto-Bold.woff") format("woff"),
    url("../../app/fonts/Roboto-Bold.ttf") format("truetype");
  font-display: swap;
}

html,
body {
  font-family: "Noto Sans SC";
  position: relative;
}

.row {
  --bs-gutter-x: 1.875rem;
}

:root {
  --p: calc((100vw - 83.33333333vw) / 2);
  --butw: 200px;
  --buth: 58px;
  --d220: 11.45833vw;
  --d207: 10.78125vw;
  --d185: 9.63542vw;
  --d180: 9.375vw;
  --d175: 9.11458vw;
  --d165: 8.59375vw;
  --d160: 8.33333vw;
  --d155: 8.07292vw;
  --d150: 7.8125vw;
  --d140: 7.29167vw;
  --d137: 7.13542vw;
  --d130: 6.77083vw;
  --d126: 6.5625vw;
  --d120: 6.25vw;
  --d116: 6.04167vw;
  --d110: 5.72917vw;
  --d104: 5.41667vw;
  --d100: 5.20833vw;
  --d98: 5.10417vw;
  --d96: 5vw;
  --d92: 4.79167vw;
  --d88: 4.58333vw;
  --d85: 4.42708vw;
  --d82: 4.27083vw;
  --d80: 4.16667vw;
  --d77: 4.01042vw;
  --d74: 3.85417vw;
  --d70: 3.64583vw;
  --d68: 3.54167vw;
  --d66: 3.4375vw;
  --d64: 3.33333vw;
  --d62: 3.22917vw;
  --d60: 3.125vw;
  --d57: 2.96875vw;
  --d54: 2.8125vw;
  --d52: 2.70833vw;
  --d50: 2.60417vw;
  --d48: 2.5vw;
  --f44: -2.29167vw;
  --d44: 2.29167vw;
  --d42: 2.1875vw;
  --d40: 2.08333vw;
  --f38: -1.97917vw;
  --d38: 1.97917vw;
  --d36: 1.875vw;
  --d34: 1.77083vw;
  --d32: 1.66667vw;
  --d30: 1.5625vw;
  --d28: 1.45833vw;
  --d26: 1.35417vw;
  --d24: 1.25vw;
  --d22: 1.14583vw;
  --d20: 1.04167vw;
  --d18: 0.9375vw;
  --d16: 0.83333vw;
  --d15: 0.78125vw;
  --d14: 0.72917vw;
  --d12: 0.625vw;
  --d10: 0.52083vw;
  --70: 70px;
  --64: 64px;
  --60: 60px;
  --48: 48px;
  --44: 44px;
  --32: 32px;
  --30: 30px;
  --24: 24px;
  --22: 22px;
  --20: 20px;
  --18: 18px;
  --16: 16px;
}

.more-button {
  transition: all 0.5s;
}

.title {
  font-weight: 700;
  font-size: var(--64);
  line-height: 1.4;
}

.box-title {
  display: flex;
  align-items: flex-start;
}

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

.box-title h2 {
  font-weight: 700;
  font-size: var(--48);
  line-height: calc(70 / 48);
}

/* 头部导航 */

.navBox {
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  z-index: 999;
  margin: 0 auto;
  height: 100px;
  transition: all 0.5s;
  width: 95.833333333%;
  color: var(--black);
  background-color: #fff;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(170, 170, 170, 0.25);
  border-radius: 0px 0px 30px 30px;

}

.navBox2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  height: 100%;
  z-index: 100;
  width: 100%;
  padding: 0 var(--d40);
}

.head-list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4.27083vw;
}

.head-list2 {
  font-size: var(--18);
  font-weight: 500;
  line-height: 1;
  color: #222;
  padding: 0 var(--d36);
}

.head-list2:first-child {
  padding-left: 0;
}

.head-list2:last-child {
  padding-right: 0;
}

.head-navBox {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.head-left {
  position: relative;
  z-index: 10000;
}

.head-logo {
  width: 10.9375vw;
}

.head-navBox2 {
  height: 100%;
}

.head-list {
  height: 100%;
}

.head-list2 {
  height: 100%;
}

.head-list2>a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 3px;
  background-color: #1d277a;
  transition: all 0.5s;
  border-radius: 3px;
}

.head-list2:hover>::after {
  width: 100%;
  left: 0;
}


.head-listcontent-action {
  color: #1d277a;
}

.head-listcontent-action  .head-list-action a{
  color: #1d277a;
} 
.head-listcontent-action>a::after {
  width: 100%;
  left: 0;
}

.head-list2 a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.head-sousuo {
  margin-right: var(--d26);
  cursor: pointer;
}

.head-sousuo i {
  font-size: var(--22);
  color: #333;
}

.header-language {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  background-color: #1d277a;
  font-size: var(--16);
  color: #fff;
  border-radius: 10px;
  margin-right: var(--d18);
  cursor: pointer;
  position: relative;
}

.header-language span {
  margin-right: 6px;
}

.header-language i {
  font-size: 16px;
  line-height: 0;
}

.header-language:hover .header-language-content {
  opacity: 1;
  visibility: visible;
}

.header-language-content {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  display: block;
  padding: 8px 14px;
  transform: translateY(100%);
  background-color: #1d277a;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

.header-language-content div {
  margin-bottom: 2px;
  display: inline-block;
  position: relative;
}

.header-language-content div::after {
  width: 0%;
  content: "";
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s;
}

.header-language-content div:hover::after {
  width: 100%;
}

.header-language-content .action::after {
  width: 100%;
}

.header-language-content div:last-child {
  margin-bottom: 0;
}

.header-translate {
  width: 109px;
}

.translate {
  width: 100%;
}

.head-meuntitle {
  font-size: var(--24);
  padding-left: 7px;
  color: #7356a1;
  position: relative;
  margin-top: 15px;
}

.head-meuntitle::after {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 2px;
  background-color: #7356a1;
}

.head-listcontent {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  background-color: #ffffff;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: space-between;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  overflow: hidden;
  box-shadow: 0px 4px 10px rgba(170, 170, 170, 0.25);
}

.head-listcontent-left {
  width: calc(100% * 772 / 1840);
  padding-right: var(--d100);
  padding-top: var(--d50);
  padding-bottom: var(--d40);
  background-color: #1d277a;
  position: relative;
}

.head-listcontent-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

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

.head-listcontent-title {
  text-align: right;
  font-weight: 700;
  font-size: var(--32);
  line-height: calc(46 / 32);
  color: #fff;
  margin-bottom: var(--d22);
}

.head-listcontent-text {
  font-size: var(--16);
  line-height: calc(28 / 16);
  color: #fff;
  font-weight: 500;
  text-align: right;
}

.head-listcontent-right {
  width: calc(100% * 1068 / 1840);
  padding-top: var(--d50);
  padding-left: var(--d85);
  padding-right: var(--d120);
  padding-bottom: var(--d40);
  display: flex;
  justify-content: space-between;
}

.head-listcontent-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.head-listcontent-list2 {
  height: 20%;
  margin-right: var(--d116);
  font-weight: 500;
  font-size: var(--16);
  color: #333333;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.5s;
}

.head-listcontent-list2 img {
  position: absolute;
  left: -5px;
  top: 50%;
  width: 15px;
  transform: translate(-100%, -50%);
  opacity: 0;
  transition: all 0.5s;
}

.head-listt-action {
  color: #1d277a;
}

.head-list-action img {
  opacity: 1;
}

.head-listcontent-list2:hover {
  color: #1d277a;
}

.head-listcontent-list2:hover img {
  opacity: 1;
}

.head-listcontent-imgbox {
  width: 20.83333vw;
  position: relative;
}

.head-listcontent-img1 {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.head-listcontent-img2 {
  position: absolute;
  bottom: 0;
  left: -0.83333vw;
  width: 20.83333vw;
  object-fit: cover;
  transform: translateY(100%);
  z-index: 10;
}

.head-list2:hover>a {
  color: #1d277a;
}

.head-list2:hover .head-listcontent {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
}

.header-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  display: none;
  z-index: 100;
  padding-top: 100px;
}

.header-list {
  width: 100%;
}

.header-list2 {
  width: 100%;
  padding: 8px 5%;
}

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

.header-list2 a {
  font-size: 16px;
}

.more {
  display: none;
  padding-left: 15px;
}

.more-1-list2 {
  padding: 8px 0;
}

.more-1-list3 a {
  font-size: 14px;
  width: 100%;
}

.header-list2 img {
  transition: all 0.5s;
}

.header-list2 .open img {
  transform: rotate(90deg);
}

.header-nav .action {
  color: #7356a1;
}

.s-nav {
  width: 21px;
  height: 18px;
  justify-content: space-between;
  display: none;
  align-items: center;
  flex-direction: column;
  z-index: 999;
  cursor: pointer;
  margin-left: 15px;
}

.s-nav i {
  width: 21px;
  height: 2px;
  background-color: #7356a1;
  transition: all 0.5s;
  display: block;
}

.s-nav-action i:first-child {
  transform: translateY(8px) rotate(45deg);
}

.s-nav-action i:nth-child(2) {
  opacity: 0;
}

.s-nav-action i:last-child {
  transform: translateY(-8px) rotate(-45deg);
}

.bg {
  background: rgba(22, 47, 255, 0.25);
  filter: blur(230px);
  width: 350px;
  height: 350px;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}

.footer {
  padding-top: var(--d100);
  background-image: url("../image/foot/fooder.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.footer-box {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--d126);
}

.footer-list {
  display: flex;
}

.footer-list2 {
  margin-right: var(--d100);
  color: #fff;
}

.footer-list2:last-child {
  margin-right: 0;
}

.footer-title {
  font-weight: 700;
  font-size: var(--20);
  margin-bottom: var(--d16);
}

.footer-list2 {
  display: flex;
  flex-direction: column;
}

.footer-list2 a {
  opacity: 0.7;
  position: relative;
  transition: all 0.5s;
  display: inline-block;
  margin-bottom: var(--d10);
}

.footer-list2 a:hover {
  opacity: 1;
}

.footer-mes2 a:hover span::after,
.footer-list2 a:hover span::after {
  width: 100%;
}

.footer-mes2 a span,
.footer-list2 a span {
  position: relative;
}

.footer-mes2 a span::after,
.footer-list2 a span::after {
  width: 0%;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 1px;
  background-color: #fff;
  z-index: 10;
  transition: all 0.5s;
}

.footer-logo {
  width: 18.17708vw;
  margin-bottom: var(--d70);
}

.footer-mes2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--16);
  color: #fff;
  margin-bottom: var(--d24);
}

.footer-mes2:last-child {
  margin-bottom: 0;
}

.footer-mes2 i {
  font-size: var(--24);
  color: #fff;
  margin-right: var(--d24);
  line-height: 1;
}

.footer-share i {
  color: #fff;
  opacity: 0.4;
  font-size: 40px;
  transition: all 0.5s;
}

.footer-share a {
  margin-right: 16px;
}

.footer-share a:hover i {
  opacity: 1;
}

.footer-mes {
  margin-bottom: var(--d30);
}

.footer-box2 {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: var(--d16) 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--16);
  line-height: calc(35 / 16);
}

.footer-box2 span {
  margin-right: var(--d16);
}

.footer-box2 a {
  transition: all 0.5s;
}

.footer-box2 a:hover {
  color: #fff;
}

/* index */
.index-banner {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.index-banner-img {
  width: 100%;
  line-height: 0;
}

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

.index-banner-text {
  position: absolute;
  left: 8.33333vw;
  top: 40%;
}

.banner-text-img {
  width: 47.5vw;
  margin-bottom: var(--d26);
}

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

.banner-text1 {
  font-size: var(--64);
  font-weight: 700;
  color: #fff;
  line-height: calc(86 / 64);
  margin-bottom: var(--d26);
}

.banner-text2 {
  font-size: var(--48);
  line-height: calc(64 / 48);
  color: #fff;
  font-weight: 700;
}

.banner-pagination {
  position: absolute;
  bottom: var(--d70) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.banner-pagination .swiper-pagination-bullet {
  width: 2.60417vw;
  height: 3px;
  border-radius: 6px;
  opacity: 0.4;
  background-color: #ffffff;
}

.banner-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.i-pro {
  padding-top: var(--d120);
}

.i-pro-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--d60);
}

.i-pro-swbox {
  position: relative;
}

.i-pro .manufacture-nav {
  justify-content: space-between;
  width: 100%;
}

.i-pro .manufacture-nav2 {
  margin-right: 0;
}

.i-pro-swiper {
  padding-bottom: var(--d116);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.5s;
}

.swiper-re {
  position: relative;
}

.swiper-action {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.i-sol {
  position: relative;
  overflow: hidden;
}

.i-sol-swiper {
  width: 59.47917vw;
  margin: 0;
}

.i-sol-content {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 10;
}

.i-sol-content::after {
  position: absolute;
  content: "";
  width: 120%;
  height: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  top: 0;
  left: 0;
  background-color: #1d277a;
  transform: translate(calc(var(--d20) * -1), var(--d20));
}

.i-sol-swiper2 {
  overflow: hidden;
  margin-left: var(--d57);
}

.i-sol-content2 {
  position: relative;
  z-index: 10;
  background-color: #f3f3f3;
  width: 52.60417vw;
  height: 38.33333vw;
  padding: var(--d104) var(--d120);
  padding-right: var(--p);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.i-sol-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 35.15625vw;
  pointer-events: none;
  z-index: -1;
}

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

.i-sol-left {
  width: 26.92708vw;
  height: 100%;
}

.i-sol-title {
  margin-bottom: var(--d64);
}

.i-sol-num {
  font-family: "Roboto";
  font-style: normal;
  -webkit-text-stroke: 2px #1d277a;
  font-size: var(--48);
  line-height: calc(56 / 48);
  letter-spacing: 0.06em;
  color: #22002244;
  position: relative;
  z-index: 1;
}

.i-sol-sw-title {
  font-size: var(--32);
  font-weight: 700;
  line-height: calc(46 / 32);
  color: #333333;
  margin-bottom: var(--d28);
}

.i-sol-sw-text {
  font-weight: 400;
  font-size: var(--20);
  line-height: calc(29 / 20);
  margin-bottom: var(--d80);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.swiper-but {
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  border: 1px solid #22002244;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  cursor: pointer;
}

.swiper-but:hover {
  background-color: #1d277a;
  border: 1px solid #1d277a;
}

.swiper-but:hover i {
  color: #fff;
}

.i-sol-right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.swiper-but i {
  display: inline-block;
  transition: all 0.5s;
  font-size: 1.04167vw;
}

.i-sol-but {
  transform: rotate(90deg);
}

.i-sol-pagination {
  height: 14.58333vw;
  width: 0.41667vw;
  border-radius: 0.41667vw;
  background-color: #fff;
  margin: var(--d30) 0;
}

.i-sol-pagination2 {
  transition: all 0.5s;
  width: 100%;
  height: 50%;
  border-radius: 0.41667vw;
  background-color: #1d277a;
}

.i-manu {
  padding-top: var(--d120);
  padding-bottom: var(--d126);
}

.i-manu-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--d60);
}

.i-about {
  padding-top: var(--d66);
  padding-bottom: var(--d126);
  position: relative;
}

.i-about-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 52.23958vw;
  pointer-events: none;
}

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

.i-about-bg2 {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 100;
  pointer-events: none;
}

.i-about-bg2 img {
  width: 75.83333vw;
  margin-right: calc(100vw - 75.83333vw);
}

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

.i-about2 {
  display: flex;
  justify-content: space-between;
}

.i-about2-left {
  width: 45.41667vw;
  padding-top: var(--d126);
}

.i-about2-rigth {
  width: 33.64583vw;
}

.i-about2-rigth img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.i-about-title {
  margin-bottom: var(--d40);
  transform: translateX(-3%);
}

.i-about-text1 {
  color: #1d277a;
  font-size: var(--32);
  font-weight: 700;
  margin-bottom: var(--d30);
}

.i-about-text2 {
  font-size: var(--20);
  color: #333;
  margin-bottom: var(--d80);
}

.i-about-text2 p {
  margin-bottom: var(--d30);
}

.i-about-text2 p:last-child {
  margin-bottom: 0;
}

.i-partners {
  padding-top: var(--d120);
  padding-bottom: var(--d180);
  background-color: #f3f3f3;
}

.i-partners-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--d82);
}

.i-partners-list {
  margin-bottom: calc(var(--d30) * -1);
}

.i-partners-list2 {
  margin-bottom: var(--d30);
}

.i-partners-list3 {
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: var(--d44);
  padding-bottom: var(--d38);
}

.i-partners-img {
  width: calc(199 / 298 * 100%);
}

.i-partners-list .img-box {
  padding-bottom: calc(88 / 199 * 100%);
}

.i-news {
  padding-top: var(--d85);
  padding-bottom: var(--d98);
}

.i-news-titlebox2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--d24);
}

.i-news-title {
  transform: translateY(-3%);
}

.i-news-titlebox {
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: var(--d60);
}

.i-news-date {
  padding-bottom: var(--d24);
  position: relative;
  margin-bottom: var(--d34);
  font-size: var(--20);
  color: #333333;
}

.i-news-date::after {
  width: 0%;
  height: 4px;
  background-color: #1d277a;
  border-radius: 8px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.5s;
}

.i-news-textbox {
  display: flex;
  justify-content: space-between;
}

.i-news-imgbox {
  width: calc(512 / 1056 * 100%);
  border-radius: 30px;
  overflow: hidden;
}

.i-news-textbox2 {
  width: calc(485 / 1056 * 100%);
  padding-top: var(--d60);
}

.i-news-title {
  margin-bottom: var(--d20);
}

.i-news-title h3 {
  font-size: var(--32);
  font-weight: 700;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.i-news-text {
  font-size: var(--20);
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: var(--d54);
}

.i-news-swiper .swiper-slide {
  opacity: 0.7;
  transition: all 0.5s;
}

.i-news-swiper .swiper-slide-active {
  opacity: 1;
}

.i-news-box:hover .img-box img {
  transform: scale(1.1);
}

.i-news-box:hover .i-news-date::after {
  width: 100%;
}

.i-news-pagebox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--d85);
}

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

.i-news-pagination {
  width: 74.79167vw;
  height: 3px;
  border-radius: 3px;
  background-color: #f3f3f3;
}

.i-news-pagination2 {
  height: 100%;
  border-radius: 3px;
  transition: all 0.5s;
  background-color: #1d277a;
}

.i-news-prev {
  margin-right: var(--d16);
}

/* about */
.a-content {
  padding-top: var(--d175);
}

.a-content-title {
  text-align: center;
}

.a-content-imgbox {
  overflow: hidden;
  padding-top: var(--d100);
  width: 100%;
  position: relative;
  margin-bottom: var(--d66);
}

.a-content-imgbox img {
  width: 100%;
  object-fit: cover;
}

.a-content-img2 {
  position: absolute;
  bottom: 0;
  left: 0;
}

.a-content-textbox {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--d137);
}

.a-content-left {
  color: #1d277a;
  font-size: var(--32);
  line-height: calc(44 / 32);
  font-weight: 700;
  width: calc(648 / 1600 * 100%);
}

.a-content-rigth {
  color: #333333;
  font-size: var(--20);
  line-height: calc(34 / 20);
  width: calc(784 / 1600 * 100%);
  text-indent: 4ch;
}

.a-culture {
  background-image: url("../image/other/a_culture_bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: var(--d207) 0;
}

.a-culture-box {
  display: flex;
  justify-content: space-between;
}

.a-culture-left {
  padding-top: var(--d116);
  width: calc(512 / 1600 * 100%);
}

.a-culture-text {
  margin-top: 6px;
  font-size: var(--20);
  line-height: calc(29 / 20);
  color: #333333;
}

.a-culture-right {
  width: calc(814 / 1600 * 100%);
}

.a-culture-list2 {
  padding: var(--d50) var(--d44);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.5s;
}

.a-culture-list2:hover {
  background-color: #fff;
}

.a-culture-list2::after {
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #aaaaaa40;
  position: absolute;
  height: 1px;
}

.a-culture-list-icon {
  width: 94px;
  height: 94px;
  border-radius: 4px;
  border: 1px solid #ffffff;
  background-color: #f3f3f3a6;
  display: flex;
  justify-content: center;
  align-items: center;
}

.a-culture-list-title {
  font-size: var(--32);
  font-weight: 700;
  margin-bottom: 6px;
  color: #333333;
}

.a-culture-list-text {
  font-weight: 400;
  color: #333333;
  font-size: var(--20);
}

.about .i-partners {
  background-color: #fff;
}

.about .i-partners-list3 {
  box-shadow: 0px 0px 8px 4px #f3f3f3;
}

/* products */
.products-box {
  padding-top: var(--d175);
  padding-bottom: var(--d140);
}

.products-title {
  width: 1164px;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: var(--d96);
}

.products-list {
  margin-bottom: calc(-1 * var(--d36));
}

.products-list2 {
  margin-bottom: var(--d36);
}

.products-list2:hover .products-list3 {
  transform: translateY(-15%);
}

.products-list2:hover .products-list4 h3 {
  color: #fff;
}

.products-list2:hover .products-img {
  opacity: 1;
}

.products-list3 {
  padding-bottom: 100%;
  position: relative;
  transition: all 0.5s;
}

.products-list4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  overflow: hidden;
}

.products-list4 h3 {
  position: relative;
  z-index: 10;
  font-weight: 700;
  color: #333333;
  font-size: var(--32);
  transition: all 0.5s;
  text-align: center;
}

.products-bg {
  position: absolute;
  right: -2%;
  bottom: -2%;
  width: calc(228 / 294 * 100%);
  z-index: -1;
  object-fit: cover;
}

.products-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  opacity: 0;
  transition: all 0.5s;
}

.products-more {
  font-weight: 500;
  font-size: var(--16);
  color: #fff;
  background-color: #1d277a;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--d12) var(--d22);
  position: relative;
  z-index: 10;
}

.products-more i {
  line-height: 1;
  font-size: var(--20);
  margin-left: 8px;
}

.product-con {
  padding-bottom: var(--d80);
}

.product-con2 {
  display: flex;
  justify-content: space-between;
}

.product-left {
  width: 16.66667vw;
}

.product-right {
  width: calc(100% - 16.66667vw);
  padding-left: var(--d88);
}

.product-left2 {
  border-radius: 20px;
  border: 1px solid #1d277acc;
  position: sticky;
  top: 150px;
  padding: var(--d42) 0;
}

.product-nav2 {
  position: relative;
  margin-bottom: var(--d28);
  transition: all 0.5s;
}

.product-nav2:last-child {
  margin-bottom: 0;
}

.product-nav2 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--20);
  padding-left: var(--d42);
  padding-right: var(--d36);
  padding-top: var(--d16);
  padding-bottom: var(--d16);
  transition: all 0.5s;
}

.product-nav2::after {
  content: "";
  width: 14px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1d277a;
  transform: translateX(-100%);
  opacity: 0;
  transition: all 0.5s;
}

.product-nav2::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #1d277a;
  transform: translate(-100%, 100%);
  -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  opacity: 0;
  transition: all 0.5s;
}

.product-nav2:last-child {
  margin-bottom: 0;
}

.product-nav2 span {
  transition: all 0.5s;
}

.product-navTit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: var(--20);
  font-weight: 700;
  color: #333333;
}

.product-navact {
  background-color: #1d277a;
}

.product-navact .product-navTit {
  color: #ffffff;
}

.product-navact span {
  transform: translateX(var(--d20));
}

.product-navact::after {
  opacity: 1;
}

.product-navact::before {
  opacity: 1;
}

.product-navact .product-icon {
  opacity: 1;
}

.product-nav2:hover {
  background-color: #1d277a;
}

.product-nav2:hover .product-navTit {
  color: #ffffff;
}

.product-nav2:hover span {
  transform: translateX(var(--d20));
}

.product-nav2:hover::after {
  opacity: 1;
}

.product-nav2:hover::before {
  opacity: 1;
}

.product-nav2:hover .product-icon {
  opacity: 1;
}

.product-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.5s;
}

.product-icon i {
  font-size: 12px;
  line-height: 1;
  transition: all 0.5s;
}

.product-list {
  margin-bottom: calc(var(--d85) * -1);
}

.product-list2 {
  margin-bottom: var(--d85);
}

.product-list3 {
  padding: var(--d24) var(--d12) var(--d42);
  background-color: #f3f3f3;
  border-radius: 20px;
  position: relative;
  transition: all 0.5s;
}

.product-img .img-box {
  padding-bottom: 100%;
}

.product-title {
  padding: 0 var(--d22);
}

.product-title h3 {
  color: #1d277a;
  font-weight: 700;
  font-size: var(--20);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: calc(30 / 20);
}

.product-img {
  margin-bottom: var(--d34);
}

.product-list-icon {
  position: absolute;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  bottom: 0;
  left: calc(var(--d12) + var(--d22));
  transform: translateY(50%);
  opacity: 0;
  transition: all 0.5s;
}

.product-list-icon2 {
  width: 80%;
  height: 80%;
  border-radius: 50%;
  background-color: #1d277a;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-list-icon2 i {
  font-size: var(--24);
  color: #fff;
}

.page-right a,
.page-left a,
.page-item a {
  border: none;
  width: 3.125vw;
  height: 3.125vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50% !important;
  font-weight: 700;
  font-size: var(--20);
  margin: 0 var(--d20);
  padding: 0;
}

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

.pagination .active a {
  background-color: #1d277a;
}

.product-list3:hover .product-list-icon {
  opacity: 1;
}

.product-list3:hover {
  background-color: rgba(87, 95, 169, 0.25);
}

.product-list3:hover .img-box img {
  transform: scale(1.1);
}

.page-right a,
.page-left a {
  border: 1px solid #1d277a42;
}

.products-content {
  background-image: url("../image/other/product_de_bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-item i {
  font-size: var(--20);
}

.products-content2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--d140);
  padding-bottom: var(--d44);
}

.products-left {
  width: calc(842 / 1600 * 100%);
  background: linear-gradient(180deg,
      #ffffff 49.06%,
      rgba(232, 242, 254, 0) 100%);
  border-radius: 25px;
  padding: var(--d77) var(--d36);
}

.products-type {
  display: flex;
  align-items: center;
  font-size: var(--20);
  color: #1d277a;
  font-weight: 500;
  margin-bottom: 9px;
}

.products-type img {
  width: 20px;
}

.products-d-title {
  margin-bottom: var(--d64);
}

.products-d-title h2 {
  font-weight: 700;
  font-size: var(--48);
  font-weight: #3333;
  line-height: calc(70 / 48);
}

.products-d-text1 {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: var(--d28);
  margin-bottom: var(--d28);
}

.products-d-text1:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: var(--d70);
}

.products-d-text2 {
  width: 95%;
  font-size: var(--20);
  line-height: calc(34 / 20);
  font-weight: 500;
  color: #737373;
}

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

.products-but div,
.products-but a {
  display: inline-block;
  padding: var(--d12) var(--d22);
  border: 1px solid #1d277a;
  border-radius: 50px;
  font-size: var(--16);
  transition: all .5s;
}

.products-but span {
  margin-right: 8px;
}

.products-but i {
  font-size: var(--18);
  line-height: 1;
}

.products-but1 {
  margin-right: var(--d50);
}

.products-but1 a {
  background-color: #1d277a;
  color: #fff !important;
  transition: all .5s;
}

.products-but1:hover a {
  transform: scale(1.05);
}

.products-but:hover div,
.products-but:hover a {
  background-color: #1D277A;
  color: #fff;
}

.products-right {
  width: calc(730 / 1600 * 100%);
  color: #fff;
}

.products-right .img-box {
  padding-bottom: 100%;
}

.productsdet-box {
  padding-top: var(--d85);
  padding-bottom: var(--d140);
  background-color: #f9fafc;
}

.productsdet-box2 {
  display: flex;
  justify-content: space-between;
}

.productsdet-left2 {
  position: sticky;
  top: 150px;
  left: 0;
}

.productsdet-listcon {
  position: relative;
  padding-left: 16px;
}

.productsdet-listcon::after {
  position: absolute;
  width: 4px;
  height: 100%;
  background-color: #d9d9d9;
  border-radius: 2px;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.productsdet-line {
  position: absolute;
  width: 4px;
  border-radius: 2px;
  background-color: #1d277a;
  left: 0px;
  z-index: 10;
  transition: all 0.5s;
}

.productsdet-list {
  position: relative;
}

.productsdet-list2 {
  margin-bottom: var(--d34);
  font-size: var(--20);
  line-height: calc(30 / 20);
  color: #000000;
  font-weight: 500;
}

.productsdet-list2:last-child {
  margin-bottom: 0;
}

.productsdet-action {
  color: #1d277a;
}

.productsdet-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  left: 2px;
  top: 0;
  transform: translate(-50%, -50%);
  z-index: 10;
  transition: all 0.5s;
}

.productsdet-dot::before {
  position: absolute;
  width: 80%;
  height: 80%;
  background-color: #1d277a;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.productsdet-list3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--d28);
}

.productsdet-right {
  width: calc(1192 / 1600 * 100%);
}

.productsdet-content {
  position: relative;
}

.content-title {
  font-weight: 700;
  font-size: var(--48);
  color: #333;
}

.productsdet-features {
  margin-bottom: var(--d140);
}

.features-top-title {
  margin-bottom: var(--d60);
}

.features-swiper {
  overflow: hidden;
}

.features-img {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: var(--d20);
}

.features-title {
  font-weight: 500;
  font-size: var(--20);
  color: #333;
  text-align: center;
}

.dvantages-title {
  margin-bottom: var(--d60);
}

.productsdet-dvantages {
  padding-bottom: var(--d140);
}

.dvantages-list1 {
  margin-bottom: calc(var(--d34) * -1);
}

.dvantages-list2 {
  margin-bottom: var(--d34);
}

.dvantages-list3 {
  padding: 0 var(--d30);
  height: 20.83333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff;
  border-radius: 20px;
  transition: all 0.5s;
  border: 2px solid #ffffff;
}

.dvantages-list3:hover {
  border: 2px solid #1d277a;
}

.dvantages-list-title {
  text-align: center;
  font-size: var(--32);
  font-weight: 700;
  color: #1d277a;
  margin-bottom: var(--d20);
}

.dvantages-list-text {
  text-align: center;
  font-size: var(--20);
  color: #333333;
  font-weight: 500;
}

.productsdet-process {
  padding-bottom: var(--d140);
}

.process-title {
  margin-bottom: var(--d80);
}

.process-list1 {
  margin-bottom: calc(var(--d36) * -1);
}

.process-list2 {
  margin-bottom: var(--d36);
}

.process-list3 {
  height: 25vw;
  padding: 0 var(--d30);
  padding-top: var(--d116);
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  border: 2px solid #ffffff;
}

.process-list3:hover {
  border: 2px solid #1d277a;
}

.process-text {
  width: 310px;
  max-width: 100%;
  text-align: center;
}

.process-num {
  font-weight: 700;
  font-size: var(--64);
  color: #1d277a;
  margin-bottom: var(--d42);
}

.process-line {
  width: 1.5625vw;
  height: 4px;
  background-color: #1d277a;
  border-radius: 2px;
  margin-bottom: var(--d36);
}

.process-text {
  font-size: var(--20);
  color: #333333;
  font-weight: 500;
}

.parameters-title {
  margin-bottom: var(--d57);
}

.parameters-table {
  width: 100%;
}

table {
  width: 100%;
}

table tr:first-child {
  background-color: #f3f7ff !important;
}

table tr:nth-child(2n) {
  background-color: #fff;
}

table tr td {
  padding: var(--d20) ;
  /*text-align: left;*/
  border-right: 1px solid #fff;
  /*font-weight: 700;*/
  font-size: var(--20);
  color: #333333;
    overflow-wrap: normal!important; /* 默认值，不会打断单词 */
/* 或者明确禁止断词 */
word-break: normal!important;
}

table tr td:first-child {
  /*text-align: left;*/
  padding: var(--d20);
  /*font-weight: 500;*/
}

table tr:first-child td {
  /*font-weight: 700;*/
  overflow-wrap: normal; /* 默认值，不会打断单词 */
/* 或者明确禁止断词 */
word-break: normal;
}

.inquiry-title {
  text-align: center;
}

.productsdet-inquiry {
  padding: var(--d140) 0;
}

.inquiry-title {
  margin-bottom: var(--d40);
}

.inquiry-form {
  background-color: #f9fafc;
  border-radius: 25px;
  padding: var(--d77) var(--d137);
}

.mes-inp {
  font-family: "Noto Sans SC";
  width: 100%;
  padding: var(--d18) var(--d15);
  font-size: var(--18);
  color: #333333;
  border-radius: 5px;
  overflow: hidden;
}

.mes-inp::placeholder {
  color: #aaaaaa;
}

.mes-formLi1 {
  margin-bottom: var(--d32);
}

.mes-pro {
  background-color: #1d277a;
  color: #fff;
}

.mes-text {
  height: 216px;
  margin-bottom: var(--d32);
}

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

.mes-yanzhengma {
  width: 37.037%;
  margin-right: var(--d32);
}

.mes-yanzimg {
  width: 140px;
}

.mes-yanzimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

.mes-but {
  font-weight: 500;
  color: #fff;
  background-color: #1d277a;
  border: 1px solid #aaaaaa73;
  border-radius: 50px;
  padding: var(--d18) var(--d88);
  font-size: var(--16);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}

.mes-but:hover {
  transform: scale(1.1);
}

.mes-but p {
  margin-right: 8px;
}

/* manufacture */
.manufacture-box {
  padding-top: var(--d175);
  padding-bottom: var(--d140);
}

.manufacture-title {
  width: 868px;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: var(--d96);
}

.manufacture-nav {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #f3f3f3;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: var(--d77);
}

.manufacture-nav2 {
  font-size: var(--20);
  font-weight: 700;
  color: #333333;
  position: relative;
  margin-right: var(--d110);
}

.manufacture-nav2:last-child {
  margin-right: 0;
}

.manufacture-nav2::after {
  width: 0%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 5px;
  border-radius: 5px;
  background-color: #1d277a;
  position: absolute;
  content: "";
  transition: all 0.5s;
}

.manufacture-nav a {
  display: block;
  padding: 0 5px;
  padding-bottom: var(--d14);
  text-align: center;
}

.manufacture-navact::after {
  width: 100%;
}

.manufacture-nav2:hover::after {
  width: 100%;
}

.manufacture-list {
  margin-bottom: calc(-1 * var(--d57));
  padding-bottom: var(--d80);
}

.manufacture-list2 {
  margin-bottom: var(--d57);
}

.manufacture-img {
  border-radius: 25px;
  overflow: hidden;
  margin-bottom: var(--d38);
}

.manufacture-list-title h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  color: #333333;
  font-weight: 700;
  font-size: var(--20);
  transition: all 0.5s;
}

.manufacture-list3:hover .manufacture-img img {
  transform: scale(1.1);
}

.manufacture-list3:hover .manufacture-list-title h3 {
  color: #1d277a;
}

.i-manu-swbox {
  position: relative;
}

.i-manu-but {
  position: absolute;
  top: 40%;
}

.i-pro-but {
  display: none;
  position: absolute;
  top: 40%;
  z-index: 100;
}

.features-pagination .swiper-pagination-bullet-active,
.pro-pagination .swiper-pagination-bullet-active {
  background-color: #1d277a;
}

.features-pagination,
.pro-pagination {
  display: none;
}

.i-pro-prev {
  left: 0px;
}

.i-pro-next {
  right: 0px;
}

.i-manu-prev {
  left: -32px;
  transform: translate(-100%, 0);
}

.i-manu-next {
  right: -32px;
  transform: translate(100%, 0);
}

/* plan */
.plan-box {
  padding-top: var(--d175);
  padding-bottom: var(--d140);
}

.plan-title {
  width: 1030px;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: var(--d96);
}

.plan-iconbox {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.plan-iconbox img {
  width: 5.41667vw;
  margin-bottom: var(--d26);
  transition: all 0.5s;
}

.plan-icontit {
  text-align: center;
  font-weight: 700;
  font-size: var(--32);
  color: #333333;
  transition: all 0.5s;
}

.products-list2:hover .plan-iconbox img {
  filter: brightness(0) invert(1);
}

.products-list2:hover .plan-icontit {
  color: #ffffff;
}

.planlist-box {
  padding-top: var(--d175);
  padding-bottom: var(--d220);
}

.plan-list {
  padding-bottom: 0;
  margin-bottom: calc(-1 * var(--d60));
}

.plan-list2 {
  margin-bottom: var(--d60);
}

.plan-list3 {
  border-radius: 25px;
}

.plan-textbox {
  padding: var(--d32) var(--d30) var(--d54);
}

.plan-type {
  font-weight: 500;
  font-size: var(--20);
  color: #1d277a;
  margin-bottom: var(--d22);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.plan-list-title {
  font-weight: 700;
  color: #333333;
  font-size: var(--32);
  margin-bottom: var(--d60);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.plan-but {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: var(--d12) var(--d22);
  border: 1px solid #1d277a;
  border-radius: 50px;
  color: #333333;
  transition: all 0.5s;
  font-size: var(--16);
}

.plan-but span {
  margin-right: 8px;
}

.plan-but i {
  font-size: var(--18);
  line-height: 1;
}

.plan-list3:hover .img-box img {
  transform: scale(1.1);
}

.plan-list3:hover {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}

.plan-list3:hover .plan-but {
  background-color: #1d277a;
  color: #fff;
}

.plan-list3:hover .plan-list-title {
  color: #1d277a;
}

/* news */
.news-box {
  padding-top: var(--d175);
  padding-bottom: var(--d140);
}

.news-title {
  width: 658px;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: var(--d96);
}

.news-list {
  padding-bottom: var(--d80);
  margin-bottom: calc(-1 * var(--d60));
}

.news-list2 {
  margin-bottom: var(--d60);
}

.news-img {
  border-radius: 25px;
  overflow: hidden;
}

.news-text {
  padding: var(--d32) 0;
}

.news-date {
  font-weight: 500;
  font-size: var(--20);
  color: #aaaaaa;
  margin-bottom: 8px;
}

.news-list-title {
  font-weight: 700;
  font-size: var(--24);
  line-height: calc(36 / 24);
  color: #333333;
  margin-bottom: var(--d60);
  transition: all 0.5s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-list3:hover .img-box img {
  transform: scale(1.1);
}

.news-list3:hover .plan-but {
  background-color: #1d277a;
  color: #fff;
}

.news-list3:hover .news-list-title {
  color: #1d277a;
}

.details {
  position: relative;
}

.details-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 675px;
  pointer-events: none;
}

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

.details-content {
  padding-top: var(--d120);
  padding-bottom: var(--d116);
  display: flex;
  justify-content: space-between;
}

.details-left {
  width: calc(100% * 1056 / 1600);
}

.details-title {
  color: #333;
  font-weight: 700;
  font-size: var(--32);
  margin-bottom: var(--d40);
}

.details-text {
  font-size: var(--16);
  line-height: calc(26 / 16);
  color: #333333;
  text-indent: 4ch;
  margin-bottom: 2em;
}

.details-text img,
.details-text video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.details-text:last-child {
  margin-bottom: var(--d40);
}

.details-text:has(img) {
  text-indent: 0ch;
  max-width: 100%;
}

.details-text:has(video) {
  text-indent: 0ch;
  max-width: 100%;
}

.details-rigth {
  width: calc(100% * 376 / 1600);
}

.details-rigth2 {
  position: sticky;
  top: 100px;
  left: 0;
}

.details-r-title {
  font-size: var(--20);
  font-weight: 500;
  color: #333333;
}

.details-list2 {
  padding: var(--d26) 0;
  border-bottom: 1px solid #d9d9d9;
}

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

.details-img {
  width: calc(100% * 136 / 376);
  overflow: hidden;
}

.details-list2 .img-box {
  border-radius: 20px;
}

.details-textbox {
  width: calc(100% * 240 / 376);
  padding-left: var(--d10);
}

.details-list-type1 {
  font-size: var(--16);
  font-weight: 500;
  color: #1d277a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}

.details-list-type2 {
  font-size: var(--16);
  font-weight: 700;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.5s;
}

.details-list {
  margin-bottom: var(--d32);
}

.details-list3:hover .img-box img {
  transform: scale(1.1);
}

.details-list3:hover .details-list-type2 {
  color: #1d277a;
}

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

.details-but {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #aaaaaa;
  font-size: var(--16);
  font-weight: 500;
  transition: all 0.5s;
}

.details-but:hover {
  color: #1d277a;
}

.details-prev i {
  margin-right: 6px;
}

.details-next i {
  margin-left: 6px;
}

/* contact */
.contact-content2 {
  padding-top: var(--d175);
}

.contact-title {
  padding-bottom: var(--d96);
  width: 518px;
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
}

.contact_img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: var(--d70);
}

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

.contact-mesbox {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--d126);
}

.contact-text {
  font-weight: 500;
  font-size: var(--20);
  color: #333333;
  margin-top: var(--d22);
}

.contact-rigth {
  width: 60%;
}

.contact-list-title {
  font-size: var(--20);
  color: #aaaaaa;
  font-weight: 500;
}

.contact-list-con {
  font-weight: 700;
  font-size: var(--32);
  color: #1d277a;
}

.contact-list-con span {
  position: relative;
}

.contact-list-con a span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  transition: all 0.5s;
  background-color: #1d277a;
}

.contact-list-con a:hover span::after {
  width: 100%;
}

.contact-list {
  margin-bottom: calc(var(--d85) * -1);
}

.contact-list2 {
  margin-bottom: var(--d85);
}

.contact-formbox {
  padding: var(--d116);
  padding-bottom: var(--d116);
  background-color: #f9fafc;
}

.contact-form {
  padding-top: var(--d40);
}

.contact-formbox3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--d40);
}

.contact-form {
  width: calc(100% * 952 / 1600);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
  border-radius: 25px;
  background: #ffffff;
  padding: var(--d77) var(--d64);
}

.contact-form .mes-inp {
  background-color: #f9fafc;
}

.contact-form .mes-yanzhengma {
  width: 14.58333vw;
}

.contact-img {
  width: calc(100% * 648 / 1600);
  position: relative;
  z-index: 10;
}

.contact-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.serve-content2 {
  padding-top: var(--d175);
}

.serve-title {
  width: 1120px;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: var(--d92);
}

.serve-list3 {
  display: flex;
  justify-content: space-between;
}

.serve-img {
  width: calc(100% * 646 / 1600);
}

.serve-img .img-box {
  border-radius: 20px;
}

.serve-textbox {
  width: calc(100% * 875 / 1600);
  margin-top: var(--d130);
  position: relative;
}

.serve-num {
  font-weight: 700;
  font-size: var(--64);
  line-height: 1;
  background: linear-gradient(180deg,
      rgba(29, 39, 122, 0.35) 14.86%,
      rgba(29, 39, 122, 0) 79.73%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
}

.serve-list-title {
  font-weight: 700;
  color: #333333;
  font-size: var(--32);
  margin-bottom: var(--d40);
}

.serve-list-text {
  font-size: var(--20);
  font-weight: 500;
  color: #333333;
}

.serve-list-text p {
  margin-bottom: 2ch;
}

.serve-list-text p:last-child {
  margin-bottom: 0;
}

.serve-list {
  margin-bottom: var(--d165);
}

.serve-list2 {
  margin-bottom: var(--d126);
}

.serve-list2:last-child {
  margin-bottom: 0;
}

.serve-list2:nth-child(2n) .serve-list3 {
  flex-direction: row-reverse;
}

.content-icon {
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.content-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(22, 47, 255, 0.65);
  box-shadow: 0px 16px 40px rgba(22, 47, 255, 0.45),
    inset 0px 1px 1px rgba(255, 255, 255, 0.19);
  backdrop-filter: blur(4px);
  border-radius: 10px;
  transform: translate(-5px, 5px);
}

.content-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1d277a;
  border: 2px solid #ffffff;
  box-shadow: inset 0px 0px 2px rgba(0, 9, 87, 0.45);
  border-radius: 15px;
  transform: translate(5px, -5px);
}

.content-icon img {
  width: 40px;
  object-fit: cover;
  position: relative;
  z-index: 10;
  transform: translate(-5px, 5px);
}

.reason-con {
  background-color: #f9fafc;
  padding-top: var(--d126);
  padding-bottom: var(--d92);
}

.reason-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--d24);
}

.reason-text {
  font-weight: 500;
  text-align: center;
  color: #333333;
  font-size: var(--20);
}

.reason-swiper {
  padding: 0 10px;
  padding-top: var(--d74);
  padding-bottom: var(--d50);
}

.reason-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 var(--d74);
  padding-top: var(--d85);
  padding-bottom: var(--d44);
  transition: all 0.5s;
  border-radius: 25px;
}

.reason-swiper {
  overflow: hidden;
}

.reason-swiper .swiper-wrapper {
  align-items: stretch;
}

.reason-swiper .swiper-slide {
  height: auto;
}

.reason-line {
  width: 1.5625vw;
  height: 4px;
  background-color: #1d277a;
  border-radius: 4px;
  margin-top: var(--d50);
  margin-bottom: var(--d30);
}

.reason-sw-title {
  text-align: center;
  font-weight: 700;
  font-size: var(--32);
  color: #333333;
  margin-bottom: var(--d16);
}

.reason-sw-text {
  text-align: center;
  font-weight: 500;
  font-size: var(--20);
}

.reason-content:hover {
  box-shadow: 0px 4px 20px rgba(29, 39, 122, 0.2);
}

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

.reason-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #aaaaaa;
  border-radius: 50%;
  opacity: 1;
}

.reason-pagination .swiper-pagination-bullet-active {
  width: 34px;
  height: 10px;
  background-color: #1d277a;
  border-radius: 10px;
  opacity: 1;
}

.maintain-con {
  padding-top: var(--d155);
  padding-bottom: var(--d185);
}

.maintain-img {
  width: 100%;
  border-radius: 25px;
  position: relative;
  margin-bottom: var(--d155);
}

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

.maintain-textbox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.maintain-title {
  font-size: var(--48);
  font-weight: 700;
  color: #fff;
  margin-bottom: var(--d34);
  text-align: center;
}

.maintain-text {
  width: 58.17708vw;
  color: #fff;
  font-size: var(--20);
  line-height: calc(34 / 20);
  font-weight: 500;
  text-align: center;
}

.maintain-title2 {
  font-size: var(--48);
  font-weight: 700;
  text-align: center;
  color: #333333;
  margin-bottom: var(--d74);
}

.maintain-list3 {
  padding: var(--d64) var(--d44);
  height: 376px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background-color: #f9fafc;
  border-radius: 25px;
  transition: all .5s;
}

.maintain-list3:hover {
  box-shadow: 0px 4px 20px rgba(29, 39, 122, 0.2);
}

.maintain-list-text {
  font-weight: 500;
  font-size: var(--20);
  line-height: calc(32 / 20);
  color: #333333;
}

.maintain-list {
  margin-bottom: calc(var(--d32) * -1);
}

.maintain-list2 {
  margin-bottom: var(--d32);
}

.mas-list2 {
  padding: var(--d150) 0;
}

.mas-list2:nth-child(2n) {
  background-color: #f9fafc;
}

.mas-list2:nth-child(2n) .mas-list3 {
  flex-direction: row-reverse;
}

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

.mes-img {
  width: calc(100% * 648 / 1600);
}

.mes-img .img-box {
  border-radius: 25px;
}

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

.mes-textbox {
  width: calc(100% * 875 / 1600);
}

.mes-title {
  width: 95%;
  font-size: var(--48);
  color: #333333;
  font-weight: 700;
  margin-bottom: var(--d40);
}

.mes-text {
  font-size: var(--20);
  font-weight: 500;
  color: #333333;
}

.mes-text p {
  margin-bottom: 2ch;
}

.mes-text p:last-child {
  margin-bottom: 0;
}

.sousuo-box {
  padding-top: var(--d175);
  padding-bottom: var(--d140);
}

.sousuo-title {
  text-align: center;
  margin-bottom: var(--d14);
}

.sousuo-title2 {
  font-size: var(--20);
  text-align: center;
  color: #333333;
  font-weight: 700;
  margin-bottom: var(--d96);
}

.sousuo-listFrom {
  width: 100%;
}

.sousuo-listFrom2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--d34) var(--d48);
  background-color: #f3f3f3;
}

.sousuo-listFrom2 i {
  font-size: var(--24);
  color: #aaaaaa;
}

.sousuo-listFrom3 {
  width: calc(100% - 50px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.sousuo-inp {
  width: 100%;
  background-color: transparent;
  padding-left: var(--d28);
  font-weight: 500;
  font-size: var(--20);
  color: #333;
}

.sousuo-inp::placeholder {
  color: #aaaaaa;
}

.head-btn {
  font-size: var(--20);
  color: #333;
  white-space: nowrap;
  transition: all 0.5s;
}

.head-btn:hover {
  color: #1d277a;
}

.sousuo .sousuo-listFrom {
  margin-bottom: var(--d54);
}

.sousuo-text {
  padding-left: var(--d50);
  color: #aaaaaa;
  font-size: var(--20);
  font-weight: 500;
  margin-bottom: var(--d77);
}

.sousuo-not {
  text-align: center;
  color: #aaaaaa;
  font-size: var(--20);
  font-weight: 500;
}

.header-sousuo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #33333380;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

.header-sousuo-act {
  opacity: 1;
  visibility: visible;
}

.header-sousuo2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1224px;
  background-color: #ffffff;
  border-radius: 25px;
  padding: var(--d64) var(--d48) var(--d74);
}

.header-sousuo-title {
  text-align: center;
  margin-bottom: var(--d44);
}

.header-sousuo-title h2 {
  font-weight: 700;
  font-size: var(--48);
  color: #000;
}

.header-sousuo .sousuo-inp {
  color: #fff;
}

.header-sousuo .sousuo-listFrom2 {
  background-color: #1d277a;
}

.header-sousuo .head-btn {
  background-color: transparent;
  color: #fff;
}

.header-sousuo .sousuo-listFrom {
  margin-bottom: var(--d38);
}

.header-sousuo-textT {
  font-weight: 700;
  font-size: var(--16);
  color: #333;
  display: inline;
}

.header-sousuo-text {
  font-weight: 500;
  font-size: var(--16);
  color: #aaaaaa;
  display: inline;
}

.header-sousuo-text a {
  margin-right: var(--d24);
}

.header-sousuo-text a:last-child {
  margin-right: 0;
}

.service-close,
.header-sousuo-close {
  position: absolute;
  right: var(--d30);
  top: var(--d30);
  z-index: 11;
  cursor: pointer;
  transition: all 0.5s;
}

.service-close:hover,
.header-sousuo-close:hover {
  transform: rotate(180deg);
}

.service-close img,
.header-sousuo-close img {
  width: 30px;
}

.service {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #33333380;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

.service-act {
  opacity: 1;
  visibility: visible;
}

.service2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 900px;
  background-color: #ffffff;
  border-radius: 25px;
  padding: var(--d64) var(--d48) var(--d74);
}

.service-title {
  margin-bottom: var(--d32);
  text-align: center;
}

.service-title h2 {
  font-size: var(--32);
  font-weight: 700;
}

.service2 .mes-inp {
  background-color: #f9fafc;
}

.service2 .mes-formLi1 {
  margin-bottom: var(--d20) !important;
}

.service2 .mes-inp {
  padding: var(--d16);
}

.service2 .mes-yanzhengma {
  width: 50%;
}

@media (max-width: 1600px) {
  :root {
    --64: 50px;
    --48: 40px;
    --32: 26px;
    --20: 18px;
    --18: 16px;
  }

  .box-img {
    min-width: 35px;
    width: 35px;
  }

  .head-list {
    margin-right: 2.27083vw;
  }
}

@media (max-width: 1400px) {
  .navBox {
    height: 80px;
  }

  .details-rigth {
    width: calc(100% * 500 / 1600);
  }

  .a-culture-list-icon {
    transform-origin: right;
    transform: scale(0.8);
  }

  .otherbox {
    padding-top: 80px;
  }

  .row {
    --bs-gutter-x: 1em;
  }

  :root {
    --p: calc((100vw - 90vw) / 2);
    --64: 42px;
    --48: 32px;
    --32: 24px;
    --24: 22px;
    --18: 14px;
    --16: 14px;
    --20: 16px;
  }

  .contact-title {
    width: 100%;
  }

  .header-sousuo2 {
    width: 924px;
  }

  .i-manu-next {
    right: -10px;
  }

  .i-manu-prev {
    left: -10px;
  }

  .content2 {
    width: 98%;
  }

  .header-language i {
    font-size: 12px;
    line-height: 0;
  }

  .head-list2 {
    padding: 0 var(--d18);
  }
}

@media (max-width: 1199px) {
  .navBox {
    height: 60px;
  }

  .otherbox {
    padding-top: 60px;
  }

  :root {
    --64: 32px;
    --48: 28px;
    --32: 22px;
  }

  .header-sousuo2 {
    width: 80%;
  }

  .page-right a,
  .page-left a,
  .page-item a {
    width: 40px;
    height: 40px;
  }

  .s-nav {
    display: flex;
  }

  .a-content-textbox {
    flex-direction: column;
  }

  .a-content-left {
    width: 100%;
    margin-bottom: var(--d20);
  }

  .a-content-rigth {
    width: 100%;
  }

  .a-culture-left {
    padding-top: 0;
    width: 100%;
  }

  .a-culture-right {
    width: 100%;
  }

  .a-culture-box {
    flex-direction: column;
  }

  .footer-logo img {
    width: 250px;
  }

  .footer-box {
    flex-direction: column-reverse;
  }

  .footer-share i {
    font-size: 30px;
  }

  .footer-rigth {
    margin-bottom: 20px;
  }

  .footer-list {
    width: 100%;
    justify-content: space-between;
  }

  .box-img {
    min-width: 25px;
    width: 25px;
  }

  .head-logo {
    width: 120px;
  }

  .head-navBox2 {
    display: none;
  }

  .product-nav2 a {
    padding-left: var(--d30);
    padding-right: var(--d30);
    padding-top: var(--d16);
    padding-bottom: var(--d16);
  }
}

@media (max-width: 980px) {
  :root {
    --d220: 114px;
    --d207: 107px;
    --d185: 96px;
    --d180: 93.75px;
    --d175: 91.1px;
    --d165: 86px;
    --d160: 83.3px;
    --d155: 80px;
    --d150: 78px;
    --d140: 72px;
    --d137: 71px;
    --d130: 67.7px;
    --d126: 65.5px;
    --d120: 62.5px;
    --d116: 60px;
    --d110: 57px;
    --d104: 54px;
    --d100: 52px;
    --d98: 51px;
    --d96: 50px;
    --d92: 48px;
    --d88: 45.8px;
    --d85: 44px;
    --d82: 42px;
    --d80: 41px;
    --d77: 40px;
    --d74: 38.5px;
    --d70: 36.6px;
    --d68: 35px;
    --d66: 34px;
    --d64: 33px;
    --d62: 33px;
    --d60: 31.25px;
    --d57: 30px;
    --d54: 28px;
    --d52: 27px;
    --d50: 26px;
    --d48: 25px;
    --d44: 22px;
    --d42: 21px;
    --d40: 20px;
    --d38: 19.7px;
    --d36: 18.75px;
    --d34: 17.7px;
    --d32: 16.6px;
    --d30: 15.5px;
    --d28: 14.5px;
    --d26: 13.5px;
    --d24: 12.5px;
    --d22: 11px;
    --d20: 10px;
    --d18: 9px;
    --d16: 8px;
    --d15: 8px;
    --d14: 7px;
    --d12: 6px;
    --d10: 5px;
  }

  .product-list-icon {
    display: none;
  }

  .maintain-list3 {
    height: 301px;
  }

  .maintain-list .content-icon,
  .reason-con .content-icon {
    transform: scale(0.8);
  }

  .mes-text {
    height: auto;
  }

  .mes-img {
    width: 100%;
    margin-bottom: var(--d30);
  }

  .mes-textbox,
  .serve-img {
    width: 100%;
  }

  .mas-list3,
  .serve-list3 {
    flex-direction: column !important;
  }

  .serve-textbox {
    width: 100%;
  }

  .products-content2 {
    flex-direction: column-reverse;
  }

  .product-navact span {
    transform: translateX(0);
  }

  .product-icon {
    display: none;
  }

  .products-right {
    width: 100%;
    margin-bottom: 10px;
  }

  .products-left {
    width: 100%;
  }

  .dvantages-list3 {
    height: auto;
  }

  .process-list3 {
    height: auto;
    padding: var(--d30);
  }

  .process-num {
    margin-bottom: 12px;
  }


  .product-left {
    width: 100%;
    margin-bottom: 20px;
  }

  .product-right {
    padding-left: 0;
    width: 100%;
  }

  .product-con2 {
    flex-direction: column;
  }

  .plan-iconbox img {
    width: 50px;
  }

  .products-list3 {
    padding-bottom: 70%;
  }

  .manufacture-nav {
    /*overflow-x: scroll;*/
    overflow-x: hidden;
    width: 100%;
    justify-content: flex-start;
  }

  .details-content {
    flex-direction: column;
  }

  .details-rigth {
    width: 100%;
  }

  .details-left {
    width: 100%;
  }

  .contact-formbox3 {
    flex-direction: column;
  }

  .contact-form {
    width: 100%;
  }

  .contact-img {
    width: 100%;
  }

  .contact-rigth {
    width: 100%;
    margin-top: 30px;
  }

  .contact-mesbox {
    flex-direction: column;
  }

  .swiper-but i {
    font-size: 12px;
  }

  .i-sol-swiper {
    width: 100%;
  }

  .i-sol-content {
    position: relative;
    transform: none;
  }

  .i-sol-content2 {
    width: 100%;
    height: auto;
  }

  .i-sol-content2 {
    border-radius: 20px;
  }

  .i-sol-title {
    margin-bottom: 20px;
  }

  .swiper-but {
    width: 30px;
    height: 30px;
  }

  .i-sol-left {
    width: 100%;
  }

  .i-sol-swiper2 {
    margin-left: 0;
  }

  .i-sol-content::after {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    transform: none;
    border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #ffffff;
  }

  .i-about2 {
    flex-direction: column;
    align-items: flex-end;
  }

  .i-about2-left {
    width: 100%;
  }

  .i-about2-rigth {
    width: 600px;
    max-width: 100%;
    justify-content: flex-end;
  }

  .i-news-swiper {
    width: 90%;
  }

  .manufacture-nav {
    overflow-x: scroll;
  }

  .manufacture-nav a {
    padding: 0 0;
    padding-bottom: 8px;
    text-align: center;
  }

  .manufacture-nav2 {
    white-space: nowrap;
  }

  .parameters-table {
    overflow-x: scroll;
  }

  .parameters-table table {
    min-width: 500px;
  }
}

@media (max-width: 768px) {
  .otherbox {
    padding-top: 0px;
  }

  :root {
    --d220: 50px;
    --d207: 50px;
    --d175: 50px;
    --d180: 50px;
    --d155: 40px;
    --d150: 40px;
    --d140: 40px;
    --d137: 40px;
    --d126: 40px;
    --d120: 40px;
    --d110: 40px;
    --d100: 40px;
    --d96: 30px;
    --d85: 30px;
    --d54: 30px;
    --d42: 16px;
  }

  .process-text {
    font-size: 16px;
  }

  .maintain-img {
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
  }

  .dvantages-list-text {
    font-size: 16px;
  }

  .dvantages-list3 {
    padding: var(--d30);
  }

  .maintain-textbox {
    width: 100%;
    padding: 0 10px;
  }

  .maintain-text {
    width: 100%;
  }

  .productsdet-left {
    display: none;
  }

  .maintain-list3 {
    height: auto;
  }

  .maintain-list-text {
    margin-bottom: var(--d30);
  }

  .productsdet-right {
    width: 100%;
  }

  .a-culture-list-icon {
    transform: scale(0.6);
  }

  .footer-box {
    padding-bottom: 0;
  }

  .footer-left {
    display: none;
  }

  .i-manu-swbox {
    padding: 0 35px;
  }

  .products-d-text2 {
    font-size: 16px;
  }

  .i-manu-prev {
    left: 0px;
    transform: none;
  }

  .footer-box2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .i-sol-left {
    width: 76%;
  }

  .i-about2-left {
    padding-top: 0;
  }

  .i-manu-next {
    right: 0px;
    transform: none;
  }

  .navBox {
    position: sticky;
    width: 100%;
    transform: none;
    top: 0;
  }

  .index-banner-text {
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (max-width: 540px) {
  :root {
    --d220: 40px;
    --d207: 40px;
    --d185: 30px;
    --d180: 40px;
    --d175: 40px;
    --d150: 40px;
    --d140: 40px;
    --d137: 20px;
    --d126: 30px;
    --d120: 30px;
    --d116: 30px;
    --d110: 30px;
    --d100: 30px;
    --d96: 30px;
    --d85: 20px;
    --d82: 20px;
    --d80: 20px;
    --d77: 20px;
    --d64: 20px;
    --d60: 20px;
    --d54: 20px;
    --d32: 15px;
    --d30: 10px;
    --d22: 5px;
    --64: 26px;
    --48: 26px;
    --32: 20px;
    --24: 20px;
    --22: 18px;
    --20: 16px;
  }

  .contact-form .mes-yanzhengma {
    width: 50%;
  }

  .manufacture-nav2,
  .product-navTit {
    font-size: 17px;
     width: 46%;
        /* text-align: center; */
    margin: 0 auto;
    display: block;
  }

  .details-r-title {
    display: none;
  }

  .details-list {
    display: none;
  }

  .mes-formBut {
    margin-top: var(--d30);
  }

  .process-line {
    margin-bottom: 10px;
  }

  .process-num {
    line-height: 1;
  }

  .process-line {
    width: 4.5625vw;
  }

  .content-title {
    text-align: center;
  }

  .sousuo-listFrom2 {
    padding: 10px;
  }

  .service-close img,
  .header-sousuo-close img {
    width: 15px;
  }


  .plan-but {
    padding: 5px 10px;
  }

  .plan-but span {
    margin-right: 2px;
  }

  .page-right a,
  .page-left a,
  .page-item a {
    width: 30px;
    height: 30px;
  }

  .products-list3 {
    padding-bottom: 50%;
  }

  .header-translate {
    display: none;
  }

  .i-sol-content2 {
    border-radius: 0;
  }

  .i-sol-content2 {
    align-items: stretch;
  }

  .i-about-bg2 img {
    width: 90vw;
    margin-right: calc(100vw - 90vw);
  }

  .products-but span {
    margin-right: 2px;
    color: #007bff;
  }

  .products-but div,
  .products-but a {
    padding-left: 12px;
    padding-right: 12px;
  }

  .i-pro-swiper {
    padding-left: 35px;
    padding-right: 35px;
  }

  .i-news-textbox {
    flex-direction: column;
  }

  .i-news-imgbox {
    width: 100%;
  }

  .i-news-textbox2 {
    width: 100%;
  }

  .i-sol-content2 {
    padding: 20px;
  }

  .index-banner {
    height: 40vh;
  }

  .index-swiper {
    height: 100%;
  }

  .index-swiper .swiper-slide {
    height: 100%;
  }

  .index-banner-img {
    height: 100%;
  }

  .banner-text1 {
    font-size: 30px;
  }

  .banner-text2 {
    font-size: 24px;
  }

  /* .i-pro-but {
    display: flex;
  } */

  .pro-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: var(--d20);
  }

  .features-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: var(--d20);
  }
}

.setSlow1 {
  animation: slowAm1 1s forwards;
  margin-bottom: 30px;
}

.setSlow2 {
  animation: slowAm2 1s forwards;
}

.setSlow3 {
  animation: slowAm3 1s forwards;
}

.setSlow4 {
  animation: slowAm4 1s forwards;
}

@keyframes slowAm1 {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes slowAm2 {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes slowAm3 {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes slowAm4 {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@media (max-width: 768px) {
  @keyframes slowAm4 {
    0% {
      opacity: 0;
      transform: translateY(calc(-50% + 50px));
    }

    100% {
      opacity: 1;
      transform: translateY(-50%);
    }
  }
   /*、、*/
  .manufacture-nav{
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
     
  }
  .i-pro .manufacture-nav2 {
    margin-left: 0;
    width: 50%; 
  
}

/* 默认情况下，只显示移动端布局 */
.mobile-solutions {
    display: block;
}

.desktop-swiper {
    display: none;
}

/* 当屏幕宽度大于某个阈值（例如 768px 或 992px）时，切换布局 */
@media (min-width: 992px) {
    /* 隐藏移动端布局 */
    .mobile-solutions {
        display: none;
    }

    /* 显示桌面端轮播组件和导航按钮 */
    .desktop-swiper {
        display: block;
    }

    /* 为桌面端轮播添加必要的样式（如果需要） */
    .i-sol-swiper2 {
        /* 原有轮播样式 */
    }
}

/* ========= 移动端网格布局样式20250828 ========= */

.mobile-sol-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* 项目之间的间距 */
    margin-top: 20px;
}

.mobile-sol-item {
    flex: 1 1 calc(48% - 15px); /* 每行显示两个项目，留出间隙 */
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-sizing: border-box;
}
.mobile-solutions{display: none;}
@media (max-width: 768px) {
    .i-sol-left {
        width: 100%;
    }
    .i-sol-swiper2{display: none;}
    .i-sol-right{display: none;}
    .mobile-solutions{display: block;}
    
}
/* 在更小的屏幕上，确保项目不被挤压 */
@media (max-width: 480px) {
    .mobile-sol-item {
        flex: 1 1 40%; /* 每行只显示一个项目 */
    }
}

/* 确保文本框样式一致 */
.mobile-sol-item .i-sol-textbox {
    text-align: center;
}
.products-but{
    text-align: center;
}
.mobile-sol-item .i-sol-num {
    font-size: 20px;
    font-weight: bold;
    color: #007bff;
    margin-bottom: 8px;
}

.mobile-sol-item .i-sol-sw-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

.mobile-sol-item .i-sol-sw-text {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

.mobile-sol-item .products-but a {
    color: #007bff;
    text-decoration: none;
    font-size: 14px;
}