/*@font-face {*/
/*  font-family: "MicrosoftYaHei";*/
/*  src: url("../font/MicrosoftYaHei.ttf") format("truetype");*/
/*}*/
@font-face {
  font-family: "CenturyGothic-Bold";
  src: url("../font/CenturyGothic-Bold.ttf");
}
@font-face {
  font-family: "CenturyGothic";
  src: url("../font/CenturyGothic-Regular.ttf");
}
.mmet-img{
    width: 8rem;
    margin-right: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
*{
    transition: all 0.3s ease-in-out;
}
html {
  font-size: 0.83vw;
  scroll-behavior: smooth;
  transition: all 0.3s ease-in-out;
}
.news-detail-body{
    padding-top: 6rem;
}
body {
  margin: 0;
  padding: 0;
}
.mobile-view {
  display: none;
}
.mobile-foot {
  width: 100%;
  display: none;
  flex-direction: column;
  height: auto;
  background-color: #666666;
}
.mf-list {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.mf-list-card a {
  color: #fff;
  font-size: 4rem;
  padding-left: 5rem;
  text-decoration: none;
  line-height: 15rem;
}
.mflc-t {
  padding-top: 3rem;
  width: 100%;
  border-bottom: 0.24rem solid rgba(255, 255, 255, 0.3);
}
.mflc-t a {
  width: 100%;
}
.product-nav {
  margin-top: 6rem;
}
.mf-b {
  padding: 3rem 5rem;
}
.mf-b p {
  color: #fff;
  font-size: 3rem;
  margin: 0;
  line-height: 6rem;
}
.mf-b a {
  color: #fff;
  text-decoration: none;
  font-size: 3rem;
  line-height: 6rem;
}
.foot {
  background-color: #666666;
}
.foot img {
  display: block;
}
.bt, .bb {
  display: flex;
  width: 100rem;
  margin: 0 auto;
}
.bt {
  padding-top: 3rem;
  padding-bottom: 3.938rem;
  border-bottom: 0.063rem solid rgba(255, 255, 255, 0.3);
}
.bb {
  padding-top: 2rem;
  display: flex;
  padding-bottom: 1.938rem;
}
.bb-img {
  height: 7.5rem;
  width: 7.5rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
.bb-img img {
  width: 100%;
  height: 100%;
}
.bb-da {
  margin-left: 1.563rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}
.bb-da a {
  color: #ffffff;
  text-decoration: none;
  font-size: 0.938rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  opacity: 0.7;
}
.bottom-nav-list {
    padding-top: 1rem;
  display: flex;
  margin-left: auto;
}
.bottom-nav-card {
  display: flex;
  flex-direction: column;
  margin-left: 10rem;
}
.bottom-nav-card:nth-child(1){
    margin-left: 0;
}
.bottom-nav-card p {
  margin: 0;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-weight: 600;
  font-size: 1.3rem;
  color: #ffffff;
}
.bottom-nav-card a {
  color: #ffffff;
  text-decoration: none;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size:1.1rem;
  opacity: 0.7;
  margin-top: 1.65rem;
  width: fit-content;
}
.bb-weixin {
  margin-left: auto;
  margin-right: 3.25rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.bb-weixin div {
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  display: flex;
}
.bb-weixin img {
  width: 1.3rem;
  margin: auto;
}
.bb-right {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
}
.bbrrr{
    display: flex;
}
.bbrrr div{
    width: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bb-right img{
    width: 1rem;
    height: auto;
    display: block;
}
.bb-right p {
  font-size: 0.938rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.bt-img {
  width: 14rem;
  height: rem;
}
.bt-img img {
  width: 14rem;
  height: 4rem;
}
.index-tran {
  transform: translateY(50px);
  opacity: 0;
  transition: all 1.5s ease-in-out;
}
.active {
  transform: translateY(0);
  opacity: 1;
}
.pc-nav {
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 6rem;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  transition: all 0.3s ease-in-out;
}
.pc-nav-hidden {
  transform: translateY(-6rem);
}
.t-logo {
  width: 10rem;
  height: 3rem;
  margin-left: 6rem;
  display: block;
}
.t-logo img {
  display: block;
  width: 9.688rem;
  object-fit: cover;
  height: 3.125rem;
}
.t-nav-list {
  display: flex;
  margin-left: auto;
  height: 100%;
}
.t-nav-card {
  text-decoration: none;
  color: #000000;
  font-size: 1.3rem;
  text-wrap: nowrap;
  width: 9rem;
  display: flex;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  letter-spacing: 0;
  justify-content: center;
  align-items: center;
  position: relative;
}
.t-nav-card div {
  position: absolute;
  width: 2rem;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 0.24rem;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}
.t-other {
  display: flex;
  gap: 2rem;
  margin-right: 5rem;
}
.to-select {
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../images/right.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0.7rem;
  padding-right: 1rem;
}
.to-select a {
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 1rem;
  color: #333333;
}
.searchbox {
  outline: none;
  border: 0;
  width: 0;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.to-search {
  display: flex;
  align-items: center;
  border: 0.06rem solid #ffffff;
  padding: 0rem;
  border-radius: 1.25rem;
  transition: all 0.3s ease-in-out;
}
.to-search button {
  width: fit-content;
  cursor: pointer;
  height: fit-content;
  border: none;
  margin: 0;
  margin-left: 0.5rem;
  padding: 0;
  display: block;
  background-color: transparent;
}
.to-search img {
  display: block;
  width: 1rem;
  height: 1rem;
}
.to-search:hover {
  padding: 0.5rem;
  border: 0.06rem solid #666666;
}
.to-search:hover .searchbox {
  width: 10rem;
}
.t-active div {
  background-color: #b5363c;
}
.t-nav-card:hover div {
  background-color: #b5363c;
}
.t-banner {
  position: relative;
  margin-top: 6rem;
  position: relative;
}
.t-banner img {
  display: block;
}
.t-banner-img img {
  width: 100%;
}
.t-banner-card {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  margin-left: 10rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
}
.t-banner-card p:nth-child(1) {
  font-size: 4rem;
  font-weight: 600;
  line-height: 4rem;
  margin: 0;
}
.t-banner-card p:nth-child(2) {
  margin: 2rem 0 3rem 0;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.6rem;
  font-weight: 100;
  font-family: "CenturyGothic", sans-serif;
}
.t-banner-card a {
  display: block;
  color: #fff;
  text-decoration: none;
  width: 8rem;
  height: 3rem;
  border-radius: 1rem;
  display: flex;
  font-weight: 500;
  font-size: 1rem;
  line-height: 3rem;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border: 0.06rem solid #b5363c;
}
.t-banner-card a div {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  transform: translateX(-100%);
  background-color: #b5363c;
}
.t-banner-card a:hover div {
  transform: translateX(0);
}
.t-about {
  position: relative;
  background-color: #f5f6f7;
  width: 100%;
  overflow: hidden;
  height: 44rem;
}
.ta-card {
  padding-top: 9rem;
  position: absolute;
  color: #000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}
.ta-card p {
  margin: 0;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
}
.tac-d1 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
  position: relative;
}
.tac-d1 div {
  position: absolute;
  width: 21rem;
  bottom: 0;
  z-index: -1;
  height: 1rem;
  background-color: #b5363c;
}
.tac-d2 {
  font-size: 2rem;
  line-height: 2rem;
  margin-top: 3rem;
}
.tac-d3 {
  margin-top: 2rem;
}
.tac-d3 p {
  font-size: 1.3rem;
  line-height: 3rem;
}
.tac-d4 {
  margin-top: 7rem;
  display: flex;
  left: 50%;
}
.tac-d4 div {
  width: 15rem;
}
.tac-d4 div p:nth-child(1) {
  font-size: 4rem;
  line-height: 2rem;
  color: #b5363c;
  /*font-family: 'Lato', sans-serif;*/
  font-family: "CenturyGothic-Bold", sans-serif;
  /*font-weight: 900;*/
}
.tac-d4 div p:nth-child(1) span {
  margin-left: 1rem;
  font-size: 1rem;
  color: #000000;
}
.tac-d4 div p:nth-child(1) span:nth-child(1) {
  font-size: 4rem;
  line-height: 2rem;
  color: #b5363c;
  margin-left: 0;
}
.tac-d4 div p:nth-child(2) {
  font-family: "CenturyGothic", sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  margin-top: 1rem;
}
.iai1, .iai2 {
  position: absolute;
}
.iai1 {
  top: -5rem;
  width: 30rem;
  opacity: 1;
  left: 0;
}
.iai1 img {
  width: 100%;
}
.iai2 {
  bottom: -5rem;
  width: 46rem;
  opacity: 1;
  right: 0;
}
.iai2 img {
  width: 100%;
}
.t-products {
  padding-top: 8rem;
}
.tp-body {
  width: 100rem;
  margin: 0 auto;
}
.tp-title {
  display: flex;
  align-items: center;
}
.tp-title p {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 3rem;
  line-height: 3rem;
  color: #000000;
  font-weight: 600;
  margin: 0;
}
.tp-title a {
  font-size: 1rem;
  text-decoration: none;
  color: #b5363c;
}
.tp-title a img {
  margin-left: 1rem;
}
.tp-title div {
  margin: 0 2rem;
  flex-grow: 1;
  height: 0.06rem;
  background-color: #dddddd;
}
.tp-list {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 6rem;
}
.tpl-card {
  width: 32rem;
  height: 36rem;
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
}
.tpl-card img {
  width: 100%;
}
.tplc-cover {
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.tpclc-show1 {
  transition: all 0.3s ease-in-out;
  transform: translateY(22rem);
}
.tpclc-show1 img {
  transition: all 0.3s ease-in-out;
  position: relative;
  width: 8rem;
  display: block;
  height: 6rem;
  left: 50%;
  transform: translateX(-50%);
}
.tpclc-show1 p {
  transition: all 0.3s ease-in-out;
  position: relative;
  left: 50%;
  width: fit-content;
  transform: translateX(-50%);
  margin: 0;
  margin-top: 2rem;
  color: #fff;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 2rem;
  line-height: 2rem;
}
.tpclcs-list {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  width: auto;
  height: auto;
  position: relative;
  left: 5rem;
  margin-top: 3rem;
}
.tpclcs-list a {
  transition: all 0.3s ease-in-out;
  width: fit-content;
  text-decoration: none;
  margin-bottom: 2rem;
  display: flex;
  color: #fff;
  font-size: 1rem;
  line-height: 1rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
}
.tpclcs-list a div {
  width: 0.5rem;
  height: 1rem;
  margin-right: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../images/triangle-white.png");
}
.tpclcs-list a:hover {
  text-decoration: underline;
}
.tpclcs-list a:hover div {
  background-image: url("../images/triangle.png");
}
.tpl-card:hover .tpclcs-list {
  opacity: 1;
}
.tpl-card:hover .tpclc-show1 {
  transform: translateY(4rem);
}
.tpl-card:hover .tpclc-show1 img, .tpl-card:hover .tpclc-show1 p {
  transform: translateX(0);
  left: 5rem;
}
.tpl-card:hover .tpclc-show1 p {
  margin-top: 3rem;
}
.t-news {
  margin-top: 9rem;
}
.tptlespan {
  font-size: 1.3rem;
  color: #b5363c;
  line-height: 3rem;
}
.tn-body {
  width: 110rem;
  margin-left: auto;
  padding-top: 6rem;
}
.tnb-b {
  width: 100%;
  min-height: 50rem;
  display: flex;
  background-color: #f5f6f7;
  border-radius: 5rem 0 0 0;
  overflow: visible;
}
.asss{
    position: relative;
}
/*.asss:hover .tnbb-card{*/
/*    transform: translateY(-6.25rem);*/
/*    background-color: #b5363c;*/
/*}*/
.tnbb {
  margin-left: 8rem;
  margin-right: 10rem;
  overflow-x: hidden;
  min-height: 50rem;
  overflow-y: visible;
}
.tnbbc-t p {
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 5.6rem;
  line-height: 4rem;
  margin: 0;
  color: #000000;
  margin-top: 5.5rem;
}
.tnbbc-t div {
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 1.125rem;
  color: #000000;
  margin-top: 2.313rem;
  width: fit-content;
  padding-bottom: 0.563rem;
  border-bottom: 0.25rem solid #b5363c;
}
.tnbbc-p {
  margin-top: 3.813rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #000000;
}
.tnbbc-img {
  margin-top: auto;
  height: 16.063rem;
  aspect-ratio: 1.7120089647;
  overflow: hidden;
  border-radius: 1.25rem;
  margin-bottom: 10.313rem;
}
.tnbbc-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.tnbb-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.page-banner {
  margin-top: 6rem;
  width: 100%;
  position: relative;
}
.page-banner img {
  display: block;
  width: 100%;
}
.pagebanner-div {
  position: absolute;
  left: 10rem;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.pagebanner-div P:nth-child(1) {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 600;
  margin: 0;
  letter-spacing: 1px;
}
.pagebanner-div p:nth-child(2) {
  margin: 0;
  margin-top: 2rem;
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 2rem;
}
.about-nav {
  display: flex;
  width: 100rem;
  margin: 0 auto;
  border-bottom: 0.06rem solid #eeeeee;
}
.about-nav-card {
  flex: 1;
  transition: all 0.3s ease-in-out;
  border-bottom: 0.24rem solid #fff;
}
.about-nav-card a {
    font-size: 1.3rem;
  width: 100%;
  display: block;
  text-align: center;
  line-height: 6rem;
  text-decoration: none;
  color: #333333;
  transition: all 0.3s ease-in-out;
}
.about-nav-card:hover {
  border-bottom: 0.24rem solid #b5363c;
}
.about-nav-card:hover a {
  color: #b5363c;
}
.about-nav-card-active {
  border-bottom: 0.24rem solid #b5363c;
}
.about-nav-card-active a {
  color: #b5363c;
}
.about-jieshao {
  width: 100%;
  background-image: url("../images/about-background.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom, right;
  padding-bottom: 8rem;
}
.aj-title {
  font-size: 3rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  line-height: 3rem;
  text-align: center;
  margin-top: 6rem;
  margin-bottom: 3.5rem;
  color: #000000;
}
.aj-p {
  margin: 0 16rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.aj-p p {
  text-indent: 2em;
  font-size: 1.3rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  line-height: 3rem;
  color: #333333;
  margin: 0;
}
.aj-list {
  display: flex;
  width: 88rem;
  margin: 0 auto;
  margin-top: 9.5rem;
}
.ajl-card {
  display: flex;
  flex: 0 0 33.33%;
  justify-content: center;
}
.ajl-card img {
  height: 3rem;
}
.ajlc-s {
  margin-left: 1rem;
}
.ajlc-s p {
  margin: 0;
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ajlc-c {
  display: flex;
  margin-left: 3rem;
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 3rem;
  line-height: 3rem;
  color: #b5363c;
}
.ajlc-c p {
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 3rem;
  line-height: 3rem;
  color: #b5363c;
  margin: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
}
.ajlc-c span {
  font-size: 1rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  color: #333333;
  line-height: 2rem;
  margin-top: auto;
  margin-left: 1rem;
}
.ajl-card:nth-child(2) {
  border-left: 0.06rem solid #dddddd;
  border-right: 0.06rem solid #dddddd;
}
.about-qiyewenhua {
  width: 100%;
  padding-bottom: 8rem;
}
.about-qiyewenhua-title p {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 3rem;
  color: #000000;
  margin-left: 10rem;
  margin-top: 6rem;
  margin-bottom: 4rem;
}
.about-qiyewenhua-list {
  display: flex;
  width: 100rem;
  margin-left: 10rem;
  justify-content: space-between;
}
.aql-card {
  width: 25rem;
  height: 31rem;
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
  transition: all 0.3s ease-in-out;
}
.aql-card img {
  display: block;
  position: relative;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.aqlc-cover {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
.aqlcc-d {
  margin: 3rem;
}
.aqlcc-d p {
  margin: 0;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
}
.aqlcc-d p:nth-child(1) {
  font-size: 2rem;
  line-height: 2rem;
}
.aqlcc-d p:nth-child(2) {
  margin-top: 1rem;
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 1rem;
  line-height: 1rem;
}
.aqlcc-d div {
  width: 1rem;
  height: 0.24rem;
  background-color: #fff;
  margin-top: 2rem;
}
.aqlcc-p {
  margin: 0 3rem;
  margin-top: auto;
  margin-bottom: 6rem;
  font-size: 1.5rem;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.aqlcard-active {
  width: 45rem;
}
.aqlcard-active .aqlcc-p {
  opacity: 1;
}
.about-prod {
  overflow: hidden;
  width: 100%;
  background-image: url("../images/TC200.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right, bottom;
}
.about-prod-top {
  width: 100rem;
  margin-left: 10rem;
  padding-top: 7rem;
  display: flex;
}
.about-prod-top p {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 3rem;
  line-height: 3rem;
  color: #000000;
  margin: 0;
}
.apt-button {
  display: flex;
  margin-left: auto;
  gap: 3rem;
}
.apt-button div {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color: #dddddd;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.apt-button img {
  height: 1rem;
}
.apt-button div:hover {
  background-color: #b5363c;
}
.apl-card {
  width: 100%;
  height: 35.188rem;
  display: flex;
}
.aplc-left {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aplc-left div:nth-child(1) {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.125rem solid #dddddd;
  background-color: transparent;
}
.aplc-left div:nth-child(2) {
  width: 0.125rem;
  height: aotu;
  flex-grow: 1;
  background-color: #dddddd;
}
.aplc-right {
  display: flex;
  flex-direction: column;
  margin-left: 1.5rem;
}
.aplcr-t {
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 1.3rem;
  color: #333333;
  line-height: 1;
}
.aplcr-c {
  display: flex;
  gap: 1.8rem;
  display: none;
  margin-top: 4.93rem;
  flex-direction: column;
}
.aplcrc-d {
  display: flex;
  font-size: 1.3rem;
  align-items: center;
}
.aplcrc-d div {
    flex-shrink: 0;
  width: 0.438rem;
  height: 0.438rem;
  margin-right: 0.813rem;
  border-radius: 50%;
  background-color: #000000;
}
.aplcr-b {
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 3.75rem;
  line-height: 3.75 rem;
  color: #dddddd;
  margin-top: auto;
  margin-bottom: 3.625rem;
}
.about-prod-list {
  width: 100rem;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 5.125rem;
}
.swiper-slide-active .apl-card .aplc-left div {
  background-color: #b5363c;
}
.swiper-slide-active .apl-card .aplc-left div:nth-child(1) {
  border: 0.125rem solid #b5363c;
}
.swiper-slide-active .apl-card .aplcr-t {
  color: #b5363c;
}
.swiper-slide-active .apl-card .aplcr-c {
  display: flex;
}
.swiper-slide-active .apl-card .aplcr-b {
  color: #b5363c;
  font-size: 5.625rem;
  line-height: 5rem;
}
.about-prod-list .swiper-slide {
  width: 16.875rem !important;
}
.about-prod-list .swiper-slide-active {
  width: 50.313rem !important;
}
.about-rongyuzizhi {
  background: transparent;
  padding-bottom: 7rem;
}
.about-huanjing {
  background-color: #f6f7f9;
  background-image: url("../images/BC19.png");
}
.about-ryzz {
  width: 100rem;
  margin: 0 auto;
  overflow: hidden;
}
.about-ryzz-card {
  width: 100%;
  height: 20rem;
  border-bottom: 0.125rem solid #dddddd;
}
.arc-div {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.arcd-a {
  flex: 0 0 50%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.arcd-a img {
  max-width: 100%;
  max-height: 80%;
}
.arcd-b {
  flex: 0 0 calc(50% - 3.6rem);
  margin: 0 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1.5rem;
  line-height: 2.25rem;
}
.about-huanjing-list {
  width: 100rem;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 4.563rem;
  padding-bottom: 10.25rem;
}
.ahlc-a {
  width: 100%;
  height: 29rem;
  border-radius: 1.25rem 1.25rem 0 0;
  overflow: hidden;
}
.ahlc-a img {
  display: block;
  width: 100%;
  height: 100%;
}
.ahlc-b {
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 1.25rem 1.25rem;
}
.ahlc-b p {
  line-height: 6.875rem;
  margin: 0;
  margin-left: 3.75rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1.5rem;
  color: #000000;
}
.pt-body {
  width: 100%;
  background-color: #1b2d44;
  height: auto;
  height: 55rem;
  overflow: hidden;
  position: relative;
}
.ptb-bg {
  display: block;
  position: absolute;
  width: 100%;
}
.ptb-div {
  position: absolute;
  z-index: 2;
  display: flex;
  color: #ffffff;
  margin-top: 9.563rem;
  width: 100%;
}
.ptb-t1 {
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 3.75rem;
  color: #b5363c;
  line-height: 3rem;
  margin-left: 13.813rem;
}
.ptb-t2 {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 3.75rem;
  line-height: 3rem;
  margin-top: 2.375rem;
  margin-left: 13.813rem;
}
.ptb-t3 {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-top: 5rem;
  margin-left: 13.813rem;
}
.ptbl-lsit {
  display: flex;
  margin-left: 13.813rem;
  flex-wrap: wrap;
  max-width: 45rem;
}
.ptbl-flex {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-family: "CenturyGothic-Bold", sans-serif;
  line-height: 3.75rem;
}
.ptbl-flex div {
  margin-right: 0.813rem;
  width: 0.313rem;
  height: 0.313rem;
  background-color: #ffffff;
  border-radius: 50%;
}
.ptbl-flex:nth-child(odd) {
  flex: 0 0 50%;
}
.ptbd-da {
  flex: 0 0 50%;
}
.ptbd-db {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}
.ptbd-db img {
  display: flex;
  width: 26.438rem;
  width: 26.438rem;
  border-radius: 1rem;
}
.ptbd-db div {
  position: absolute;
  z-index: -1;
  box-shadow: 0 0 6rem 6rem rgba(213, 240, 255, 0.6);
  width: 26rem;
  height: 26rem;
  border-radius: 50%;
}
.productdetabout {
  background-color: #f5f6f7;
  background-image: none;
}
.productdetabout .about-prod-top {
  padding-top: 5.6rem;
}
.pal-card {
  text-decoration: none;
}
.product-about-list {
  width: 100rem;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 3.938rem;
  padding-bottom: 7.75rem;
}
.product-about-list .swiper-slide .pal-card-img, .product-about-list .swiper-slide .pal-card-div {
  margin-left: auto;
}
.product-about-list .swiper-slide-active .pal-card-img, .product-about-list .swiper-slide-active .pal-card-div {
  margin-left: 0;
}
.product-about-list .swiper-slide-next .pal-card-img, .product-about-list .swiper-slide-next .pal-card-div {
  margin-left: auto;
  margin-right: auto;
}
.pal-card-img {
  width: 31.25rem;
  height: 16.25rem;
  background-image: url("../images/TC2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.25rem 1.25rem 0rem 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pal-card-img img {
  height: 9.5rem;
}
.pal-card-div {
  width: 31.25rem;
  height: 17.5rem;
  background-color: #ffffff;
  border-radius: 0rem 0rem 1.25rem 1.25rem;
}
.palcd-p1 {
  transition: all 0.3s ease-in-out;
  color: #000000;
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding-top: 2.5rem;
  margin-left: 2.813rem;
}
.palcd-p-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}
.palcdpl-card {
  flex: 0 0 50%;
}
.palcdpl-card p {
  transition: all 0.3s ease-in-out;
  margin: 0;
  margin-left: 1rem;
  font-family: "CenturyGothic", sans-serif;
  font-size: 0.875rem;
  line-height: 1.875rem;
  color: #333333;
  font-weight: 600;
}
.palcdpl-card:nth-child(odd) p {
  margin-left: 2.688rem;
}
.news-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 6rem;
  width: 100rem;
  gap: 3.125rem 0;
  margin: 0 10rem;
}
.news-list .nlc-img img {
  width: 100%;
  height: auto;
}
.news-list-card {
  text-decoration: none;
  color: #333333;
  width: 31.25rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: #ffffff;
}
.tptt-bod{
    display: flex;
    flex-grow:0 !important;
    height: auto !important;
    margin: 0 !important;
   align-items: center;
    background:transparent !important;
}
.tpttb-pa{
    color: #b5363c !important;
}
.tpttb-da,.tpttb-db{
    background-image: url('../images/triangle2.png');
    width: 0.5rem !important;
    height: 0.8rem !important;
    background-color: transparent !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.tpttb-da:hover,.tpttb-db:hover{
    background-image: url('../images/triangle2-r.png');
}
.tpttb-da{
    transform: rotate(180deg);
}
.tptt-bod p{
    font-size: 1.5rem !important;
    font-family: 'CenturyGothic-Bold',Sans-Serif;
}
.nlc-img {
  height: 18rem;
  width: 100%;
  overflow: hidden;
}
.nlc-p {
  height: 18.75rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  flex-direction: column;
}
.nlcp-data {
  padding-top: 2.313rem;
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  color: #333333;
}
.pt-nav {
  width: 100%;
  height: 5.625rem;
  background-color: #f5f6f7;
  display: flex;
  align-items: center;
}
.pt-nav-left {
  display: flex;
  align-items: center;
  margin-left: 10rem;
}
.pt-nav-left img {
  width: 1.125rem;
  height: 1.125rem;
  display: block;
  margin-right: 0.688rem;
}
.pt-nav-left span {
  margin: 0 0.5rem;
}
.pt-nav-left a {
  text-decoration: none;
  color: #333333;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1rem;
}
.pt-nav-right {
  display: flex;
  height: 100%;
  margin-left: auto;
  margin-right: 10rem;
}
.pt-nav-right a {
  text-align: center;
  text-decoration: none;
  color: #333333;
  width: 13.75rem;
  height: 100%;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  justify-content: center;
}
.pt-nav-right a:hover {
  background-color: #b5363c;
  color: #fff !important;
}
.pt-nav-right-active {
  background-color: #b5363c;
  color: #fff !important;
}
.nlcp-title {
  margin-top: 1.25rem;
  /*/*font-family: "MicrosoftYaHei", sans-serif;*/*/
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #333333;
}
.nlcp-buttton {
  display: flex;
  margin-top: auto;
  margin-bottom: 3.813rem;
  align-items: center;
}
.nlcp-buttton p {
  margin: 0;
  margin-left: auto;
  margin-right: 1.563rem;
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 1rem;
  color: #333333;
}
.nlcp-buttton div {
  background-color: #dddddd;
  border-radius: 0.625rem;
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nlcp-buttton img {
  height: 1.25rem;
}
.news-list-card * {
  transition: all 0.3s ease-in-out;
}
.news-list-card:hover .nlc-img img {
  transform: scale(1.03);
}
.news-list-card:hover .nlcp-title {
  color: #b5363c;
}
.news-list-card:hover .nlcp-buttton div {
  background-color: #b5363c;
}
.news-detail-body {
  background-color: #f5f6f7;
  width: 100%;
  padding-bottom: 12.188rem;
}
.news-content {
  width: 100rem;
  border-radius: 1.25rem;
  margin: 0 auto;
  background-color: #ffffff;
}
.nc-title {
  text-align: center;
  margin: 0 6.25rem;
  padding-top: 6.25rem;
  border-bottom: 0.06rem solid #dddddd;
}
.nc-title p:nth-child(1) {
  /*font-family: MicrosoftYaHei;*/
  font-size: 2.25rem;
  margin: 0;
  line-height: 2rem;
}
.nc-title p:nth-child(2) {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1rem;
  color: #333333;
  line-height: 1rem;
  margin-top: 2.375rem;
  margin-bottom: 1.5rem;
}
.nc-content {
  margin: 0 6.25rem;
  margin-top: 4rem;
  padding-bottom: 5.5rem;
}
.nc-content p {
  color: #333333;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
}
.nc-content p,.nc-content {
    font-size: 1.3rem;
    line-height: 1.8;
}
.nc-content img {
  margin: 3rem auto;
  display: block;
  max-width: 100%;
}
.nc-bottom {
  display: flex;
  border-top: 0.06rem solid #dddddd;
  padding-top: 4.5rem;
  padding-bottom: 4rem;
  margin: 0 6.25rem;
}
.nc-bottom a {
  text-decoration: none;
  color: #333333;
  line-height: 2.25rem;
  font-size: 1rem;
}
.ncb-l {
  display: flex;
  flex-direction: column;
}
.ncb-r {
  margin-left: auto;
}
.service-body {
  padding-top: 5.125rem;
  padding-bottom: 11.438rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.875rem;
  background-color: #f5f6f7;
}
.sbc-img {
  margin: 3.75rem;
  margin-right: 0;
  width: 46.875rem;
  height: 30rem;
  overflow: hidden;
  border-radius: 1.25rem;
}
.sbc-img img {
  width: 100%;
  height: 100%;
}
.sbc-content {
  margin: auto 0;
  margin-left: 4.563rem;
}
.sbc-content p {
  font-size: 2.25rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  line-height: 1.875rem;
  color: #000000;
  margin: 0;
}
.sbcc-list {
  margin-top: 2.75rem;
  display: flex;
  flex-direction: column;
  /*gap: 1.313rem;*/
}
.sbcc-list .sbcc-list-card:nth-child(1){
    margin-top: 0;
}
.sbcc-list-card {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  line-height: 1.8rem;
  color: #333333;
  margin-top: 1.313rem;
}
.sbcc-list-card div {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #bbbbbb;
  border-radius: 50%;
  margin-right: 1.125rem;
}
.sb-card {
  width: 100rem;
  margin: 0 auto;
  border-radius: 1.25rem;
  background-color: #ffffff;
  display: flex;
}
.sb-card:nth-child(even) {
  flex-direction: row-reverse;
}
.sb-card:nth-child(even) .sbc-content {
  flex-grow: 1;
  margin-left: 3.75rem !important;
}
.sb-card:nth-child(even) .sbc-img {
  margin-left: auto;
  margin-right: 3.75rem;
}
.downloadbody {
  background-color: #f5f6f7;
  padding-top: 6.25rem;
  padding-bottom: 9.75rem;
}
.downloadcard {
  width: 100rem;
  height: 43.75rem;
  background-color: #ffffff;
  margin: 0 auto;
  border-radius: 1.25rem;
  display: flex;
  position: relative;
}
.downloadp {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
}
.dlp-title {
  margin: 0;
  margin-left: 7rem;
  margin-top: 8.125rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 3rem;
  line-height: 3rem;
  color: #000000;
}
.dlp-miaoshu {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1.125rem;
  line-height: 2.25rem;
  margin-left: 7rem;
  max-width: 32rem;
  margin-top: 2.5rem;
}
.dlp-other {
  margin-left: 7rem;
  display: flex;
  flex-direction: column;
  gap: 1.938rem;
  margin-top: auto;
  margin-bottom: 9.313rem;
}
.alpo-card {
  display: flex;
  height: 1.875rem;
  font-family: "CenturyGothic", sans-serif;
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #000000;
  padding-left: 0.938rem;
  border-left: 0.5rem solid #b5363c;
}
.dlp-img {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
}
.dlp-img img {
  width: 42.5rem;
  display: block;
  height: 28.625rem;
  border-radius: 1.25rem;
}
.dlp-kefu {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8.75rem;
  height: 8.75rem;
  transform: translate(-50%, -50%);
}
.dlp-kefu img {
  width: 100%;
  height: 100%;
}
.recruitment {
  width: 100%;
  background-color: #f5f6f7;
}
.recu-title {
  padding-top: 6rem;
  padding-bottom: 4.813rem;
  font-size: 3rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  line-height: 3rem;
  color: #000000;
  margin: 0 auto;
  text-align: center;
}
.recruitment-card {
  cursor: pointer;
  width: 100rem;
  background-color: #ffffff;
  height: 7.563rem;
  display: flex;
  margin: 0 auto;
  border-radius: 1.25rem;
}
.recruitment-name {
  margin: 3rem 0;
  width: 21rem;
  overflow: hidden;
  margin-left: 2.875rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1.5rem;
  color: #000000;
  line-height: 1.5rem;
}
.require {
  display: flex;
  align-items: center;
}
.require div {
  width: 15rem;
  display: flex;
  align-items: center;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1rem;
  color: #333333;
}
.require img {
  display: block;
  height: 1rem;
  margin-right: 1rem;
}
.recu-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 8rem;
}
.recruitment-more {
  display: flex;
  align-items: center;
  margin-left: auto;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1rem;
  color: #333333;
  margin-right: 4rem;
}
.recruitment-more span {
  margin-left: 1rem;
}
.recumore-card {
  width: 100rem;
  position: relative;
  border-radius: 0 0 1rem 1rem;
  margin: 0 auto;
  background-color: #fff;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.recumore-card p {
  margin: 0;
}
.reccarssd {
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 0;
  opacity: 0.1;
  width: 57rem;
}
.recumorecard-da {
  z-index: 1;
  padding-top: 3rem;
  margin-left: 3rem;
  font-size: 1rem;
  line-height: 2rem;
  color: #333333;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
}
.recudb {
  margin-top: 2.5rem;
  padding-bottom: 4rem;
  margin-left: 3rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1rem;
  color: #b5363c;
  font-weight: 600;
}
.redatitle {
  font-weight: 600;
}
.lo, .st, .ba {
  margin-right: 1rem;
  width: 1rem !important;
  height: 1rem !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: visible;
  background-image: url("../images/lo.png");
}
.ba {
  background-image: url("../images/ba.png");
}
.st {
  background-image: url("../images/st.png");
}
.recu-mme * {
  transition: all 0.3s ease-in-out;
}
.recu-mme {
  width: 100rem;
  margin: 0 auto;
}
.recruitment-card:hover {
  background-color: #b5363c;
}
.recruitment-card:hover .recruitment-name {
  color: #ffffff;
}
.recruitment-card:hover .require div {
  color: #ffffff;
}
.recruitment-card:hover .recruitment-more {
  color: #ffffff;
}
.recruitment-card:hover .lo {
  background-image: url("../images/lo2.png");
}
.recruitment-card:hover .ba {
  background-image: url("../images/ba2.png");
}
.recruitment-card:hover .st {
  background-image: url("../images/st2.png");
}
.recruitment-card:hover .recruitment-more span {
  transform: rotate(90deg);
}
.reqwerwq .recumore-card {
  max-height: 1000px;
  opacity: 1;
}
.reqwerwq .recruitment-card {
  border-radius: 1rem 1rem 0 0;
  background-color: #b5363c;
}
.reqwerwq .recruitment-card .recruitment-name {
  color: #ffffff;
}
.reqwerwq .recruitment-card .require div {
  color: #ffffff;
}
.reqwerwq .recruitment-card .recruitment-more {
  color: #ffffff;
}
.reqwerwq .recruitment-card .lo {
  background-image: url("../images/lo2.png");
}
.reqwerwq .recruitment-card .ba {
  background-image: url("../images/ba2.png");
}
.reqwerwq .recruitment-card .st {
  background-image: url("../images/st2.png");
}
.reqwerwq .recruitment-card .recruitment-more span {
  transform: rotate(90deg);
}
.inverstbody {
  width: 100%;
  padding-top: 6.25rem;
  padding-bottom: 8.75rem;
  background-color: #f5f6f7;
}
.investorrelations {
  width: 88rem;
  border-radius: 1.25rem;
  box-shadow: 0rem 0rem 1.25rem 0rem rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  background-color: #fff;
}
.investorrelations p {
  margin: 0;
}
.invertop {
  padding-top: 6.125rem;
  margin-left: 6.813rem;
}
.investor-title {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 3rem;
  line-height: 3rem;
  color: #000000;
}
.invetb {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #333333;
  margin-top: 2rem !important;
}
.hgbgbgb img{
    transform: scale(0.8);
}
.inverbottom {
  margin-left: 6.813rem;
  margin-top: 3rem;
  padding-bottom: 7.875rem;
}
.inverbottom img {
  width: 1rem;
  height: 1rem;
  display: block;
  margin-right: 1.313rem;
}
.inverbottom div {
  display: flex;
  font-size: 1.25rem;
  align-items: center;
  padding: 2.5rem 0;
  margin-right: 6.875rem;
  border-top: 0.063rem solid #dddddd;
}
.inverbottom div:nth-child(1) {
  border-top: 0;
  font-size: 1.5rem;
}
.inverbottom div:nth-child(2), .inverbottom div:nth-child(3) {
  font-weight: 600;
}
.contact {
  width: 100%;
  background-color: #f5f6f7;
}
.contact-top {
  width: 87.5rem;
  margin: 0 auto;
}
.contact-title {
  font-size: 3rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  line-height: 3rem;
  color: #000000;
  padding-top: 7.625rem;
  padding-bottom: 2.75rem;
  border-bottom: 0.125rem solid #dddddd;
}
.contact-t-list {
  display: flex;
}
.contact-t-card {
  flex: 0 0 33.33%;
  display: flex;
  padding-top: 5.18rem;
  padding-bottom: 4.5rem;
}
.ctc-div {
  width: 3.75rem;
  height: 3.75rem;
  flex-shrink: 0;
  background-color: #b5363c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ctc-div img {
    object-fit: contain;
  display: block;
  max-width: 1.75rem;
  max-height: 2rem;
}
.ctc-p {
  margin: 0;
  margin-left: 1.438rem;
  margin-right: 6rem;
}
.ctc-p p:nth-child(1) {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin: 0;
  color: #000000;
}
.ctc-p p:nth-child(2) {
  margin-top: 1rem !important;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1.125rem;
  line-height: 1.875rem;
  margin: 0;
  color: #333333;
}
.contact-bottom {
  width: 87.5rem;
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: 0rem 0rem 1.25rem 0rem rgba(0, 0, 0, 0.1);
  border-radius: 1.25rem;
}
.cb-titlw {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 2.25rem;
  line-height: 2.25rem;
  color: #000000;
  padding-top: 4rem;
  margin: 0;
  margin-left: 5rem;
}
.cb-card {
  display: flex;
  border-top: 0.125rem solid #eeeeee;
  padding-top: 3.5rem;
  margin-top: 3.875rem;
  margin-left: 5rem;
  margin-right: 5rem;
}
.cb-card:nth-child(2) {
  border-top: 0 !important;
  padding-top: 0;
  margin-top: 2.815rem;
}
.map {
  width: 36.25rem;
  height: 22.5rem;
  flex-shrink: 0;
  background-color: #b5363c;
  border-radius: 0.625rem;
  overflow: hidden;
  margin-right: 5.375rem;
}
.map img {
  width: 100%;
  height: 100%;
}
.m-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mme-t {
  display: flex;
  align-items: center;
  width: 33.75rem;
}
.mme-b {
  margin-top: 2rem;
  border-top: 0.063rem solid #eeeeee;
}
.mme-b p:nth-child(1) {
  margin: 0;
  margin-top: 3.125rem;
  font-size: 1.5rem;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  line-height: 1.5rem;
  color: #000000;
}
.mme-b p:nth-child(2) {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1.125rem;
  line-height: 2.25rem;
  margin: 0;
  margin-top: 1rem;
  color: #333333;
}
.mmet-img img {
  height: 4.2rem;
  display: block;
}
.mmet-p {
  display: flex;
}
.uthuth{
    letter-spacing: 3rem;
    transform: translateX(-1rem);
}
.jjghgj{
}
.mmet-p p {
  margin: 0;
  color: #b5363c;
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 3rem;
  line-height: 3rem;
}
.alpo-card{
    height: auto;
    border-left: 0;
    padding-left: 0;
    align-items: center;
    gap: 1rem;
}
.mmet-p span {
  /*font-family: "MicrosoftYaHei", sans-serif;*/
  font-size: 1.5rem;
  color: #b5363c;
  margin-top: auto;
  margin-left: -2rem;
}
.mini-nav {
  transition: all 0.3s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #fff;
  border-bottom: 1px solid #f5f6f7;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.mini-nav a {
  transition: all 0.3s ease-in-out;
  margin-left: 15px;
  text-decoration: none;
  display: block;
  color: red;
}
.mini-nav-more {
  transition: all 0.3s ease-in-out;
  display: inline-block;
  cursor: pointer;
  background: transparent;
  border: none;
  position: relative;
  padding: 10px;
  z-index: 999999;
  margin-left: auto;
  margin-left: auto;
  margin-right: 5px;
}
.mini-nav-more span {
  transition: all 0.3s ease-in-out;
  display: block;
  width: 25px;
  height: 3px;
  margin-bottom: 4px;
  position: relative;
  background: #000;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0;
}
.mini-nav-more span:first-child {
  transform-origin: 0 0;
}
.mini-nav-more span:nth-child(2) {
  transform-origin: 0 50%;
}
.mini-nav-more span:last-child {
  transform-origin: 0 100%;
}
.nav-more {
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  opacity: 0;
}
.nav-more-active {
  transition: all 0.3s ease-in-out;
  transform: translateX(0);
  opacity: 1;
}
.nav-more a {
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: #333333;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 15px;
  padding: 15px 0;
  opacity: 0;
  transform: translateY(30px);
  will-change: opacity, transform;
}
.nav-more a:nth-child(2) {
  letter-spacing: 2rem;
}
.nav-more-back {
  transition: all 0.3s ease-in-out;
  position: relative;
  height: 60px;
  cursor: pointer;
}
.nav-more-back span {
  transition: all 0.3s ease-in-out;
  margin-left: auto;
  display: block;
  width: 25px;
  height: 3px;
  margin-bottom: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  background: #000;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0;
  transform-origin: center center;
}
.nav-more-back span:first-child {
  transform: rotate(45deg);
}
.nav-more-back span:nth-child(2) {
  transform: rotate(-45deg);
}
.animatenav {
  transition: all 0.3s ease-in-out;
  animation: fadeInDown 0.3s ease forwards;
  animation-delay: calc(0.1s * var(--index));
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.product-list {
  width: 100%;
  padding-top: 5.938rem;
  padding-bottom: 10.313rem;
  background-color: #f5f6f7;
}
.product-list-body {
  width: calc(100% - 20rem);
  margin: 0 10rem;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: flex-start;
}
.product-list-body .pal-card {
  flex: 0 0 calc((100% - 100px)/3);
  overflow: hidden;
}
.product-list-body .pal-card-img, .product-list-body .pal-card-div {
  width: 100%;
  height: auto;
  aspect-ratio: 1.9230769231;
}
.pal-card {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.pal-card img {
  transition: all 0.3s ease-in-out;
}
.pal-card:hover img {
  transform: scale(1.03);
}
.pal-card:hover .palcd-p1 {
  color: #b5363c !important;
}