@charset "UTF-8";
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; /* 禁止横向滚动条（核心修复！） */
}

body {
  overflow-y: auto; /* 保证纵向滚动条正常显示 */
}

/* 让滚动条正常显示 */
::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

::-webkit-scrollbar-thumb {
  background: #ccc !important;
  border-radius: 4px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}

.layout {
  position: relative;
  padding-top: 5.2083333333rem;
}

.wrap {
  width: 79.1666666667rem;
  margin: 0 auto;
}

.header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 110;
  background: #fff;
}

.header.on {
  box-shadow: 0 0.3125rem 0.5208333333rem 0 rgba(80, 80, 80, 0.1);
}

.header .uitflax {
  height: 5.2083333333rem;
}

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

.header .logo {
  max-width: 12.4479166667rem;
  display: block;
}

.header .logo img {
  width: 100%;
  display: block;
}

.header .naver ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header .naver li a {
  font-size: 0.9375rem;
  line-height: 5.2083333333rem;
  color: #212121;
  display: block;
}

.header .naver li {
  margin-left: 3.3333333333rem;
  position: relative;
}

.header .naver li dl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  z-index: 11;
  background: #fff;
  display: none;
}

.header .naver li dd a {
  display: block;
  white-space: nowrap;
  padding: 10px 25px;
  line-height: 2;
  border-bottom: 1px solid #f1f1f1;
  text-align: center;
  font-size: 16px;
}

.header .naver li.on a,
.header .naver li a:hover {
  color: #5292c6;
  font-weight: bold;
}

.banner {
  height: 23.4375rem;
}

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

.banner h3 {
  font-size: 2.5rem;
  line-height: 1.6;
  color: #fff;
  font-weight: bold;
}

.banner p {
  font-size: 16px;
  line-height: 1.6;
  color: #fff;
}

.crumbs dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.crumbs dd a,
.crumbs dt {
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  display: block;
}

.crumbs dd span {
  width: 0.3125rem;
  height: 0.0520833333rem;
  background: #959595;
  display: block;
  margin: 0 0.2083333333rem;
}

.crumbs dd a:hover,
.crumbs dd.on a {
  color: #5292c6;
}

.crumbs dt {
  padding-left: 1.0416666667rem;
  background: url(../images/qw1.png) no-repeat left center;
  background-size: 0.6770833333rem auto;
}

.crumbs {
  margin-top: 1.0416666667rem;
}

.fooer {
  background: #336699;
}

.fooer .lts {
  width: 16.6666666667rem;
}

.fooer .wxs {
  width: 5.2083333333rem;
}

.fooer .wx {
  width: 100%;
}

.fooer .wx img {
  width: 100%;
  display: block;
}

.fooer .wxs p {
  margin-top: 0.2604166667rem;
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}

.fooer .lts .logo {
  width: 12.4479166667rem;
}

.fooer .lts .log img {
  width: 100%;
  display: block;
}

.fooer .lts p {
  font-size: 16px;
  line-height: 1.6;
  color: #d0d9e4;
  margin-top: 1.3541666667rem;
}

.fooer .tps {
  align-items: flex-start;
  padding: 2.9166666667rem 0 1.25rem;
  border-bottom: 0.0520833333rem solid #4876a3;
}

.copyright {
  font-size: 14px;
  line-height: 1.6;
  color: #a7b8cd;
  padding: 0.9375rem 0;
  text-align: center;
}

.fooer .rts {
  display: flex;
  align-items: flex-start;
}

.fooer .rts dt {
  font-size: 16px;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 0.8333333333rem;
}

.fooer .rts dd,
.fooer .rts dd a {
  font-size: 16px;
  line-height: 1.6;
  color: #d0d9e4;
  display: block;
  margin-bottom: 0.5208333333rem;
}

.fooer .rts dl {
  min-width: 11.4583333333rem;
}

.hmian {
  padding-top: 3.6458333333rem;
}

.hmian .wrap {
  display: flex;
  justify-content: space-between;
}

.uitlts {
  width: 16.6666666667rem;
  background: #f7f8f9;
}

.uitrts {
  width: calc(100% - 20.0520833333rem);
  padding-bottom: 4.1666666667rem;
}

.uitlts h2 {
  background: #5292c6;
  font-size: 1.5625rem;
  line-height: 6.25rem;
  color: #fff;
  font-weight: bold;
  padding-left: 3.125rem;
}

.uitlts li {
  position: relative;
}

.uitlts li a {
  font-size: 1.0416666667rem;
  line-height: 3.125rem;
  color: #212121;
  display: block;
  padding-left: 3.125rem;
  flex: 1;
}

.uitlts li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 0;
  height: 100%;
  background: #5292c6;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome*/
  -o-transition: all 0.3s;
}

.uitlts li a:hover,
.uitlts li.on a {
  background: #e4f3ff;
}

.uitlts li.on::before,
.uitlts li:hover::before {
  width: 0.2083333333rem;
}

.mtnewdel .hds {
  border-bottom: 0.0520833333rem solid #cccccc;
  padding-bottom: 1.0416666667rem;
  align-items: flex-start;
}

.mtnewdel .hds h1 {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #212121;
  font-weight: bold;
}

.mtnewdel .hds h6 {
  font-size: 16px;
  line-height: 1.6;
  color: #212121;
  margin-top: 0.2604166667rem;
}

.mtnewdel .hds .bns {
  font-size: 16px;
  line-height: 1.6;
  color: #212121;
  display: inline-block;
  background: url(../images/qw2.png) no-repeat left center;
  padding-left: 0.8333333333rem;
  background-size: 0.3645833333rem auto;
  white-space: nowrap;
}

.mtnewdel .text {
  margin: 1.5625rem 0 0;
  border-bottom: 0.0520833333rem solid #cccccc;
  font-size: 16px;
  line-height: 2;
  color: #212121;
  padding-bottom: 1.5625rem;
}
.mtnewdel .text video {
  width: 100%;
  height: 100%;
}
.mtnewdel .text img {
  width: 100%;
  display: block;
}
.mtnewdel .text p {
  text-indent: 2rem;
  margin-bottom: 1rem;
}
.mtnewdel .text .file_list h3 {
  font-size: 1.1rem;
  color: #212121;
  margin-bottom: 0.5rem;
}
.mtnewdel .text .file_list a {
  color: #666666;
}
.mtnewdel .text .file_list a:hover {
  color: #5292c6;
}

.mtnewdel .hds .ls {
  flex: 1;
  padding-right: 10px;
}

.mtnewdel .fs {
  padding: 1.5625rem 0 0;
}

.mtnewdel .fs a {
  font-size: 16px;
  line-height: 1.6;
  color: #666666;
  display: block;
  max-width: 80%;
}

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

.pages dd a {
  width: 1.5625rem;
  line-height: 1.5625rem;
  text-align: center;
  border: 1px solid #cccccc;
  border-radius: 0.2083333333rem;
  display: block;
  font-size: 14px;
  color: #999999;
  margin: 0 0.2604166667rem;
}

.pages dd.ons a {
  border: none;
}

.pages dd.on a,
.pages dd a:hover {
  background: #5292c6;
  border-color: #5292c6;
  color: #fff;
}

.pages dd.ons a:hover {
  background: none;
  border: none;
  color: #999999;
}

.pages dd:last-child a,
.pages dd:first-child a {
  width: 2.6041666667rem;
}

.uith2 {
  padding-bottom: 1.3020833333rem;
  border-bottom: 0.0520833333rem solid #cccccc;
}

.uith2 h2 {
  font-size: 1.875rem;
  line-height: 1.6;
  color: #212121;
  font-weight: bold;
}

.meitzy .bds {
  margin: 2.0833333333rem 0 1.0416666667rem;
}

.meitzy ul {
  flex-wrap: wrap;
}

.meitzy li {
  border-radius: 0.5208333333rem;
  overflow: hidden;
  background: #f7f8f9;
  width: calc((100% - 1.0416666667rem) / 2);
  margin-bottom: 1.0416666667rem;
  padding: 1.0416666667rem 1.25rem;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.meitzy li h3 {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #212121;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.meitzy li h4 {
  font-size: 14px;
  line-height: 1.6;
  color: #999999;
}

.meitzy li p {
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  height: 3.4em;
  overflow: hidden;
  margin-top: 0.2083333333rem;
}

.meitnew .bds {
  margin-top: 2.34375rem;
}

.meitnew .bds li {
  background: #f7f8f9;
  border-radius: 0.5208333333rem;
  margin-bottom: 1.0416666667rem;
  padding: 1.0416666667rem;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.meitnew .bds li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.meitnew .bds li .pic {
  width: 15.625rem;
  height: 10.4166666667rem;
  border-radius: 0.5208333333rem;
  overflow: hidden;
  margin-right: 1.3541666667rem;
  flex-shrink: 0;
}

.meitnew .bds li .pic img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.meitnew .bds li .ts {
  flex: 1;
}

.meitnew .bds li h3 {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #212121;
}

.meitnew .bds li h4 {
  font-size: 14px;
  line-height: 1.6;
  color: #999999;
  margin: 0.5208333333rem 0;
}

.meitnew .bds li p {
  font-size: 16px;
  line-height: 1.6;
  color: #666666;
  height: 4.8em;
  overflow: hidden;
}

.meitvides .bds {
  margin-top: 2.0833333333rem;
}

.meitvides .bds ul {
  flex-wrap: wrap;
  display: flex;
  margin-bottom: 1.5625rem;
}

.meitvides .bds li {
  margin-right: 1.0416666667rem;
  margin-bottom: 1.0416666667rem;
  width: calc((100% - 2.1875rem) / 3);
}

.meitvides .bds li:nth-child(3n) {
  margin-right: 0;
}

.meitvides .bds li .pic {
  height: 13.0208333333rem;
  overflow: hidden;
  border-radius: 0.5208333333rem;
  position: relative;
}

.meitvides .bds li .img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.meitvides .bds li h3 {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #212121;
  margin-top: 0.5208333333rem;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.meitvides .bds li .msk {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome*/
  -o-transition: all 0.3s;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.meitvides .bds li .icon {
  width: 2.6041666667rem;
  display: block;
}

.meitvides .bds li:hover .msk {
  top: 0;
}

.meitvides .bds li:hover h3 {
  color: #5292c6;
}

.meitgongg .bds {
  margin: 2.34375rem 0;
}

.meitgongg .bds li {
  margin-bottom: 1.0416666667rem;
  border-radius: 0.5208333333rem;
  overflow: hidden;
  background: #f7f8f9;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.0416666667rem;
}

.meitgongg .bds li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.meitgongg .bds li h6 {
  width: 5.7291666667rem;
  font-size: 0.9375rem;
  line-height: 1.3;
  color: #212121;
  text-align: center;
  margin-right: 1.3541666667rem;
  background: #fff;
  flex-shrink: 0;
  border-radius: 0.5208333333rem;
  overflow: hidden;
  padding: 0.9375rem 0 0.625rem;
}

.meitgongg .bds li h6 span {
  font-size: 2.1875rem;
  color: #5292c6;
  font-weight: bold;
  display: block;
}

.meitgongg .bds li .ts {
  flex: 1;
}

.meitgongg .bds li h3 {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #212121;
  margin-bottom: 0.7291666667rem;
}

.meitgongg .bds li p {
  font-size: 14px;
  line-height: 1.8;
  color: #666666;
  height: 3.6em;
  overflow: hidden;
}

.abrongy .bds {
  margin: 2.0833333333rem 0;
}

.abrongy .bds ul {
  display: flex;
  flex-wrap: wrap;
}

.abrongy .bds li {
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1.0416666667rem;
  width: calc((100% - 3.2291666667rem) / 3);
  margin-right: 1.5625rem;
}

.abrongy .bds li:nth-child(3n) {
  margin-right: 0;
}

.abrongy .bds li h6 {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #212121;
  margin-top: 0.5208333333rem;
  text-align: center;
}

.abrongy .bds li .pic {
  background: #f7f8f9;
  height: 11.9791666667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.625rem;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.abrongy .bds li .pic img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.enterprise {
  padding: 2rem 0;
}
.enterprise .search {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  max-width: 600px;
}
.enterprise .search .input {
  flex: 1 1 auto;
  min-width: 200px;
  max-width: 400px;
}
.enterprise .search .input input {
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.enterprise .search .input input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
}
.enterprise .search .input input::-moz-placeholder {
  color: #94a3b8;
}
.enterprise .search .input input::placeholder {
  color: #94a3b8;
}
.enterprise .search .sub button {
  box-sizing: border-box;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s;
}
.enterprise .search .sub button:hover {
  transform: translateY(-1px);
}
.enterprise .search .sub button:active {
  transform: translateY(0);
}
.enterprise .search .sub button[type=success] {
  background-color: #10b981;
  color: white;
  border: none;
}
.enterprise .search .sub button[type=success]:hover {
  background-color: #059669;
}
.enterprise .search .sub button[type=primary] {
  background-color: #3b82f6;
  color: white;
  border: none;
}
.enterprise .search .sub button[type=primary]:hover {
  background-color: #2563eb;
}
@media (max-width: 640px) {
  .enterprise .search .input {
    max-width: 100%;
  }
  .enterprise .search .sub {
    flex: 1 1 45%;
  }
  .enterprise .search .sub button {
    width: 100%;
  }
}
.enterprise .wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .enterprise .wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
.enterprise .wrapper .item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .enterprise .wrapper .item {
    grid-template-columns: 2fr 1fr;
  }
}
.enterprise .wrapper .item .title {
  color: #212121;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 0.6;
}
.enterprise .wrapper .item .type {
  color: #666666;
  font-size: 0.8rem;
  text-align: right;
  line-height: 0.6;
}
@media (max-width: 767px) {
  .enterprise .wrapper .item .type {
    text-align: left;
  }
}

.query {
  padding: 2rem 0;
}
.query .search {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2rem;
  max-width: 600px;
}
.query .search .input {
  flex: 1 1 auto;
  min-width: 200px;
  max-width: 400px;
}
.query .search .input input {
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.query .search .input input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
}
.query .search .input input::-moz-placeholder {
  color: #94a3b8;
}
.query .search .input input::placeholder {
  color: #94a3b8;
}
.query .search .sub button {
  box-sizing: border-box;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s;
}
.query .search .sub button:hover {
  transform: translateY(-1px);
}
.query .search .sub button:active {
  transform: translateY(0);
}
.query .search .sub button[type=success] {
  background-color: #10b981;
  color: white;
  border: none;
}
.query .search .sub button[type=success]:hover {
  background-color: #059669;
}
.query .search .sub button[type=primary] {
  background-color: #3b82f6;
  color: white;
  border: none;
}
.query .search .sub button[type=primary]:hover {
  background-color: #2563eb;
}
@media (max-width: 640px) {
  .query .search .input {
    max-width: 100%;
  }
  .query .search .sub {
    flex: 1 1 45%;
  }
  .query .search .sub button {
    width: 100%;
  }
}
.query .wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding: 1rem;
}
@media (min-width: 768px) {
  .query .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem;
  }
}
.query .wrapper .item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  background-color: white;
  border-radius: 0.2rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s, box-shadow 0.2s;
}
.query .wrapper .item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.query .wrapper .item .content-link {
  flex-grow: 1;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.query .wrapper .item .content-link .title {
  color: #1e293b;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
}
@media (max-width: 480px) {
  .query .wrapper .item .content-link .title {
    font-size: 0.9rem;
  }
}
.query .wrapper .item .content-link .smalltext {
  color: #64748b;
  font-size: 0.8rem;
  margin-top: 0.3rem;
}
@media (max-width: 480px) {
  .query .wrapper .item .content-link .smalltext {
    font-size: 0.8rem;
  }
}
.query .error {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background-color: #fee2e2;
  color: #b91c1c;
  font-size: 0.9rem;
  animation: fadeIn 0.3s ease-out;
}
.query .error p {
  margin: 0;
  display: flex;
  align-items: center;
}
.query .error p::before {
  content: "⚠️";
  margin-right: 0.5rem;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.contact {
  padding: 4.1666666667rem 0;
  font-size: 14px;
}
.contact .search .search-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.contact .search .search-btn {
  padding: 8px 16px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
  transition: all 0.3s;
  white-space: nowrap;
}
.contact .search .search-btn.active {
  background: #5292c6;
  color: #fff;
  border-color: #5292c6;
}
.contact .search .search-btn:hover {
  border-color: #5292c6;
  color: #5292c6;
}
.contact .phone_table {
  width: 100%;
  margin: 20px 0;
  background-color: #fff;
  overflow-x: auto; /* 小屏幕横向滚动，保证表格不崩 */
}
.contact .phone_table table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  font-size: 14px;
  color: #333;
  text-align: center;
  table-layout: fixed; /* 固定列宽，让换行生效 */
}
.contact {
  /* 表头样式 */
}
.contact .phone_table th {
  padding: 14px 12px;
  background-color: #d0e8ff;
  color: #000000;
  font-weight: 700;
  border-bottom: 2px solid #90caf9;
  white-space: normal; /* 允许表头换行 */
  word-wrap: break-word;
}
.contact {
  /* 表格内容：允许自动换行 + 高度自适应 */
}
.contact .phone_table td {
  padding: 12px;
  border-bottom: 1px solid #e5e7eb;
  transition: background-color 0.2s ease;
  /* ========== 核心：开启自动换行 ========== */
  white-space: normal !important;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 1.5;
}
.contact {
  /* 隔行斑马纹 */
}
.contact .phone_table tbody tr:nth-child(even) {
  background-color: #f9fafb;
}
.contact {
  /* 悬浮高亮 */
}
.contact .phone_table tbody tr:hover {
  background-color: #e6f7ff;
}
.contact .phone_table tr:last-child td {
  border-bottom: none;
}

.product {
  padding: 4.1666666667rem 0;
}

.product ul {
  display: flex;
  flex-wrap: wrap;
}

.product li {
  margin-bottom: 1.0416666667rem;
  margin-right: 1.0416666667rem;
  width: calc((100% - 3.2291666667rem) / 4);
  border-radius: 0.5208333333rem;
  overflow: hidden;
  height: 8.59375rem;
  position: relative;
}

.product li:nth-child(4n) {
  margin-right: 0;
}

/* 新增：图片上方浅灰色半透明遮罩 ✅ */
.product li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25); /* 浅灰遮罩，可调节透明度 */
  z-index: 1; /* 确保在图片上方 */
  pointer-events: none;
}

.product li img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.product li h3 {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #fff;
  font-weight: bold;
}

.product li p {
  font-size: 16px;
  line-height: 1.6;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.2083333333rem;
}

.product li .ts {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2; /* 文字在遮罩上方 */
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.prodels .txt {
  margin: 2.34375rem 0;
  font-size: 16px;
  line-height: 2;
  color: #212121;
  text-indent: 2em;
}

.prodels .txt img {
  width: 100%;
  display: block;
  height: auto;
}

.banner .txt {
  text-align: center;
}

.produzx1 .uith2 h2,
.produzx .uith2 h2 {
  font-size: 1.25rem;
}

.produzx1 .uith2 p,
.produzx .uith2 p {
  font-size: 16px;
  line-height: 1.6;
  color: #5292c6;
  text-transform: uppercase;
  letter-spacing: 0.15625rem;
}

.uitpro {
  margin: 2.0833333333rem 0;
}

.uitpro ul {
  display: flex;
  flex-wrap: wrap;
}

.uitpro li {
  background: #f7f8f9;
  border-radius: 0.5208333333rem;
  overflow: hidden;
  margin-right: 1.0416666667rem;
  margin-bottom: 1.0416666667rem;
  width: calc((100% - 2.1875rem) / 3);
}

.uitpro li:nth-child(3n) {
  margin-right: 0;
}

.uitpro li .pic {
  height: 13.8020833333rem;
  overflow: hidden;
}

.uitpro li .pic img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.uitpro li h6 {
  font-size: 0.9375rem;
  line-height: 3.125rem;
  color: #212121;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.produzx1 .uith2 .more {
  font-size: 16px;
  line-height: 1.6;
  display: inline-block;
  color: #666666;
  background: url(../images/qw23.png) no-repeat right center;
  padding-right: 1.3541666667rem;
  background-size: 0.78125rem auto;
}

.produdel .uith2 h2 {
  font-size: 1.25rem;
}

.produdel .uith2 {
  padding-bottom: 0.5208333333rem;
}

.produdel .hds {
  margin-bottom: 2.0833333333rem;
}

.produdel .text {
  font-size: 16px;
  line-height: 1.8;
  color: #666666;
}

.produdel .text strong {
  color: #212121;
}

.produdel .hds .tps {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.875rem;
}

.produdel .hds .swippro {
  width: 30.9895833333rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 25.2604166667rem;
}

.produdel .hds .rts {
  width: calc(100% - 33.0729166667rem);
}

.produdel .hds .tit {
  padding-bottom: 0.7291666667rem;
  border-bottom: 0.0520833333rem solid #cccccc;
}

.produdel .rts h3 {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #212121;
  font-weight: bold;
}

.produdel .rts .more {
  font-size: 16px;
  line-height: 1.6;
  color: #212121;
  display: inline-block;
  background: url(../images/qw2.png) no-repeat left center;
  padding-left: 0.8333333333rem;
  background-size: 0.3645833333rem auto;
}

.produdel .rts .del {
  font-size: 16px;
  line-height: 2;
  color: #212121;
  margin-top: 1.25rem;
}

.produdel .rts .del h4 {
  font-weight: bold;
}

.produdel .swippro .hs {
  width: 25rem;
  border-radius: 0.5208333333rem;
  overflow: hidden;
  height: 100%;
  overflow: hidden;
}

.produdel .swippro .bs {
  width: calc(100% - 25.78125rem);
  height: 100%;
  overflow: hidden;
}

.produdel .swippro .prev,
.produdel .swippro .next {
  height: 2rem;
  width: 100%;
  background: url(../images/ar6.png) no-repeat center/1.5rem auto;
  cursor: pointer;
}

.produdel .swippro .next {
  transform: rotate(180deg);
}

.produdel .swippro .prev:hover,
.produdel .swippro .next:hover {
  background: url(../images/ar6-1.png) no-repeat center/1.5rem auto;
}

.produdel .swippro .bs1 {
  height: calc(100% - 4rem);
  overflow: hidden;
}

.produdel .swippro img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.produdel .swippro .bs .swiper-slide {
  border: 2px solid rgba(255, 255, 255, 0);
  height: 5.2083333333rem;
  width: 100%;
  border-radius: 0.5208333333rem;
  overflow: hidden;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.produdel .swippro .bs .swiper-slide-thumb-active {
  border-color: #5292c6;
}

.habnner {
  width: 100%;
  max-width: 1920px;
  margin: 63px auto 0 auto; /* 左右自动居中，解决大屏幕靠左问题 */
  overflow: hidden;
  position: relative;
  height: auto !important;
}

.habnner .swiper-wrapper {
  height: auto !important;
}

.habnner .swiper-slide {
  width: 100%;
  height: 0 !important;
  padding-top: 36.5%; /* 按你的图片比例，可自行调整 */
  position: relative;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important; /* 关键：覆盖并居中，不再使用 100% auto */
}

.habnner .wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}

.habnner .txt h3 {
  font-size: 3.125rem;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.6;
}

.habnner .txt p {
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.6;
  margin: 0.9375rem 0 2.0833333333rem;
}

.habnner .hbtn {
  width: 9.375rem;
  line-height: 2.6041666667rem;
  border-radius: 0.2604166667rem;
  background-color: #fff;
  text-align: center;
  display: block;
}

.habnner .hbtn i {
  width: 6.25rem;
  display: inline-block;
  background: url(../images/wico1.png) no-repeat right center/1.5rem auto;
  font-size: 16px;
  text-align: left;
  color: #666666;
}

/* 🔥 分页器宽度自适应，不超出屏幕 */
.habnner .spans {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2.34375rem;
  z-index: 11;
  text-align: center;
  padding: 0 1rem;
  width: auto !important; /* 去掉固定宽，自适应 */
  max-width: 100%;
}

.habnner .spans span {
  font-size: 14px;
  color: #fff;
  opacity: 0.3;
  display: inline-block;
  position: relative;
  margin: 0 8px !important;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #fff;
}

.habnner .spans span:before {
  position: absolute;
  content: "";
  left: calc(100% + 0.3125rem);
  width: 1.5625rem;
  top: 50%;
  height: 0.0520833333rem;
  background: #fff;
  display: none;
}

.habnner .spans span:last-child:before {
  display: none;
}

.habnner .spans span.swiper-pagination-bullet-active {
  opacity: 1;
}

/* 移动端文字大小 */
@media (max-width: 768px) {
  .habnner .txt h3 {
    font-size: 24px;
  }
  .habnner .txt p {
    font-size: 14px;
  }
}
.whnews {
  padding: 3.6458333333rem 0;
  background: #f0f6fc;
}

.hcflex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.0833333333rem;
}

.htit h3 {
  font-size: 2.5rem;
  color: #5292c6;
  font-weight: bold;
  line-height: 1.6;
}

.htit h6 {
  font-size: 16px;
  color: #666666;
  line-height: 1.4;
}

.whbtn {
  width: 7.5520833333rem;
  line-height: 2.6041666667rem;
  text-align: center;
  border-radius: 0.2604166667rem;
  background: #5292c6;
  display: block;
}

.whbtn i {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  text-align: left;
  background: url(../images/ar3.png) no-repeat right center;
  width: 4.6875rem;
}

.whnews .hnflex {
  display: flex;
  justify-content: space-between;
}

.whnews .hitem {
  width: calc((100% - 3.3854166667rem) / 2);
}

.chtit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.0520833333rem solid #cccccc;
  height: 3.6458333333rem;
  margin-bottom: 1.7708333333rem;
}

.chtit h4 {
  font-size: 1.25rem;
  color: #212121;
}

.chtit .hcbtn {
  font-size: 16px;
  color: #666666;
  display: inline-block;
  padding-right: 1.3020833333rem;
  background: url(../images/wico3.png) no-repeat right center;
}

.tnews ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.3020833333rem;
}

.tnews li {
  width: calc((100% - 1.0416666667rem) / 2);
}

.tnews li a .pic {
  height: 14.0625rem;
  overflow: hidden;
  border-radius: 0.2604166667rem;
  position: relative;
}

.tnews li a .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.tnews li a p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  padding: 0 1.0416666667rem;
  font-size: 16px;
  color: #ffffff;
  line-height: 2.8125rem;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tnews dd {
  margin-bottom: 1.09375rem;
}

.tnews dd a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.8229166667rem;
  background: url(../images/wico4.png) no-repeat left 0.78125rem center;
}

.tnews dd a:hover {
  background: url(../images/wico4-1.png) no-repeat left 0.78125rem center;
}

.tnews dd a:hover p {
  color: #5292c6;
  text-decoration: underline;
}

.tnews dd a p {
  width: calc(100% - 7rem);
  font-size: 0.9375rem;
  color: #666666;
  line-height: 1.6;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tnews dd a i {
  font-size: 14px;
  color: #999999;
  line-height: 1.6;
}

.tgongg dd a {
  padding-left: 0;
  background: none !important;
}

.tgongg dl {
  margin-top: -0.1041666667rem;
}

.hiconlist {
  margin-top: 3.6458333333rem;
}

.hiconlist ul {
  display: flex;
  background: #fff;
}

.hiconlist ul li {
  flex: 1;
  text-align: center;
}

.hiconlist .icon {
  width: 2.1875rem;
  height: 2.1875rem;
  margin: 0 auto;
  overflow: hidden;
}

.hiconlist .icon img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome*/
  -o-transition: all 0.3s;
}

.hiconlist a {
  padding: 1.5625rem 0.5208333333rem;
  display: block;
}

.hiconlist p {
  font-size: 0.9375rem;
  color: #212121;
  margin-top: 0.5208333333rem;
  line-height: 1.6;
}

.hiconlist li a:hover {
  background: #5292c6;
}

.hiconlist li a:hover p {
  color: #fff;
}

.hiconlist li a:hover img {
  transform: translateY(-100%);
}

.whproduct .pltab {
  padding: 5.2083333333rem 0;
  padding-left: 10.4166666667rem;
  width: 25rem;
  margin-left: -10.4166666667rem;
  position: relative;
  background: #5292c6;
  border-radius: 0 0.3125rem 0.3125rem 0;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.htit.wh h3,
.htit.wh h6 {
  color: #fff;
}

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

.whproduct .pltab ul {
  margin-top: 6.25rem;
}

.whproduct .pltab li a {
  display: block;
  padding-left: 1.875rem;
  opacity: 0.6;
}

.whproduct .pltab li {
  margin-bottom: 1.5625rem;
}

.whproduct .pltab li a h4 {
  font-size: 0.9375rem;
  color: #fff;
  line-height: 1.6;
}

.whproduct .pltab li a p {
  font-size: 16px;
  color: #fff;
  line-height: 1.6;
}

.whproduct .pltab li.on a,
.whproduct .pltab li a:hover {
  background: url(../images/ar1.png) no-repeat left top/0.9375rem auto;
  opacity: 1;
}

.whproduct .piclist {
  width: 57.2916666667rem;
  padding: 6.5104166667rem 0;
}

.whproduct .piclist li:nth-child(n+2) {
  display: none;
}

.whproduct .piclist .picovs {
  height: 20.5729166667rem;
  overflow: hidden;
  border-radius: 0.4166666667rem;
}

.whproduct .piclist .picovs img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.whproduct .piclist .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.whproduct .piclist .flex .txt {
  display: flex;
  align-items: center;
  min-height: 10.9375rem;
  background: #fff;
  border-radius: 0 0 0.3125rem 0.3125rem;
  padding-left: 3.90625rem;
  width: 21.6145833333rem;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.whproduct .piclist .flex p {
  font-size: 16px;
  color: #212121;
  line-height: 2;
  width: calc(100% - 23.1770833333rem);
  padding: 1.8229166667rem 0;
}

.whproduct .piclist .flex .txt h4 {
  font-size: 1.6666666667rem;
  color: #5292c6;
  line-height: 1.6;
  font-weight: bold;
}

.whproduct .piclist .flex .txt h6 {
  font-size: 1.0416666667rem;
  color: #727272;
  line-height: 1.6;
  margin: 0.5208333333rem 0 0;
}

.whproducthot {
  padding: 4.6875rem 0 7.2916666667rem;
}

.whproducthot .hswipers {
  margin-top: 3.3854166667rem;
  position: relative;
}

.whproducthot .hswipers .ovs {
  overflow: hidden;
  background: #fff;
  border-radius: 0.3125rem;
  padding: 1.3020833333rem 0 3.3854166667rem;
}

.whproducthot .hswipers .ovs .swiper-slide {
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.whproducthot .hswipers .ovs .swiper-slide-prev:before {
  display: none;
}

.whproducthot .hswipers .ovs .swiper-slide:before {
  content: "";
  position: absolute;
  right: -0.0520833333rem;
  top: 0;
  bottom: 0;
  width: 0.0520833333rem;
  background: #e5e5e5;
}

.whproducthot .hswipers .ovs .swiper-slide {
  padding: 0 0.9895833333rem;
}

.whproducthot .hswipers .ovs h4 {
  font-size: 1.0416666667rem;
  color: #212121;
  line-height: 1.6;
  margin-bottom: 1.3020833333rem;
}

.whproducthot .hswipers .picovs {
  height: 10.4166666667rem;
  border-radius: 0.3125rem;
}

.picovs {
  overflow: hidden;
}

.picovs img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.whproducthot .hswipers p {
  font-size: 16px;
  color: #212121;
  line-height: 1.7;
  margin: 1.0416666667rem 0 1.1458333333rem;
}

.whproducthot .hswipers i {
  font-size: 14px;
  color: #5292c6;
  line-height: 1.6;
}

.uxprev,
.uxnext {
  width: 3.4375rem;
  height: 3.4375rem;
  background: url(../images/ar2.png) no-repeat center/0.78125rem auto rgba(51, 102, 153, 0.3);
  border-radius: 2.6041666667rem;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  margin: -1.71875rem -5.3645833333rem;
  cursor: pointer;
}

.uxnext {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

.whabout {
  text-align: center;
  padding-bottom: 21.875rem;
}

.whabout h1 {
  font-size: 2.5rem;
  color: #212121;
  font-weight: bold;
  background: url(../images/wline.png) no-repeat center bottom/3.125rem auto;
  padding-bottom: 0.78125rem;
  line-height: 1.6;
}

.whabout p {
  font-size: 16px;
  color: #212121;
  line-height: 1.4;
  margin: 1.3020833333rem 0 0;
}

.whabout ul {
  margin-top: 5.2083333333rem;
  display: flex;
  justify-content: center;
}

.whabout ul li {
  margin: 0 4.1666666667rem;
}

.whabout li h4 {
  font-size: 16px;
  color: #212121;
  line-height: 1.6;
}

.whabout li i {
  font-size: 2.5rem;
  color: #212121;
  font-weight: bold;
  display: inline-block;
  padding-right: 0.625rem;
}

.whabout li p {
  font-size: 1.0416666667rem;
  color: #212121;
  line-height: 1.4;
}

.whtab {
  background: #5292c6;
  position: sticky;
  top: 5.2083333333rem;
  z-index: 11;
}

.whtab ul {
  display: flex;
  justify-content: center;
}

.whtab li a {
  font-size: 16px;
  color: #ffffff;
  padding: 0 1.5625rem;
  display: block;
  line-height: 3.125rem;
}

.whtab li a:hover,
.whtab li.on a {
  background: #fff;
  color: #212121;
}

.abitem1 {
  padding: 3.125rem 0;
}

.abtit {
  text-align: center;
}

.abtit h4 {
  font-size: 1.25rem;
  color: #212121;
  line-height: 1.6;
  font-weight: bold;
}

.abtit h6 {
  font-size: 16px;
  color: #5292c6;
  line-height: 1.6;
  letter-spacing: 0.15625rem;
  text-transform: uppercase;
}

.abitem1 .flex {
  display: flex;
  justify-content: space-between;
  margin-top: 2.0833333333rem;
}

.abitem1 .flex .pic {
  width: calc(100% - 40.625rem);
}

.abitem1 .flex .pic img {
  width: 100%;
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.abitem1 .flex .text {
  width: 37.5rem;
}

.abitem1 .flex .text p {
  font-size: 16px;
  color: #212121;
  line-height: 2;
}

.amore {
  font-size: 16px;
  margin-top: 2.0833333333rem;
  color: #fff;
  background: #5292c6;
  border-radius: 0.3125rem;
  width: 6.3541666667rem;
  line-height: 2.6041666667rem;
  display: block;
  text-align: center;
}

.abitem2 ul {
  padding: 5.7291666667rem 0;
  display: flex;
  justify-content: center;
}

.abitem2 ul li {
  margin: 0 4.1666666667rem;
}

.abitem2 li h4 {
  font-size: 16px;
  color: #fff;
  line-height: 1.6;
  text-align: center;
}

.abitem2 li i {
  font-size: 2.5rem;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding-right: 0.625rem;
}

.abitem2 li p {
  font-size: 1.0416666667rem;
  color: #fff;
  line-height: 1.4;
  text-align: center;
}

.abitem3 {
  padding: 3.3854166667rem 0;
  background: #f6faff;
}

.abitem3 .dsjswiper {
  margin: 2.34375rem 0 0;
  position: relative;
}

.abitem3 .dsjswiper .uxprev,
.abitem3 .dsjswiper .uxnext {
  margin: -1.71875rem 0 0;
}

.abitem3 .dsjswiper .ovs {
  margin: 0 4.1666666667rem;
  overflow: hidden;
  position: relative;
  padding: 2.0833333333rem 4.1666666667rem;
}

.abitem3 .dsjswiper .ovs:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 0.0520833333rem;
  background: #cccccc;
}

.abitem3 .dsjswiper .txt {
  width: 18.75rem;
  height: 9.2291666667rem;
  border: 1px solid #d2dff0;
  border-radius: 0.5208333333rem;
  background: #fff;
  position: relative;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1rem 1.0416666667rem 0;
}

.abitem3 .dsjswiper .txt h5 {
  font-size: 1.25rem;
  color: #336699;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
}

.abitem3 .dsjswiper .txt p {
  font-size: 0.833rem;
  color: #666666;
  line-height: 1.8;
  margin-top: 0.78125rem;
  height: 5.4em;
  overflow: hidden;
}

.abitem3 .dsjswiper .txt:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  z-index: 1;
  width: 1.0416666667rem;
  height: 0.5208333333rem;
  background: url(../images/ar4.png) no-repeat center/100% 100%;
  margin: 0 auto;
}

.abitem3 .dsjswiper .swiper-slide {
  height: 20.3125rem;
  position: relative;
}

.abitem3 .dsjswiper .swiper-slide:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: #336699;
  margin: auto;
  top: 0;
  bottom: 0;
}

.abitem3 .dsjswiper .swiper-slide:nth-child(2n+1) .txt {
  left: -50%;
  right: -50%;
  position: absolute;
  margin: 0 auto;
  bottom: 0;
}

.abitem3 .dsjswiper .swiper-slide:nth-child(2n) .txt {
  left: -50%;
  right: -50%;
  position: absolute;
  margin: 0 auto;
}

.abitem3 .dsjswiper .swiper-slide:nth-child(2n) .txt:before {
  top: 100%;
  bottom: auto;
  transform: rotate(180deg);
}

.abitem3 .amore {
  margin: 0 auto;
}

.abitem4 {
  padding: 3.3854166667rem 0 18.2291666667rem;
}

.abitem4 .pore {
  position: relative;
  margin: 2.6041666667rem 0;
}

.abitem4 .ryswipers {
  overflow: hidden;
}

.abitem4 .amore {
  margin: 0 auto;
}

.abitem4 .text {
  padding-top: 4.9479166667rem;
}

.abitem4 .text p {
  font-size: 16px;
  line-height: 1.7;
  color: #666666;
  margin: 1.5625rem auto 0;
  max-width: 50.5208333333rem;
}

.msection1 {
  padding: 3.3854166667rem 0;
}

.msection1 .flex {
  display: flex;
  justify-content: space-between;
  margin-top: 2.6041666667rem;
}

.msection1 .flex .pics {
  width: 48%;
  position: relative;
  border-radius: 0.3125rem;
  overflow: hidden;
}

.msection1 .flex .tnews {
  width: 50%;
}

.msection1 .flex .pics .tx {
  background: rgba(0, 0, 0, 0.6);
  padding: 1.1458333333rem 1.5625rem;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.msection1 .flex .pics .tx p {
  font-size: 0.9375rem;
  color: #ffffff;
  line-height: 1.6;
  padding-right: 3.125rem;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(../images/ar5.png) no-repeat right center/2.9583333333rem auto;
}

.msection1 .flex .pics img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.msection1 .flex .tnews dd:last-child {
  margin-bottom: 0;
}

.msection1 .amore {
  margin: 2.6041666667rem auto 0;
}

.msection2 {
  padding: 3.3854166667rem 0;
  background: #f0f6fc;
}

.gongglist {
  margin-top: 3.125rem;
}

.gongglist ul {
  display: flex;
  flex-wrap: wrap;
}

.gongglist ul li {
  width: calc((100% - 4.3229166667rem) / 4);
  margin: 0 1.40625rem 1.40625rem 0;
}

.gongglist ul li a {
  display: block;
  padding: 1.8229166667rem 1.1458333333rem;
  border-radius: 0.5208333333rem;
  background: #fff;
  position: relative;
  top: 0;
}

.gongglist ul li a i {
  font-size: 16px;
  color: #212121;
  line-height: 1.6;
}

.gongglist ul li a p {
  font-size: 1.0416666667rem;
  color: #212121;
  margin-top: 0.78125rem;
  line-height: 1.4;
  height: 2.8em;
  overflow: hidden;
}

.gongglist ul li a:hover {
  background: #5292c6;
}

.gongglist ul li a:hover i,
.gongglist ul li a:hover p {
  color: #fff;
}

.gongglist ul li:nth-child(4n) {
  margin-right: 0;
}

.msection2 .amore {
  margin: 1.1979166667rem auto 0;
}

.msection3 {
  padding: 3.3854166667rem 0;
}

.videolist {
  margin-top: 2.6041666667rem;
}

.videolist ul {
  display: flex;
  flex-wrap: wrap;
}

.videolist li {
  width: calc((100% - 3.2291666667rem) / 3);
  margin: 0 1.5625rem 1.5625rem 0;
}

.videolist li:nth-child(3n) {
  margin-right: 0;
}

.videolist .picovs {
  height: 16.9270833333rem;
  border-radius: 0.5208333333rem;
  position: relative;
}

.videolist .picovs i {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/wico20.png) no-repeat center/2.7083333333rem auto rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome*/
  -o-transition: all 0.3s;
}

.videolist p {
  font-size: 1.0416666667rem;
  color: #212121;
  line-height: 1.6;
  padding: 0.5208333333rem;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.videolist a:hover .picovs i {
  opacity: 1;
}

.msection3 .amore {
  margin: 1.0416666667rem auto 0;
}

.bditem .wrap {
  background: #f0f6fc;
  display: flex;
  justify-content: space-between;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3.125rem 2.0833333333rem;
}

.bditem .citem {
  width: calc((100% - 3.6458333333rem) / 2);
}

.bditem .th {
  display: flex;
  justify-content: space-between;
  align-items: self-end;
  border-bottom: 0.0520833333rem solid #5292c6;
  padding-bottom: 1.0416666667rem;
  margin-bottom: 2.0833333333rem;
}

.bditem .th .abtit {
  text-align: left;
}

.bditem .th a {
  font-size: 14px;
  color: #212121;
  line-height: 1.6;
  display: block;
}

.bditem li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border-radius: 0.4166666667rem;
  padding: 0 1.0416666667rem;
  height: 2.6041666667rem;
}

.bditem li {
  margin-bottom: 0.6770833333rem;
}

.bditem li p {
  font-size: 0.9375rem;
  color: #212121;
  line-height: 1.6;
  width: calc(100% - 5.2083333333rem);
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bditem li i {
  font-size: 16px;
  color: #212121;
  line-height: 1.6;
}

.banpic {
  padding: 2.8645833333rem 0;
  margin: 5.2083333333rem 0 0;
}

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

.banpic img {
  height: 2.9166666667rem;
  display: block;
}

.banpic h4 {
  font-size: 1.25rem;
  color: #212121;
  line-height: 2.6;
  padding-left: 3.125rem;
  margin-left: 3.125rem;
  border-left: 0.0520833333rem solid #cccccc;
}

.banpic .lt {
  display: flex;
  align-items: center;
}

.abdasj .bds {
  margin: 2.0833333333rem 0;
}

.abdasj .bds ul {
  position: relative;
  height: 100%;
}

.abdasj .bds ul::before {
  content: "";
  position: absolute;
  left: 7.8125rem;
  top: 0;
  z-index: 1;
  width: 0.0520833333rem;
  height: 100%;
  background: #cccccc;
}

.abdasj .bds li {
  padding-bottom: 1.0416666667rem;
}

.abdasj .bds dd {
  margin-bottom: 1.7708333333rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.abdasj .bds h3 {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #212121;
  font-weight: bold;
  padding-right: 1.5625rem;
  background: url(../images/qw12.png) no-repeat right center;
  background-size: 0.9895833333rem auto;
  display: inline-block;
  cursor: pointer;
}

.abdasj .bds h3.on {
  background: url(../images/qw12-1.png) no-repeat right center;
  color: #5292c6;
}

.abdasj .bds dl {
  margin-top: 1.3541666667rem;
}

.abdasj .bds dd h5 {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #212121;
  font-weight: bold;
  width: 7.8125rem;
  text-align: right;
  padding-right: 2.6041666667rem;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.abdasj .bds dd h5::before {
  content: "";
  position: absolute;
  right: -0.4166666667rem;
  border-radius: 50%;
  top: 0.5208333333rem;
  z-index: 1;
  width: 0.78125rem;
  height: 0.78125rem;
  background: #5292c6;
}

.abdasj .bds dd p {
  font-size: 14px;
  line-height: 1.8;
  color: #666666;
  width: calc(100% - 9.8958333333rem);
  margin-top: 0.2604166667rem;
}

.amore:hover,
.whbtn:hover {
  background: #457dab;
}

.uitpro li .pic img,
.product li img,
.meitnew .bds li .pic img,
.abrongy .bds li .pic img,
.hswipers .picovs img,
.tnews li a .pic img {
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome*/
  -o-transition: all 0.3s;
}

.abrongy .bds li:hover .pic img {
  transform: scale(1.03);
  -ms-transform: scale(1.03);
  /* IE 9*/
  -moz-transform: scale(1.03);
  /* Firefox*/
  -webkit-transform: scale(1.03);
  /* Safari 和 Chrome*/
  -o-transform: scale(1.03);
}

.uitpro li:hover .pic img,
.product li:hover img,
.meitnew .bds li:hover .pic img,
.hswipers .swiper-slide:hover .picovs img,
.tnews li a:hover .pic img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9*/
  -moz-transform: scale(1.1);
  /* Firefox*/
  -webkit-transform: scale(1.1);
  /* Safari 和 Chrome*/
  -o-transform: scale(1.1);
}

.whproducthot .hswipers .swiper-slide:hover h4,
.produdel .rts .more:hover,
.produzx1 .uith2 .more:hover,
.uitpro li:hover h6,
.mtnewdel .fs a:hover,
.meitnew .bds li:hover h3,
.meitgongg .bds li:hover h3,
.bditem .th a:hover,
.bditem li:hover p,
.abrongy .bds li:hover h6,
.meitzy li:hover h3,
.chtit .hcbtn:hover,
.tnews li a:hover p {
  color: #5292c6;
}

.produzx1 .uith2 .more:hover,
.chtit .hcbtn:hover {
  background: url(../images/wico3-1.png) no-repeat right center;
}

.produdel .rts .more:hover {
  background: url(../images/qw2-1.png) no-repeat left center;
}

.uxprev:hover,
.uxnext:hover {
  background-color: rgb(51, 102, 153);
}

.fooer .rts dd a:hover {
  color: #fff;
}

.uitpro li,
.product li,
.meitnew .bds li,
.meitgongg .bds li,
.meitzy li {
  position: relative;
  top: 0;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome*/
  -o-transition: all 0.3s;
}

.uitpro li:hover,
.product li:hover,
.meitnew .bds li:hover,
.meitgongg .bds li:hover,
.meitzy li:hover {
  top: -0.3125rem;
}

.header .hetps {
  transition: all 0.3s;
  -ms-transition: all 0.3s; /* IE 9 */
  -moz-transition: all 0.3s; /* Firefox */
  -webkit-transition: all 0.3s; /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  height: 3.3rem;
  margin-top: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  position: relative;
}

.header .hetps img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.header .hetps .close {
  position: absolute;
  right: 1rem;
  top: 0.6rem;
  width: 2rem;
  height: 2rem;
  background: url(../images/close.png) no-repeat center/contain;
  cursor: pointer;
  transition: all 0.3s;
  -ms-transition: all 0.3s; /* IE 9 */
  -moz-transition: all 0.3s; /* Firefox */
  -webkit-transition: all 0.3s; /* Safari 和 Chrome */
  -o-transition: all 0.3s;
}

.header .hetps .close:hover {
  transform: rotate(720deg);
}

.header .hcbg {
  position: relative;
  z-index: 2;
  transition: all 0.3s;
  -ms-transition: all 0.3s; /* IE 9 */
  -moz-transition: all 0.3s; /* Firefox */
  -webkit-transition: all 0.3s; /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  background: #fff;
}

/*.uitpro li:nth-child(n+4){*/
/*	display: none;*/
/*}*/
table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  border-color: #f1f1f1;
}

table th {
  background: #5292c6;
  text-align: center;
  color: #fff;
  padding: 5px 10px;
}

table td {
  padding: 5px 10px;
}

.uitlts li dl {
  display: none;
}

.uitlts li dd a {
  font-size: 16px;
  padding-left: 4rem;
  line-height: 3rem;
  background: #f1f1f1;
}

.uitlts li h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.uitlts li h3 i {
  width: 3.125rem;
  height: 3.125rem;
  background: url(../images/qw2.png) no-repeat center;
  transform: rotate(180deg);
  transition: all 0.3s;
  -ms-transition: all 0.3s; /* IE 9 */
  -moz-transition: all 0.3s; /* Firefox */
  -webkit-transition: all 0.3s; /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  cursor: pointer;
}

.uitlts li h3 i.on {
  transform: rotate(270deg);
}

.msection1 .flex .pics {
  overflow: hidden;
  position: relative;
}

.msection1 .flex .pics .prev,
.msection1 .flex .pics .next {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 11;
  width: 40px;
  height: 80px;
  cursor: pointer;
  margin: -40px 20px;
  background: url(../images/ar2.png) no-repeat center/15px auto rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}

.msection1 .flex .pics .next {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

.about .honor-img {
  max-height: 11.8rem;
  overflow: hidden;
}

.significant {
  width: 100%;
  margin-top: 20px;
  /* 年份按钮样式 - 自动换行 + 自适应 */
}
.significant .year-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.significant .year-btn {
  padding: 8px 16px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
  transition: all 0.3s;
  white-space: nowrap;
}
.significant .year-btn.active {
  background: #5292c6;
  color: #fff;
  border-color: #5292c6;
}
.significant .year-btn:hover {
  border-color: #5292c6;
  color: #5292c6;
}
.significant {
  /* 事件列表样式 */
}
.significant .event-list {
  width: 100%;
}
.significant .event-item {
  padding: 15px 0;
  border-bottom: 1px dashed #eee;
}
.significant .event-date {
  display: inline-block;
  color: #5292c6;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 5px;
}
.significant .event-content {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}/*# sourceMappingURL=style.css.map */