@charset "utf-8";
/* CSS Document */

/*===========================header=============================*/

* {
  -webkit-tap-highlight-color: transparent;
}

#header,
#nav ul li h3,
.top_menu {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.nei #header {
  opacity: 1;
}

#header {
  z-index: 999;
  height: 5.5rem;
  width: 100%;
  opacity: 0;
  position: fixed;
  background: #fff;
  top: 0;
  z-index: 998;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  display: block !important;
  box-shadow: 5px 0px 16px 0px rgba(0, 0, 0, 0.06);
}

#header.act {
  animation: forwards fadeInDown 1s;
  opacity: 1;
}

#header>.m {
  padding: 0 50px;
  display: flex;
  height: 100%;
  max-width: 100%;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  position: static;
}

#header .left {
  display: flex;
  align-items: center;
}

.menu-nav {
  margin-right: 2.375rem;
  width: 2.25rem;
}

#header .dw {
  display: flex;
  align-items: center;
  position: relative;
}

#header .dw div {
  overflow: hidden;
}

#header .dw img {
  flex-shrink: 0;
  width: 159px;
  display: block;
}

#header .dw .anim01 {
  animation: mymove 4s infinite;
  -webkit-animation: mymove 4s infinite;
}

#header .dw .anim02 {
  animation: mymove1 4s infinite;
  -webkit-animation: mymove1 4s infinite;
}

#header .dw div:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@keyframes mymove {
  0% {
    transform: translateY(-70%);
  }

  25% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
  {
  0% {
    transform: translateY(-70%);
  }

  25% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

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

  25% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes mymove1

/*Safari and Chrome*/
  {
  0% {
    transform: translateY(70%);
  }

  25% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

.fp-viewing-page1 #gotop {
  display: none;
}

#gotop {
  position: fixed;
  right: 2.375rem;
  bottom: 5rem;
  z-index: 996;
  cursor: pointer;
  overflow: hidden;
  height: 5.625rem;
  transition: .5s;
}

#gotop span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 50%;
  background: #fff;
  border: 4px solid #b42d34;
}

#gotop.hide {
  height: 0;
}

#gotop span i {
  font-size: 2rem;
  color: #b42d34;
}

#header .left i {
  display: block;
  width: 1px;
  height: 46px;
  background: #d7d7d7;
  margin: 0 15px 0 18px;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 1rem !important;
  height: 1rem !important;
  margin: 14px 0 !important;
  transition: all .5S;
}

#fp-nav ul li a {
  width: 11px !important;
  height: 11px !important;
  border: 2px solid #d6d3d4 !important;
  border-radius: 50%;
  transition: all .5S;
}

#fp-nav ul li span {
  background: transparent !important;
  transition: all .5S;
}

#fp-nav ul li a.active {
  width: 1rem !important;
  height: 1rem !important;
  border: 5px solid #b71f23 !important;
  background: #fff;
}

.logo {
  flex-shrink: 0;
}

.logo a {
  display: flex;
  height: 100%;
  align-items: center;
}

.logo img {
  width: 13.75rem;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

#nav {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 10rem;
}

#nav ul {
  display: flex;
  flex-grow: 1;
  max-width: 1050px;
}

#nav ul li {
  float: left;
  position: relative;
  z-index: 0;
  flex-grow: 1;
  text-align: center;
}

#nav ul li a {
  display: block;
  text-transform: uppercase;
  font-size: 0;
}

#nav ul li h3 {
  font-size: 1.0625rem;
  color: #000000;
  line-height: 5.5rem;
  text-align: center;
  position: relative;
  1font-weight: bold;
  z-index: 1;
  display: inline-block;
}

#nav ul li.on h3,
#nav ul li:hover h3 {}

#nav ul li h3:before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0px;
  left: 0;
  background: #b42d34;
  transition: 0.3s ease-in-out;
  transform: scaleX(0);
  transform-origin: center;
}

#nav ul li.on h3:before,
#nav ul li:hover h3:before {
  opacity: 1;
}

#nav li .sub {
  position: absolute;
  position: absolute;
  padding-top: 0.5rem;
  left: 50%;
  top: 100%;
  z-index: 999;
  transform-origin: 0 0 0;
  transform: translateY(10px) translateX(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}

#nav li .sub .box {
  padding: 0;
  text-align: left;
  background: #fff;
  /* min-width: 120px; */
  padding: 1rem 1.5rem;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px #3333334d;
}

#nav li .sub a {
  padding: 0;
  line-height: 2.25rem;
  transition: 0.3s;
  font-size: 0.9375rem;
  color: #505050;
  white-space: nowrap;
  text-align: center;
  border-bottom: 1px solid rgb(124 120 120 / 30%);
}

#nav li .sub a:last-child {
  border-bottom: none;
}

#nav li .sub a:hover {
  color: #b42d34;
}

#nav li:hover .sub {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px) translateX(-50%);
}

.top_menu_box {
  display: flex;
  margin-left: 1.25rem;
  gap: 1.75rem;
  position: absolute;
  right: 0;
  width: 9rem;
  background: #b42d34;
  height: 100%;
  top: 0;
  align-items: center;
  justify-content: center;
}

.top_menu_box .top_menu {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  ;
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: bold;
  color: #fff;
  gap: 12px;
}

.top_menu_box .btn_phone {
  font-family: SWIS721CNBT_BOLD;
}


.top_menu_box .top_menu i {
  flex-shrink: 0;
  color: #fff;
  font-size: 1.25rem;
}






#header.xg {
  height: 5rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

#header.xg #nav ul li h3 {
  line-height: 5rem;
  color: #333;
}

#nav ul li.on h3:before,
#nav ul li:hover h3:before {
  transform: scaleX(1);
}

#header.xg #logo .img01 {
  display: block;
}

#header.xg #logo .img02 {
  display: none;
}

#header.xg .top_menu_box .top_menu svg path {
  fill: #e50019 !important;
}

#header.xg .top_menu_box .top_menu span {
  color: #333;
}

#site_map_box {
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1000;
  transition: .5s;
  position: fixed
}

#site_map_box .bg_box {
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0
}

#site_map_box .box {
  width: 360px;
  position: relative;
  height: 100%;
  position: fixed;
  right: -360px;
  top: 0;
  background: url(../images/bg_site_map.png) center bottom no-repeat #fff;
  z-index: 9999;
  transition: all .6s;
}

#site_map_box .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  vertical-align: middle;
  line-height: 60px;
  padding: 0 30px;
  font-size: 16px;
  color: #fff;
  background: #db0018
}

#site_map_box .title a {
  -moz-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out
}

#site_map_box .title a:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg)
}

#site_map_box dl {
  height: 90%;
  overflow: auto
}

#site_map_box dd {
  padding: 22px 30px;
  border-bottom: 1px solid #ededed
}

#site_map_box dd:last-child {
  border-bottom: 0
}

#site_map_box dd h1 {
  font-size: 14px;
  color: #626262;
  line-height: 22px;
  margin-bottom: 6px
}

#site_map_box dd a {
  display: inline-block;
  font-size: 12px;
  padding-right: 20px;
  color: #878787;
  line-height: 24px
}

#site_map_box dd a:hover {
  color: #d83648
}

#site_map_box.act {
  opacity: 1;
  visibility: visible;
  transition: all .6s;
}

#site_map_box.act .bg_box {
  opacity: 1;
  visibility: visible
}

#site_map_box.act .box {
  right: 0;
}

#ascrail2000 {
  display: none !important
}

@media screen and (max-width:1450px) {
  #site_map_box .box {
    background: #fff
  }
}

.nav_hd {}

.nav_hd ul {
  display: grid;
  margin-top: -1.25rem;
}

.nav_hd li {}

.nav_hd li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0;
}

.nav_hd li h3 {
  color: #fff;
  font-size: 1.375rem;
}

.nav_hd li i {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav_hd li i svg {}

.nav_hd li.on i {
  opacity: 1;
  visibility: visible;
}

.nav_hd li:hover i {
  opacity: 1;
  visibility: visible;
}

.btn_more {
  display: flex;
  align-items: center;
}

.btn_more svg {
  margin-left: 0.5rem;
}

.btn_more:hover {
  color: #e50019;
}

.btn_more:hover svg path {
  fill: #e50019;
}

.nav_bd {}

.nav_bd ul {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1.5rem;
  row-gap: 1.875rem;
  grid-auto-rows: 7.5rem;
}

.nav_bd ul li {}

.nav_bd ul li a,
.zidh ul li a {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.nav_bd ul li a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #eaeaea;
  z-index: -1;
}

.nav_bd ul li a:after,
.zidh ul li a:after,
#zylvxm ul li a:after {
  content: '';
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  display: block;
  width: 0;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-image: -moz-linear-gradient(0deg,
      #ff0410 0%,
      rgba(175, 30, 40, 0) 100%);
  background-image: -webkit-linear-gradient(0deg,
      #ff0410 0%,
      rgba(175, 30, 40, 0) 100%);
  background-image: -ms-linear-gradient(0deg,
      #ff0410 0%,
      rgba(175, 30, 40, 0) 100%);
}

.nav_bd ul li .ico {
  margin-bottom: 0.5rem;
}

.nav_bd ul li .ico image {}

.nav_bd ul li h4 {}

.nav_bd ul li:hover a:after,
.zidh ul li:hover a:after,
.zidh ul li.on a::after,
#zylvxm ul li:hover a:after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.nav_bd .item {
  display: none;
}

.nav_bd .item.act {
  display: block;
}

/***********************/

/*手机导航开始*/
#m_header {
  display: none;
  height: 4.5rem;
  padding-right: 6rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 997;
  transition: 0s 1.5s;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

#m_header .m {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m_user {
  height: 4.5rem;
  line-height: 4.5rem;
  margin-right: 4rem;
  color: #999;
}

.m_user a {
  display: inline-block;
  margin: 0 0.625rem;
  color: #666;
}

.m_user a svg {
  width: 16px;
}

.m_user a:hover {
  color: #ff0000;
}

.m_user a:hover svg path {
  fill: #ff0000;
}

#m_logo {
  transition: 0s 1.5s;
  height: 100%;
  visibility: visible;
  float: left;
  display: flex;
  align-items: center;
}

#m_logo img {
  display: block;
  height: 25px;
}

.m_nav_list {
  /* flex-direction:column; */
  /* justify-content: flex-start; */
  width: 100%;
  /* overflow: auto; */
}

.m_nav_list::-webkit-scrollbar {
  display: none;
}


#m_nav {
  z-index: 998;
  position: fixed;
  background: #eef2f6;
  width: 100%;
  height: 100vh;
  right: 0;
  top: 0;
  display: none;
  padding: 50px 0;
  overflow: hidden;
  pointer-events: none;
  transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  display: block;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
}

#m_nav::-webkit-scrollbar {
  display: none;
}

#m_nav.act {
  pointer-events: auto;
  top: 0;
  visibility: visible;
  opacity: 1;
  z-index: 998;
}

#m_nav>ul>li {
  width: 80%;
  overflow: hidden;
  padding: 0 1rem;
  margin: 0 auto;
}

#m_nav>ul>li+li {
  border-top: 1px solid rgb(111 111 111 / 10%);
}

#m_nav li .a {}

#m_nav li .a h3 {
  line-height: 4.5rem;
  height: 4.5rem;
  color: #3d3d3d;
  padding: 0;
  font-size: 1.25rem;
  float: left;
  font-weight: bold;
}

#m_nav li .a span {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  height: 50px;
  text-align: center;
}

#m_nav li .a span i {
  font-size: 0;
}

#m_nav .title .a i {
  opacity: 1;
  filter: alpha(opacity=100);
  display: inline-block;
  width: 16px;
  height: 4.5rem;
  float: right;
  display: inline-block;
  background: url(../images/arrow_down.svg) center no-repeat;
  background-size: contain;
}

#m_nav li.on.title .a i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#m_nav .on.title .a i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#m_nav li {
  display: block;
  width: 100%;
}

.slide_nav {
  position: absolute;
  left: 0;
  height: 70px;
  z-index: 998;
  padding: 15px;
  top: 0;
  width: 100%;
}

#m_nav .title .list {
  display: none;
  position: relative;
  width: 100%;
  z-index: 9;
  left: 0;
  margin-left: 0;
  background: none;
  border: 0;
  clear: both;
  padding-bottom: 10px;
}

#m_nav .title .list span {
  background: none;
}

#m_nav .title .list span a:hover {
  color: #014085;
}

#m_nav .title .list a {
  display: block;
  font-size: 1.125rem;
  color: #666;
  text-align: left;
  line-height: 35px;
  height: 35px;
  border: 0;
}




.pub-close {

  position: absolute;

  width: 2.5rem;

  height: 2.5rem;

  z-index: 10;

  right: 3.125%;

  top: 1.35rem;

  background-color: rgba(0, 0, 0, .1);

  border-radius: 100%;

}



.pub-close .bg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #1c5ab7;

  transform: scale(0);

  border-radius: 100%;

  transition: transform .3s;

}



.pub-close i {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-position: center;

  background-size: 0.75rem;

  background-repeat: no-repeat;

  background-image: url(../images/close-btn.svg);

  transition: .6s
}



.pub-close i:hover {

  transform: rotate(180deg)
}



@keyframes spin {

  to {

    transform: rotate(1turn);

  }

}



@keyframes spin2 {

  to {

    transform: rotate(-1turn);

  }

}



@keyframes spin-reverse {

  from {

    transform: rotate(1turn);

  }

}



@keyframes spin-reverse2 {

  from {

    transform: rotate(-1turn);

  }

}



/*首页banner*/
#banner {
  position: relative;
}


.nextpage {
  bottom: 5%;
  right: 170px;
}

.nextpage a {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #b71f23;
}

#banner .m {
  height: 100%;
}

#banner video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  display: block;
}


#banner .swiper-container {
  height: 100vh;
  position: relative;
  z-index: 5;
}

#banner .swiper-slide {
  overflow: hidden;
}

#banner .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat !important;
}

#banner .swiper-slide.swiper-slide-active .slide-inner {
  animation: scaleUpDown 8s linear forwards;
  -webkit-animation: scaleUpDown 8s linear forwards;
}

#banner .txt * {
  opacity: 0
}

#banner .txt {
  color: #fff;
  height: 100%;
  padding: 0 9%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 10;
}

#banner .swiper-slide a {
  position: relative;
  z-index: 0;
}

#banner .swiper-slide a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.25);
}

#banner .swiper-slide h6 {
  color: #fff;
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
  position: relative;
  z-index: 0;
}

#banner .swiper-slide h6::before {
  content: '';
  position: absolute;
  width: 6.1875rem;
  height: 17px;
  background: #b54248;
  right: -.625rem;
  bottom: -4px;
  z-index: -1;
}

#banner .swiper-slide h4 {
  color: #fff;
  font-size: 3.75rem;
  line-height: 1.5;
}

#banner .swiper-slide p {
  color: #fff;
  font-size: 1.375rem;
  line-height: 2.5rem;
  margin-top: .25rem;
  position: relative;
  z-index: 0;
}

#banner .swiper-slide p::before {
  content: '';
  position: absolute;
  width: 6.1875rem;
  height: 17px;
  background: #cab07b;
  right: -.875rem;
  bottom: 6px;
  z-index: -1;
}

#banner .txt div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  width: 11.5625rem;
  height: 3.9375rem;
  border-radius: .375rem;
  background: #b42d34;
  color: #eef6ff;
  font-size: 1.125rem;
  line-height: 1.875rem;
  margin-top: 3.75rem;
}

#banner .txt div i {
  color: #fff;
  font-size: 1rem;
  opacity: 1;
}

#banner .swiper-slide.swiper-slide-active h6 {
  animation: enter 1.2s forwards 0.2s;
}

#banner .swiper-slide.swiper-slide-active h4 {
  animation: enter 1.2s forwards 0.3s;
}

#banner .swiper-slide.swiper-slide-active p {
  animation: enter 1.2s forwards 0.4s;
}

#banner .swiper-slide.swiper-slide-active .txt div {
  animation: enter 1.2s forwards 0.5s;
}


@-webkit-keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }

  20% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px)
  }
}

@keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }

  20% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px)
  }
}


@-webkit-keyframes scaleUpDown {
  from {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleUpDown {
  from {
    transform: scale(1.3);
    transform: scale(1.3);
  }

  to {
    transform: scale(1);
    transform: scale(1);
  }
}

#banner .mouse {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 67px;
  text-align: center;
  z-index: 50;
}

.mouse span {
  display: inline-block;
  width: 26px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 12px;
  margin: auto;
  position: relative;

}

.mouse span:before {
  content: "";
  width: 2px;
  height: 7px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 4px;
  animation-delay: 0ms;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}

.mouse b {
  display: block;
  text-align: center;
  line-height: 1;
  margin-top: 4px;
  font-weight: normal;
  color: #fff;
  font-size: .9375rem;
  line-height: 1.875rem;
}

@-webkit-keyframes arrow {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
  }

  33% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 10px, 0px);
  }

}



@keyframes arrow {

  0% {
    opacity: 0;
    transform: translate3d(0px, 0px, 0px);
  }

  33% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(0px, 10px, 0px);
  }

}

.swiper-buttonbox {
  position: absolute;
  width: 7.25rem;
  height: 3.625rem;
  border: 2px solid #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  bottom: 10%;
  left: 16%;
  z-index: 10;
}

.swiper-buttonbox::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}

.swiper-buttonbox .swiper-button-white {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 0;
  transition: all .5s;
}

.swiper-buttonbox .prevba {
  left: 0;
  right: auto;
}

.swiper-buttonbox .nextba {
  right: 0;
  left: auto;
}

.swiper-buttonbox .swiper-button-white:hover {
  background: #fff;
}

.swiper-buttonbox .swiper-button-white i {
  transition: all .5s;
  color: #fff;
  font-size: 1.25rem;
}

.swiper-buttonbox .swiper-button-white:hover i {
  color: #b7282e;
}


#banner .swiper-pagination {
  bottom: 10%;
  max-width: 1600px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  left: 50%;
  transform: translate(-50%, 0);
}

#banner .swiper-pagination-bullet {
  width: 2.1875rem;
  height: 5px;
  background: #fff;
  opacity: 1;
  margin: 0 5.5px;
  transition: all .5s;
  border-radius: 0;
}

#banner .swiper-pagination-bullet-active {
  background: #b7282e;
  width: 3.9375rem;
}


.fullPage section {
  position: relative;
  overflow: hidden;
}

.section .m {
  height: auto;
}



.s_tit {
  text-align: center;
}

.s_tit p {
  font-family: ROBOTO-REGULAR;
  color: #b42d34;
  font-size: 1.5rem;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: bold;
}

.s_tit h5 {
  color: #333333;
  font-size: 3rem;
  line-height: 1.25;
  font-weight: bold;
}
.s_zhuanye .s_tit h5{
  color: #fff;
}
.s_zhuanye .s_tit {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 30%;
  z-index: 10;
}

.s_zhuanye .zybox {
  position: relative;
  height: 100vh;
}

.s_zhuanye #s_zy {
  /* margin: 0 auto; */
  /* width: 90rem; */
  /* max-width: 64.79%; */
}
.s_zhuanye #s_zy .img{
  position: relative;
}
.s_zhuanye #s_zy .img::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .3);
  z-index: 1;
}
.s_zhuanye #s_zy .img img {
  width: 100%;
  display: block;
  object-fit: cover;
}


.s_zhuanye #s_zy .img_db:after {
  padding-top: 56.67%;
}

.s_zhuanye #s_zy {
  overflow: visible;
}

.s_zhuanye #s_zy .swiper-slide::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  transition: all .5s;
  opacity: 1;
}

.s_zhuanye #s_zy .swiper-slide.swiper-slide-active::before {
  opacity: 0;
}


.s_zhuanye .dotbox {
  position: absolute;
  bottom: 8.4375rem;
  left: 0;
  width: 100%;

}

.dotbox .m {
  display: flex;
  justify-content: flex-end;

}

.s_msbox {
  z-index: 3;
  width: 41.5625rem;
  max-width: 100%;
  height: 24.0625rem;
  background: url(../images/s_msboxbg.png) center no-repeat;
  background-size: cover;
  border-radius: .625rem;
  padding: 4.6875rem 3.75rem 5rem;
  margin-right: 8.75rem;
}

#s_ms {
  overflow: hidden;
  height: 100%;
}

#s_ms .sms-sub-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}

#s_ms .sms-sub-box h5 {
  color: #ffffff;
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}

#s_ms .sms-sub-box p {
  color: #fff;
  font-size: .9375rem;
  line-height: 1.625rem;
}

#s_ms .sms-sub-box a {
  display: flex;
  align-items: center;
  gap: .625rem;
  color: #fff;
  font-weight: bold;
  font-size: .875rem;
  line-height: 2rem;
  text-transform: uppercase;
}

#s_ms .sms-sub-box a i {
  color: #fff;
  font-size: 1.875rem;
}

#s_ms .swiper-button-white {
  bottom: 0;
  right: 0;
  top: auto;
  margin: 0;
}

#s_ms .swiper-button-white i {
  color: #fff;
  font-size: 1.5rem;
}

#s_ms .sms_prev {
  right: 3.5rem;
  left: auto;
}

#s_ms .sms_next i {
  transform: rotate(180deg);
}

.s_about {
  background: url(../images/page3bg.jpg) center no-repeat;
  background-size: cover;
}

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

.s_about .m .aboutleft .s_tit {
  text-align: left;
}

.s_about .m .aboutleft .s_tit h5 {
  font-weight: bold;
}

.s_about .m .aboutleft {
  max-width: 51.875rem;
}

.s_about .m .aboutleft>p {
  color: #3a3838;
  font-size: 1rem;
  line-height: 2.1875rem;
  margin: 4.5rem 0 7.5rem;
}

.tsmore {
  width: 10rem;
  height: 3.3125rem;
  background: #fff;
  border-radius: 1.875rem;
  color: #000000;
  font-size: .9375rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-left: 1rem;
  transition: all .5s;
}

.tsmore:hover {
  background: #b7282e !important;
  color: #fff;
}

.tsmore:hover i {
  transform: rotate(270deg);

}


.tsmore:hover div {
  left: 0;
}

.tsmore div {
  position: absolute;
  width: 3.3125rem;
  border-radius: 50%;
  background: #b7282e;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -1rem;
  transition: all .5s;
}

.tsmore div i {
  color: #fff;
  font-size: 1.375rem;
  transform: rotate(225deg);
  transition: all .5s;
}

.s_about .m .aboutright {
  display: grid;
  1grid-template-columns: 1fr 1fr;
  gap: 7rem 8.75rem;
}

.s_about .m .aboutright i,
.hzintro .sjgd li i {
  color: #343434;
  font-size: 2rem;
  margin-bottom: .5rem;
}

.s_about .m .aboutright .counter {
  color: #b42d34;
  font-family: HELVETICANEUELTPRO-HVCN;
  font-size: 3.75rem;
  line-height: 1.25;
}

.s_about .m .aboutright li div,
.hzintro .sjgd li div {
  color: #000000;
  font-size: 1rem;
  line-height: 1.875rem;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.s_about .m .aboutright em,
.hzintro .sjgd li em {
  color: #b7282e;
  font-size: 1.875rem;
  line-height: 1.5;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 3rem;
}


.s_team {
  background: url(../images/page4bg.jpg) center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.s_team .m,
.s_newcenter .m,
.s_three .m {
  padding-top: 5rem;
}

.s_team .teambox {
  position: relative;
  max-width: 82.5rem;
  margin: 3rem auto 5rem;
}

.s_team #team .img_db:after ,
.n_teamfc .team_ul a .img_db:after {
 1 padding-top: 129.17%; padding-top:100%;
}


.s_team #team .swiper-slide a ,
.n_teamfc .team_ul a{
  display: block;
  border-radius: .375rem .375rem 0 0;
  overflow: hidden;
}

.s_team #team .img p ,
.n_teamfc .team_ul a .img p {
  color: rgba(255, 255, 255, .8);
  font-size: 13px;
  line-height: 1.5rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 6.5rem 1.625rem 1.125rem;
  background: url(../images/teambg.png)no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all .5s;
}

.s_team #team .teacon ,
.n_teamfc .team_ul a .teamcon {
  background: #fff;
  padding: 1.5rem;
  1height: 6.25rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.s_team #team .teacon::before ,
.n_teamfc .team_ul a .teamcon::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #b42d34;
  opacity: 0;
  transition: all .5s;
  bottom: 0;
}


.s_team #team .teacon h5 ,
.n_teamfc .team_ul a .teamcon h5 {
  color: #232323;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.s_team #team .teacon p ,
.n_teamfc .team_ul a .teamcon p {
  color: #59595d;
  font-size: .875rem;
  line-height: 1.125rem;
  margin-top: 3px;
}


.s_team #team .swiper-slide:hover .img p ,
.n_teamfc .team_ul a:hover .img p {
  opacity: 1;
}

.s_team #team .swiper-slide:hover .teacon::before ,
.n_teamfc .team_ul a:hover .teamcon::before {
  opacity: 1;
}

.s_team .tsmore {
  margin: auto;
}


.s_team .teambox .swiper-button-white {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .1);
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 0;
  transition: all .5s;
}

.s_team .teambox .swiper-button-white i {
  color: #fff;
  font-size: 2rem;
  transition: all .5s;
}

.s_team .teambox .tea_prev {
  right: auto;
  left: -8.5rem;
}

.s_team .teambox .tea_next {
  left: auto;
  right: -8.5rem;
}

.s_team .teambox .tea_prev i {
  transform: rotate(180deg);
}

.s_team .teambox .swiper-button-white:hover {
  background: #fff;
}

.s_team .teambox .swiper-button-white:hover i {
  color: #000;
}


.s_newcenter {
  background: url(../images/page5bg.jpg) center no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}

.s_newcenter .s_newhead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  gap: 2rem;
}

.s_newhead .newtou {
  padding-left: 1.875rem;
  border-left: 2px solid #b7282e;
}

.s_newhead .newtou h4 {
  color: #383838;
  font-size: 2.8125rem;
  line-height: 1;
  font-weight: bold;
}

.s_newhead .newtou p {
  color: #b7282e;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin-top: 1.5rem;
}

.s_newcenter .tsmore {
  background: #eff0f3;
  width: 11.25rem;
}

.s_newcenter .s_newbox {
  display: grid;
  grid-template-columns: 30rem 1fr;

}


.s_newbox .s_nw {
  position: relative;
}

.s_newbox .s_nw .swiper-button-white {
  width: 3rem;
  height: 3rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  margin-top: 2rem;
  transition: all .5s;
}

.s_newbox .s_nw .swiper-button-white:hover {
  background: #b7282e;
}

.s_newbox .s_nw .swiper-button-white:hover .iconfont {
  color: #fff;
}

.s_newbox .s_nw .swiper-button-white .iconfont {
  color: #212121;
  font-size: 1.125rem;
}

.s_newbox .s_nw .snew_next {
  left: auto;
  right: 1.5rem;
}

.s_newbox .s_nw .snew_prev {
  left: auto;
  right: 5.5rem;
}


#nwc a {
  position: relative;
  display: block;
}

#nwc a .s_times {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 6.125rem;
  height: 5.75rem;
  background: rgba(180, 45, 52, 0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#nwc a .s_times h4,
.n_newcenter #hotnews a .s_times h4 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-family: ROBOTO-REGULAR;
}

#nwc a .s_times h6,
.n_newcenter #hotnews a .s_times h6 {
  font-size: .875rem;
  line-height: 1.5rem;
}


#nwc a .img_db:after {
  padding-top: 79.36%;
}

#nwc a .s_nwcon {
  padding: 2.625rem 1.875rem;
  display: flex;
  flex-direction: column;
  gap: .875rem;
  border: 1px solid #e9e9e9;
  border-right: none;
  border-radius: 0 0 0 .625rem;
}

#nwc a .s_nwcon h5 {
  color: #212121;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.875rem;
  transition: all .5s;
}

#nwc a:hover h5 {
  color: #b42d34;
}

#nwc a .s_nwcon p {
  color: #57525f;
  font-size: .875rem;
  line-height: 1.5rem;
}

.s_newbox .s_newlist {
  display: grid;
  border: 1px solid #e9e9e9;
  background: #fff;
  border-radius: 0 .625rem .625rem .0;
}

.s_newbox .s_newlist li a {
  padding: 1rem 2.25rem;
  width: 100%;
  display: flex;
  align-items: center;
}

.s_newbox .s_newlist li .newlistime {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.s_newbox .s_newlist li .newlistime h4 {
  color: #b42d34;
  font-family: ROBOTO-REGULAR;
  font-size: 2.5rem;
  line-height: 3.125rem;
}

.s_newbox .s_newlist li .newlistime p {
  color: #b7b5c5;
  font-family: ROBOTO-REGULAR;
  font-size: 1rem;
  line-height: 1.5;
}

.s_newbox .s_newlist li a .img {
  max-width: 12rem;
  width: 100%;
  border-radius: 0.375rem;
  margin: 0 2.5rem 0 2.25rem;
}

.s_newbox .s_newlist li a .img_db:after {
  padding-top: 79.17%;
}

.s_newbox .s_newlist li a .s_nwlistcon h5 {
  color: #212121;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin-bottom: 0.625rem;
  transition: all .5s;
}


.s_newbox .s_newlist li a:hover h5 {
  color: #b42d34;
}

.s_newbox .s_newlist li a .s_nwlistcon p {
  color: #57525f;
  font-size: .875rem;
  line-height: 1.5rem;
}

.s_newbox .s_newlist li a {
  border-bottom: 1px solid #e9e9e9;
}

.s_newbox .s_newlist li:last-child a {
  border-bottom: none;
}


.s_three #s_sanpt .img_db:after {
  padding-top: 116.431%;
}


.s_three #s_sanpt a {
  display: block;
  position: relative;
  border-radius: .625rem;
  overflow: hidden;
}

.s_three #s_sanpt a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  opacity: 1;
  transition: all .5s;
}


.s_three #s_sanpt a .s_ziyuan {
  position: absolute;
  width: 100%;
  padding: 5rem 4.375rem;
  left: 0;
  bottom: 0;
  z-index: 5;
}


.s_three #s_sanpt a .s_ziyuan h5 {
  color: #fff;
  font-size: 1.875rem;
  line-height: 1.5
}

.s_three #s_sanpt a .s_ziyuan p {
  color: rgba(255, 255, 255, .7);
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 4px 0 2.25rem;
}

.s_three #s_sanpt a .s_ziyuan div {
  width: 8.75rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, .8);
  transition: all .5s;
}

.s_three #s_sanpt a .s_ziyuan div i {
  font-size: 1rem;
  color: #f0f0f6;
}

.s_three #s_sanpt a:hover::before {
  opacity: 0;
}

.s_three #s_sanpt a:hover .s_ziyuan div {
  background: #b42d34;
}


.s_advice {
  background: url(../images/page7bg.jpg) center no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}

.s_advice .s_lyfw ,
.n_lawzx .n_lyfw , 
.n_coophz .n_lyfw {
  display: grid;
  grid-template-columns: 27.5rem 1fr;
  gap: 13.125rem;
}
.hour24hz h5 {
  color: #000;
  font-weight: bold;
  line-height: 2.5rem;
  font-size: 2.25rem;
}

.hour24hz p {
  color: #000000;
  font-size: .9375rem;
  line-height: 1.375rem;
  margin-top: .875rem;
}

 .hour24 {
  display: flex;
}

 .hour24 .iconfont {
  font-size: 2.25rem;
  margin-right: 3px;
  flex-shrink: 0;
  color: #6b6b6b;
}

.hour24 span {
  color: #6b6b6b;
  font-size: .875rem;
  line-height: 1rem;
}

.hour24 h6 {
  color: #b42d34;
  font-size: 1.625rem;
  line-height: 1.25;
  font-weight: bold;
  font-family: Arial;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.875rem;
}


.hour24 {
  margin: 2.5rem 0 4.375rem;
}

 .lyewmbox {
  display: flex;
  align-items: center;
  gap: 1.4375rem;
}

.lyewmbox div {
  padding: 3px;
  border: 1px solid #e3e0e0;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  width: 10.1875rem;
  height: 10.8125rem;
}

 .lyewmbox div p {
  color: rgba(0, 0, 0, 0.7);
  font-size: .875rem;
  line-height: 1.5;
}


 .lyfw_right {
  background: #fff;
  padding: 3.875rem 3rem;
  border-radius: .625rem;
}

 .lyfw_right ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.1875rem 1.5rem;
}

.lyfw_right ul li {
  position: relative;
  border: 1px solid #e1e3e4;
  border-radius: .375rem;
  display: flex;
  align-items: center;
  gap: .25rem;
  padding-left: 6px;
  overflow: hidden;
}

 .lyfw_right ul li:nth-child(3) {
  grid-column-start: 1;
  grid-column-end: 3;
  padding-top: 1rem;
  align-items: flex-start;
}

 .lyfw_right ul li:nth-child(3) textarea {
  height: 7.1875rem;
  line-height: 2.25rem;
  width: 100%;
  font-size: 1rem;
}

 .lyfw_right ul li div {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}

 .lyfw_right ul li div i {
  color: #b7282e;
  font-size: 1rem;
  line-height: 2.25rem;
}

 .lyfw_right ul li div p {
  color: #414141;
  font-size: 1rem;
  line-height: 2.25rem;
}

 .lyfw_right ul li input {
  width: 100%;
  height: 3.625rem;
  line-height: 2.25rem;
  font-size: 1rem;
}

 .lyfw_right ul li .yzm {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 1rem;
}

.lyfw_right ul li:last-child {
  grid-column-start: 1;
  border: none;
  height: 3.625rem;
  padding-left: 0;
}

 .lyfw_right ul li:last-child button {
  width: 18.125rem;
  background: #b42d34;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 2.25rem;
  border: none;
  border-radius: .625rem;
  height: 100%;
}




#foot {
  background: #b42d34;
  position: relative;
  z-index: 10;
}


#foot::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background: url(../images/memoryMainBg.png)center no-repeat;
  background-size: cover;
  height: 13.625rem;
}

.foot_nav {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}

#foot .box1 {
  border-bottom: 1px solid #c54248;
}

#foot .box2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
  padding-top: 2.25rem;
  padding-bottom: 3.125rem;
}

#foot .box2 .foot_phone {
  display: flex;
  align-items: center;
  gap: .625rem;
  margin-bottom: 1.625rem;
}

#foot .box2 .foot_phone h6 {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: HELVETICANEUELTPRO-HVCN;
  color: #fff;
  font-size: 2.125rem;
  line-height: 1.25;
}




.foot_nav dl {
  color: #fff;
}

.foot_nav dd {
  font-size: .875rem;
  line-height: 2.25rem;
  color: rgba(255, 255, 255, .5);
  transition: .5s;
}

.foot_nav dt {
  font-size: 1.2rem;
  line-height: 1.125rem;
  padding-bottom: .625rem;
  margin-bottom: 2rem;
  position: relative;
  display: inline-block;
  color: #fff;
  font-weight: bold;
}

.foot_nav dd:hover {
  color: #fff;
}

#foot .box2 .m {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#foot .box2_slide_nav {
  display: inline-flex;
  align-items: center;
  gap: 1.875rem;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  margin-bottom: 1.125rem;
}

#foot .box2_slide_nav li {
  padding-bottom: 1rem;
  color: rgba(255, 255, 255, .6);
  font-size: 1rem;
  line-height: 1.125rem;
  transition: all .5s;
  position: relative;
}

#foot .box2_slide_nav li::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  bottom: -1px;
  left: 0;
  opacity: 0;
  transition: all .5s;
}

#foot .box2_slide_nav li.on {
  color: #fff;
}

#foot .box2_slide_nav li.on::before {
  opacity: 1;
}

#foot .box2_slide_for .li div {
  display: flex;
  align-items: center;
  gap: .625rem;
  color: #fff;
  font-size: .9375rem;
  line-height: 1.125rem;
}

#foot .box2_slide_for .li div a {
  flex-shrink: 0;
}

.slide_for {
  position: relative;
}

.slide_for .li {
  position: relative;
  transition: .5s;
  opacity: 1;
  visibility: visible;
}


 .slide_for .li+.li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
} 

.slide_for .li.hide {
  opacity: 0;
  visibility: hidden;
}


#foot .box2_slide_for i {
  color: #fff;
  font-size: 1.375rem;
}


#foot .box2-right ul {
  display: flex;
  align-items: center;
  gap: 12px;
}

#foot .box2-right ul li {
  width: 3rem;
  height: 3rem;
  border-radius: .3125rem;
  background: #c54248;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .5s;
}

#foot .box2-right ul li i {
  color: rgba(255, 255, 255, .6);
  font-size: 1.25rem;
  transition: all .5s;
}

#foot .box2-right ul li:hover {
  background: #fff;
}

#foot .box2-right ul li:hover i {
  color: #b42d34;
}

#foot .box2-right .brtop {
  display: flex;
  align-items: center;
  gap: 11px;
}

.foot_link {
  width: 390px;
  max-width: 100%;
}

.foot_link dl {
  position: relative;
}

.foot_link dt {
  height: 3.125rem;
  padding: 0 .9375rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.foot_link dt h6 {
  font-size: .875rem;
  color: #fff;
  line-height: 1.3125rem;
  display: flex;
}

.foot_link dt h3 svg {
  display: inline-block;
  margin-right: 1rem;

}

.foot_link dt i {
  font-size: 1.875rem;
  color: #fff;
  transform: rotate(180deg);
  transition: all .5s;
}

.foot_link dt.on i {
  transform: rotate(0deg);
}

.foot_link dt span {
  flex-grow: 1;
}

.foot_link dd {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 3.125rem;
}

.foot_link dd:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #c54248;
  z-index: -1;
}

.foot_link dd .box {
  padding: 1rem 1rem 0;
  display: none;
}

.foot_link dd .box a {
  display: block;
  color: rgba(255, 255, 255, .7);
  font-size: .875rem;
  line-height: 2;
  transition: .3s;
}

.foot_link dd .box a:hover {
  color: #fff;
}



.tc {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}

.tc.act {
  opacity: 1;
  visibility: visible
}

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

.tc_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}

.tc_close {
  position: absolute;
  right: .75rem;
  top: .75rem;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}

.tc_close:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg)
}

.tc_btn {
  cursor: pointer
}

.tc_ewm {
  width: 14rem;
  height: auto;
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 2rem 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.tc_ewm img {
  width: 10rem;
  height: 10rem;
  margin-bottom: 1rem
}

.tc_ewm p {
  font-size: .875rem !important;
  color: #333 !important;
  font-weight: bold
}

.tc_ewm div {
  font-size: .875rem !important;
  color: #999 !important
}



.copyright {
  font-size: .875rem;
  color: #f3f6fb;
  line-height: 1.3125rem;
  text-align: center;
  padding: 1.25rem 0 0;
}

.position {
  font-size: .9375rem;
  color: #747679;
  display: flex;
  align-items: center;
  height: 100%;
}



.position span,
.position a,
.position i {
  font-size: .9375rem;
  line-height: 1.625rem;
  color: rgba(0, 0, 0, 0.7);
  flex-shrink: 0;
  height: 100%;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
}

.position i {
  font-style: normal;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.position span {
  color: #b42d34;
  font-style: normal;
}

.position em {
  color: #b42d34;
  font-style: normal;
}

.position a:hover,
.position a:last-child {
  color: #b42d34;
}

.position a .ico {
  width: 4rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #ebeef1;
  border-right: 1px solid #ebeef1;
}

/* 移动端导航 */
#m_n_nav {
  display: none;
  line-height: 50px;
  position: relative;
  z-index: 9;
  width: 100%;
  background: #b42d34;
}

#m_n_nav .m {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#bnt_back {}

#bnt_back svg {
  fill: #fff;
  vertical-align: middle;
  max-width: 26px;
}

#m_n_nav i {}

#m_n_nav h1 {
  font-size: 15px;
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 50px;
}

#bnt_sub_nav {
  cursor: pointer;
  color: #fff;
  font-size: 18px;
}

#bnt_sub_nav svg {
  fill: #fff;
  height: 20px;
  vertical-align: middle;
  width: 20px;
}

#bnt_sub_nav img {
  display: block;
  height: 15px;
}

#bnt_sub_nav.on img {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#sub_nav_content {
  background: #f0f3f5;
  display: none;
  box-shadow: 0 0 5px #999;
  z-index: 9;
}

#sub_nav_content ul {
  padding: 10px;
}

#sub_nav_content ul li {
  display: block;
  line-height: 28px;
  margin: 1rem 0;
}

#sub_nav_content ul li a {
  display: block;
  border-left: 2px solid #3888e5;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 10px;
  color: #535455;
}

#sub_nav_content ul li.on a {
  color: #3888e5;
}

#sub_nav_content dl {
  font-size: 0;
  overflow: hidden;
  background: #fff;
  padding: 10px 0;
  border-bottom: 1px solid rgba(51, 51, 51, .2);
}

#sub_nav_content dl:last-child {
  border-bottom: none;
}

#sub_nav_content dt {
  position: relative;
  background: #fff;
  z-index: 999;
  display: inline-block;
  margin-bottom: 0;
  float: left;
  text-align: center;
}

#sub_nav_content dt a {
  margin: 0 24px;
  display: block;
  color: #5b5349;
  line-height: 30px;
  font-size: 15px;
  font-weight: 400;
  vertical-align: top;
}

#sub_nav_content dt a i {
  position: absolute;
  right: 15px;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}

#sub_nav_content dt a {}

#sub_nav_content dt.title {
  background: #fafafb;
}

#sub_nav_content dt.title i {
  opacity: 1;
  filter: alpha(opacity=100);
}

#sub_nav_content dt.title_on {
  background: #fafafb;
}

#sub_nav_content dt.title_on a {
  color: #3888e5;
  border-top: 1px solid #fff;
}

#sub_nav_content dt.title_on a i {
  color: #3888e5;
}

#sub_nav_content dt.last a {
  border-top: 1px solid #f8f8f8;
}

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
  color: #b42d34;
}

#sub_nav_content dd {
  display: none;
}

#sub_nav_content dd .box {
  padding: 0px 0px 0px 0px;
}

#sub_nav_content dd a {
  padding: 0 25px;
  line-height: 30px;
  border-top: 1px solid #e7e7e7;
  font-size: 12px;
  color: #5b5349;
  display: block;
  height: 30px;
}

#sub_nav_content dd a.on {
  color: #3888e5;
}



.online_qs {
  position: fixed;
  left: 30px;
  bottom: 15%;
  z-index: 999;
  transition: .5s;
  -webkit-transition: .5s;
  border-radius: 2.5rem;
  padding: 1.25rem 0;
}


.n_banner {
  height: 24.375rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 5.5rem;
}

.n_banner::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/n_zhezhao.png)no-repeat;
  background-size: cover;
  left: 0;
  top: 0;
}


.n_banner>.m {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

}


.n_banner h6 {
  color: #fff;
  font-size: 2.25rem;
  line-height: 1.5;
  font-family: SOURCEHANSERIFCN-BOLD-2;
  text-align: center;
}



#pcnav {
  height: 5rem;
  border-bottom: 1px solid #eae9e9;
  background: #fff;
}

#pcnav .m {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.position a .ico {
  width: 5.5rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #b42d34;
}

.position a .ico i {
  color: #fff;
  font-size: 1.1rem;
}

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

.position .home {
  margin-right: 1.25rem;
}

.position>img {
  margin: 0 8px;
}

.n_nav {
  position: relative;
  height: 100%;
}

.n_nav ul {
  display: flex;
  align-items: center;
  height: 100%;
}

.n_nav li {
  display: block;
  flex-grow: 1;
  line-height: 4.5rem;
  z-index: 1;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.n_nav li::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 100%;
  background: #b42d34;
  transition: all .5s;
}

.n_nav li.on::before,
.n_nav li:hover::before {
  top: 0;
}


.n_nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  font-size: 1rem;
  line-height: 1.625rem;
  height: 100%;
  color: #000000;
  transition: all .5s;
  padding: 0 2.0625rem;
  position: relative;
  transition: all .5s;
}

.n_nav li.on a,
.n_nav li:hover a {
  color: #fff;
}


/* 最新动态 */

.n_newcenter .hotnew {
  background: #eaedf2;
}

.n_newcenter #hotnews a {
  display: block;
  overflow: hidden;
  border-radius: 0 0 0 .625rem;
  position: relative;
}

.n_newcenter #hotnews a .hotnewcon {
  background: #f6f6f6;
  padding: 2.5rem 2.25rem 2.5rem 1.5rem;
}

.n_newcenter #hotnews a .img_db:after {
  padding-top: 79.17%;
}

.n_newcenter #hotnews a .hotnewcon h5 {
  color: #212121;
  font-size: 1.125rem;
  line-height: 1.875;
  margin-bottom: .5rem;
  font-weight: bold;
}

.n_newcenter #hotnews a .hotnewcon p {
  color: #57525f;
  font-size: .875rem;
  line-height: 1.5rem;
  height: 3rem;
}

.n_newcenter #hotnews a .s_times {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 6.125rem;
  height: 5.75rem;
  background: rgba(180, 45, 52, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}

.n_newcenter #hotnews a:hover .s_times {
  background: #b42d34;
}

.hotlist ul {
  display: grid;
  gap: 1.875rem;
}

.hotlist ul li {
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}


.hotlist ul li::before {
  content: '';
  position: absolute;
  background: #b42d34;
  width: 0;
  transition: all .5s;
  height: 2px;
  left: 0;
  bottom: -1px;
  opacity: 0;
}

.hotlist ul li::after {
  content: '';
  position: absolute;
  background: url(../images/logoline.png)no-repeat;
  background-size: cover;
  width: 3.513rem;
  transition: all .5s;
  height: 2rem;
  left: 0;
  bottom: 0;
  opacity: 0;
}



.hotlist ul li a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.hotlist ul li a .hotime {
  flex-shrink: 0;
  margin-top: 1.875rem;
}

.hotlist ul li a .hotime h6 {
  color: #313131;
  font-family: POPPINS-REGULAR;
  font-size: 1.875rem;
  line-height: 1.5;
  transition: all .5s;
}

.hotlist ul li a .hotime span {
  color: #313131;
  font-family: POPPINS-LIGHT;
  font-size: .875rem;
  line-height: 1.25rem;
  transition: all .5s;
}

.hotlist ul li a .hotcon {
  margin: 1.875rem 5.625rem 0 3.75rem;
  width: 100%;
}

.hotlist ul li a .hotcon h5 {
  color: #212121;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: .875rem;
  transition: all .5s;
}

.hotlist ul li a .hotcon p {
  color: #57525f;
  font-size: .9375rem;
  line-height: 1.75rem;
  margin-bottom: 2.25rem;
}

.hotlist ul li a .hotcon div {
  border-radius: 50%;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
  border: 1px solid #c7c7c7;
}

.hotlist ul li a .hotcon div i {
  transition: all .5s;
  color: #b1b1b1;
  font-size: .75rem;
}

.hotlist ul li .img {
  max-width: 20rem;
  width: 100%;
}

.hotlist ul li .img_db:after {
  padding-top: 78.75%;
}

.hotlist ul li a:hover .hotime h6,
.hotlist ul li a:hover .hotime span,
.hotlist ul li a:hover .hotcon h5 {
  color: #b42d34;
}

.hotlist ul li a:hover .hotcon div {
  border: 1px solid #b42d34;
  background: #b42d34;
}

.hotlist ul li a:hover .hotcon div i {
  color: #fff;
}


.hotlist ul li:hover::before {
  opacity: 1;
  width: 56.25%;
}

.hotlist ul li:hover::after {
  opacity: 1;
  left: 54%;
}

.page {
  text-align: center;
  font-size: 0;
  width: 100%;
  overflow: hidden;
}

.page .box {
  margin: 6.25rem 0 0;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}

.page a {
  border: 1px solid #d2d5da;
  padding: 0 8px;
  min-width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
  color: rgba(51, 51, 51, 0.7);
  font-size: 14px;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
  border-radius: 4px;
}

.page .on {
  background: #b42d34;
  border: 1px solid #b42d34;
  color: #fff;
}



/* 铭瑞介绍 */

.n_hongzhen {
  background: url(../images/logobg.png)top right no-repeat;

}

.hzintro h5 {
  color: #333333;
  font-weight: bold;
  font-size: 2.25rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

.hzintro h6 {
  font-size: 1.5rem;
  line-height: 1.5;
}

.hzintro .eng {
  text-transform: uppercase;
  color: #333333;
  font-family: Roboto;
}

.hzintro .chn {
  color: #b42d34;
}

.hzintro .ar_article {
  margin: 2rem 0;
}

.hzintro .ar_article p {
  color: #333333;
  font-size: 1rem;
  line-height: 2.25rem;
}


.hzintro .sjgd {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  position: relative;margin-top: 66px;
}

.hzintro .sjgd::before {
  content: '';
  position: absolute;
  background: url(../images/kaoda.png)no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 8.125rem;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
}


.hzintro .sjgd .counter {
  color: #b42d34;
  font-family: HELVETICANEUELTPRO-HVCN;
  font-size: 3.75rem;
  line-height: 1.25;

}

.hzintro .sjgd li em {
  color: #b42d34;
}


.n_hongzhen .m .vsbox {
  display: grid;
  grid-template-columns: 44.6875rem 1fr;
  gap: 10px;
  margin-top: 3.75rem;
}

.n_hongzhen .m .vsbox a {
  border-radius: .875rem;
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.n_hongzhen .m .vsbox a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}

.n_hongzhen .m .vsbox .video_box a .img {
  height: 100%;
}

.vsbox .mask2,
.btn_video2 .mask3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.btn_video2 {
  width: 6.875rem;
  height: 6.875rem;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_video2 .mask3 img {
  animation: roll 3s infinite linear;
}

.videos img {
  display: block;
}

@-webkit-keyframes roll {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes roll {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

#comswiper {
  border-radius: .875rem;
  width: 100%;
  position: relative;
}

#comswiper .img_db:after {
  padding-top: 54.29%;
}

#comswiper .swiper-button-white {
  width: 2.8125rem;
  height: 5.625rem;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 0;
  transition: all .5s;
}

#comswiper .swiper-button-white:hover {
  background: #b42d34;
}


#comswiper .swiper-button-white:hover i {
  color: #fff;
}

#comswiper .swiper-button-white i {
  color: #d1d1d1;
  font-size: 1.5rem;
}

#comswiper .swiper-button-white.com_left {
  left: 0;
  right: auto;
}

#comswiper .swiper-button-white.com_right {
  right: 0;
  left: auto;
}


/* 铭瑞环境 */

.n_hzenvir {
  background: url(../images/hzenvirbg.png)0 2rem no-repeat;
}

.ph img {
  display: block;
}

.ph {
  margin: 0 5rem;
  padding-bottom: 9.6875rem;
}

.ph .phbox {
  position: relative;
}

.weizhi {
  position: absolute;
  width: 92.362%;
  bottom: 6.25rem;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
}

#gallery .swiper-slide .img_db:after {
  padding-top: 50.695%;
}

.weizhi .swiper-slide .img_db:after {
  padding-top: 49%;
}


#gallery .swiper-slide {
  border-radius: .625rem;
}

.ph .phbox .swiper-button-white {
  background: #b42d34;
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
}

.ph .phbox .swiper-button-white i {
  color: #fff;
  font-size: 1.25rem;
}

.ph .phbox .prevph i {
  transform: rotate(90deg);
}

.ph .phbox .nextph i {
  transform: rotate(-90deg);
}

.ph .phbox .prevph {
  right: auto;
  left: -5rem;
}

.ph .phbox .nextph {
  left: auto;
  right: -5rem;
}

#thumbs .thuname {
  width: 100%;
  height: 3.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  font-size: 1rem;
  line-height: 1.5;
  background: #f0f0f0;
}


#thumbs .gaoliang {
  position: absolute;
  background: url(../images/gaoliang.jpg)no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% + 1rem);
  bottom: -150%;
  transition: all .5s;
}

#thumbs .gaoliang h5 {
  color: #fff;
  font-size: 1.375rem;
  line-height: 2.25rem;
}

#thumbs .gaoliang p {
  font-size: 1rem;
  line-height: 2.25rem;
  color: #fff;
}

#thumbs {
  padding-top: 1.6875rem;
}

#thumbs .swiper-slide-thumb-active .gaoliang {
  bottom: 0;
}


/* 招贤纳士 */


.n_zhaopin,
.n_newxq {
  background: #eaedf2;
}


.n_zhaopin #list_slide {
  position: relative;
  display: grid;
  gap: .625rem;
}

.n_zhaopin #list_slide dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  height: 4.875rem;
  transition: all 0.5s;
  padding: 0 1.75rem;
  background: #f8f8f8;
  z-index: 0;
}

.n_zhaopin #list_slide dt::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background: #b42d34;
  transition: all .5s;
  z-index: -1;
}

#list_slide .fx {
  flex-grow: 1;
  justify-content: space-between;
}

.n_zhaopin #list_slide dt h4 {
  display: flex;
  align-items: center;
  gap: .875rem;
  width: 19rem;
  font-size: 1.25rem;
  line-height: 2.25rem;
  font-weight: bold;
  color: #403e3e;
  transition: padding 0.5s !important;
  -webkit-transition: padding 0.5s !important;
  -moz-transition: padding 0.5s !important;
  -ms-transition: padding 0.5s !important;
  -o-transition: padding 0.5s !important;
  flex-shrink: 0;
  white-space: nowrap;
}

.n_zhaopin #list_slide dt h3 {
  /* width: 100%; */
  color: rgb(64 62 62 / 70%);
  font-size: 1.0625rem;
  line-height: 2.25rem;
  overflow: hidden;
  display: grid;
  width: 70%;
  grid-template-columns: 1fr 1fr 1fr;
}

.n_zhaopin #list_slide dt h3 span {
  /* text-align: center; */
  transition: 0.5s;
}


.n_zhaopin #list_slide dt h4 .zpico i {
  color: #b42d34;
  font-size: 1.625rem;
}

.n_zhaopin #list_slide dl.on .zpico i {
  color: #ffffff;
}


.n_zhaopin #list_slide dt .tgl {
  font-size: 0.875rem;
  line-height: 2.25rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 3%;
  width: 5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background: #fff;
  position: relative;
  z-index: 0;
}

.n_zhaopin #list_slide dt .tgl::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  top: 0;
  left: 0;
  background: #b42d34;
  z-index: -1;
  transition: all .5s;
}

.n_zhaopin #list_slide dl.on dt .tgl::before {
  opacity: 0;
}

.n_zhaopin #list_slide dl.on dt .tgl {
  color: #ad5a49;
}

.n_zhaopin #list_slide dd {
  display: none;
  transition: 0s;
  line-height: 2rem;
  font-size: 0.9375rem;
  padding: 0 1.75rem 3.75rem;
  border-bottom: 0;
  position: relative;
  z-index: 0;
  background: #fff;
  border: 2px solid #b42d34;
  border-radius: 0 0 .625rem .625rem;
  overflow: hidden;
}

.n_zhaopin #list_slide dd::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 32.125rem;
  top: 4rem;
  right: -3.5rem;
 1 background: url(../images/hztou.png)bottom right no-repeat;
  z-index: -1;
  transition: all .5s;
  opacity: 0;
}

.n_zhaopin #list_slide dl.on dt::before,
.n_zhaopin #list_slide dl.on dd::before {
  opacity: 1;
}

.n_zhaopin #list_slide dl.on dt h4 {
  color: #fff;
}

.n_zhaopin #list_slide dl.on dt h3 span {
  color: rgb(255 255 255 / 70%);
}




.n_zhaopin .content {
  display: flex;
  gap: 6rem;
  align-items: flex-start;
  border-top: 2px solid rgb(255 255 255 / 30%);
  padding: 2.25rem 2.5rem;

}

.n_zhaopin .content h6 {
  color: #b42d34;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 2.25rem;
  margin-bottom: 1.25rem;
}

.n_zhaopin .content .ar_article p {
  position: relative;
  color: rgb(51 51 51 / 70%);
  font-size: 1rem;
  line-height: 2.125rem;
  padding-left: 0.875rem;
}

.n_zhaopin .content .ar_article p::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  background: rgb(255 255 255 / 70%);
  left: 0;
  top: .875rem;
}


.n_zhaopin #list_slide dl.on {
  border-radius: .875rem .875rem 0 0;
  overflow: hidden;
}

.n_zhaopin .content .scrollbox {
  max-height: 12.9375rem;
  overflow: auto;
  padding-right: 3.5rem;
}

.n_zhaopin #list_slide dd .jianli {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

.n_zhaopin #list_slide dd .jianli a {
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #b42d34;
  color: #fff;
  font-size: 1rem;
  padding: 0 1.75rem;
  line-height: 2.25rem;
  border-radius: 1.5rem;
}

.n_zhaopin #list_slide dd .jianli h5 {
  color: #333333;
  font-size: .875rem;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  gap: .875rem;
}

.n_zhaopin #list_slide dd .jianli p {
  font-size: 1.875rem;
  line-height: 1.5;
  font-family: BarlowCondensed-Regular;
  padding-left: .875rem;
  position: relative;
}

.n_zhaopin #list_slide dd .jianli p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 1px;
  background: rgb(51 51 51 / 40%);
  height: 2.0625rem;
}

.fx {
  display: flex;
}


/* 新闻详情 */

.n_newxq .m {
  display: grid;
  grid-template-columns: 1fr 25rem;
  gap: 4.375rem;
  align-items: flex-start;
}

.ar_title {
  margin-bottom: 2rem;
  border-bottom: #d9dee5 2px solid;
  padding-bottom: 0.75rem;
  position: relative;
}

.ar_title h4 {
  color: #231f1b;
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 2.5rem;
  position: relative;
  margin-bottom: 2.5rem;
}

.ar_title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 2rem;
  height: 2px;
  background: #b42d34;
}



.n_right {
  position: sticky;
  top: 6rem;
  padding: 0;
}

.n_right .content01 {
  padding: 2.625rem 2.375rem;
  background: #ffffff;
}

.n_left .ar_article p {
  font-size: .9375rem;
  color: #403e3e;
  line-height: 2rem;
}



#ar_fot {
  margin-top: 2rem;
  position: relative;
  text-align: center;
}

#ar_fot .fanhui {
  display: inline-block;
}

#ar_fot .fanhui a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.6875rem;
  height: 2.5rem;
  line-height: 1.5rem;
  gap: .625rem;
  background: #b42d34;
  border-radius: 1.25rem;
  font-size: .9375rem;
  color: #fff;
  transition: all .5s;
}

.sxpage {
  display: flex;
  flex-direction: column;
}

.sxpage a {
  color: #5a5a5a;
  font-size: 1rem;
  line-height: 1.875;
  transition: all .5s;
  padding: .75rem 0;
}

.sxpage i {
  display: block;
  width: 100%;
  height: 1px;
  background: #cfd3d9;
}

.sxpage a:hover {
  color: #b42d34;
}

.n_right .content01 .time {
  width: 100%;
  margin-bottom: 2rem;
}

.n_right .content01 .time h3 {
  font-size: 4rem;
  color: #b42d34;
  font-family: ROBOTO-MEDIUM-12;
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.n_right .content01 .time h3:before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 3px;
  background: #b42d34;
  bottom: 0;
  left: 4px;
}

.n_right .content01 .time h5 {
  font-size: 1.125rem;
  color: #403e3e;
  margin-bottom: 1rem;
  padding-left: 0;
  font-family: ROBOTO-MEDIUM-12;
}

.n_right .content01 .time h6 {
  font-size: .9375rem;
  line-height: 1.875rem;
  color: #231f1b;
}

.n_right .content01 .tuijian h3 {
  font-size: 1.25rem;
  color: #403e3e;
  line-height: 1.875rem;
  font-weight: bold;
  padding-bottom: 1.5rem;
  border-bottom: #d3d3d3 1px solid;
  margin-bottom: 1.75rem;
  margin-top: 3.75rem;
}

.n_right .content01 .tuijian ul {
  display: grid;
  gap: 1.75rem;
}

.n_right .content01 .tuijian ul li a h5 {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #5d5d5d;
  transition: all .5s;
}

.n_right .content01 .tuijian ul li a h6 {
  font-size: .875rem;
  line-height: 1.875rem;
  font-family: Arial;
  color: rgba(93, 93, 93, .7);
}

.n_right .content01 .tuijian ul li:hover h5 {
  color: #a64f3d;
}

#share-21.social-share {
  margin: 2.5rem 0 0
}

#share-21.social-share .social-share-icon {
  display: inline-block;
  border: #c0c0c0 1px solid;
  margin: 0 .75rem 0 0;
}

#share-21.social-share .social-share-icon:hover {
  border: #b42d34 1px solid !important;
  background: #b42d34 !important;
  color: #fff !important;
}

.social-share {
  font-family: "socialshare" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  position: relative;
  vertical-align: top;
  margin: 0 auto;
  transition: .5s;
}

.social-share a {
  position: relative;
  text-decoration: none;
  margin: 0 auto;
  display: inline-block;
  outline: none;
}

.social-share .social-share-icon {
  position: relative;
  display: block;
  width: 3.125rem !important;
  height: 3.125rem !important;
  border-radius: 50%;
  border: none;
  color: #c0c0c0 !important;
  text-align: center;
  vertical-align: top;
  transition: 0.6s ease-out 0s;
  transition: all .8s !important;
  font-size: 1.25rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* 执行案例 */
.n_example .lingybox_slide_nav {
  padding: 2.5rem 0;
}

.n_example .n_anli {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4.5rem 2.5625rem;
  padding-top: 2rem;
}

.n_example .n_anli li {
  position: relative;
  border: 1px solid transparent;
  z-index: 0;
}

.n_example .n_anli li a {
  border: 1px solid #e6e6e6;
  padding: 5.25rem 2rem 2rem;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all .5s;
  z-index: 0;
}

.n_example .n_anli li:hover::before,
.n_example .n_anli li:hover a::after {
  opacity: 1;
}

.n_example .n_anli li a::before {
  content: '';
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(../images/allogo.jpg) no-repeat;
  background-size: cover;
  z-index: -1;
  transition: all .5s;
  top: 0;
  opacity: 0;
}

.n_example .n_anli li a h5 {
  color: #333333;
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: bold;
  transition: all .5s;
}

.n_example .n_anli li a p {
  color: #64646e;
  font-size: .875rem;
  line-height: 1.5rem;
  margin: 1.5rem 0 2.25rem;
  text-indent: 2em;
  transition: all .5s;
}

.n_example .n_anli li a .lkxq {
  position: relative;
  width: 7.0625rem;
  height: 2.8125rem;
  background: #b42d34;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all .5s;
  font-size: .875rem;
  line-height: 1.875rem;
  z-index: 0;
}

.n_example .n_anli li a .lkxq::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  border-radius: 1.5rem;
  opacity: 0;
  transition: all .5s;
  left: 0;
  background: #eff1f5;
  z-index: -1;
}

.n_example .n_anli li:hover .lkxq {
  color: #64646e;
}

.n_example .n_anli li:hover .lkxq::before {
  opacity: 1;
}

.n_example .n_anli li:hover h5 {
  color: #aa5543;
}

.n_example .n_anli li:hover a::before {
  opacity: 1;
}

.n_example .n_anli li a .data {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  color: #b42d34;
  font-size: 1.125rem;
  line-height: 1.5;
  left: 2.25rem;
  top: -2rem;
  transition: all .5s;
  font-family: BarlowCondensed-Regular;
}

.n_example .n_anli li a .data .day {
  width: 4rem;
  height: 4rem;
  background: #b42d34;
  display: flex;
  align-items: center;
  border: 2px solid #b42d34;
  justify-content: center;
  color: #fff;
  font-family: BarlowCondensed-Regular;
  font-size: 2.25rem;
  line-height: 1.5;
  transition: all .5s;
}

.n_example .n_anli li:hover a .data,
.n_example .n_anli li:hover a h5,
.n_example .n_anli li:hover a p {
  color: #ffffff;
}

.n_example .n_anli li:hover a .data .day {
  background: #fff;
  color: #b42d34;
}

.n_example .lingybox_slide_nav li a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

/* 资源平台 */



.n_natural ul {
  display: grid;
  gap: 1.25rem;
}

.n_natural ul li a {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.n_natural ul li a .img_db:after {
  padding-top: 57.5%;
}

.n_natural ul li a .ziycon {
  background: #eeeff3;
  height: 100%;
  padding: 0 6.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  z-index: 0;
}


.n_natural ul li a .ziycon::after {
  content: '';
  position: absolute;
  right: -4rem;
  bottom: -5rem;
  background: url(../images/zylogo.png)right no-repeat;
  width: 100%;
  height: 110%;
  opacity: 0;
  transition: all .5s;
  z-index: -1;
}

.n_natural ul li a h5 {
  color: #333333;
  font-size: 2rem;
  line-height: 1.5;
  margin-top: 1.25rem;
}

.n_natural ul li a i {
  color: #b42d34;
  font-size: 3rem;
}

.n_natural ul li a p {
  color: rgba(51, 51, 51, .8);
  font-size: .9375rem;
  line-height: 1.875rem;
  margin: .875rem 0 1rem;
}

.n_natural ul li:nth-child(odd) a .ziycon::before {
  content: '';
  position: absolute;
  width: 11px;
  height: 19px;
  background: url(../images/zysanjiao.png)no-repeat;
  background-size: cover;
  top: 50%;
  left: -11px;
  transform: translate(0, -50%);
  z-index: 1;
}

.n_natural ul li:nth-child(even) a .ziycon {
  order: -1;
}

.n_natural ul li:nth-child(even) a .ziycon::before {
  content: '';
  position: absolute;
  width: 11px;
  height: 19px;
  background: url(../images/zysanjiao2.png)no-repeat;
  background-size: cover;
  top: 50%;
  right: -11px;
  transform: translate(0, -50%);
  z-index: 1;
}

.n_natural ul li a .ziycon div {
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  background: #b42d34;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}

.n_natural ul li a .ziycon div i {
  transform: rotate(225deg);
  color: #fff;
  font-size: 1.125rem;
}

.n_natural ul li a:hover .ziycon div {
  background: #b42d34;
}

.n_natural ul li a:hover .ziycon::after {
  opacity: 1;
}


.n_natural ul li a .img {
  z-index: -1;
}

/* 党建引领 */

.n_dangjian {
  background: #f6f6f6;
}

.n_dangjian h5 {
  text-align: center;
  color: #333333;
  font-size: 2.25rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 1.25rem;
}

.n_dangjian p {
  color: rgb(51 51 51 / 80%);
  font-size: 1rem;
  line-height: 2.25rem;
  text-align: center;
}


.n_dangjianew ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.6875rem 1.6875rem;
}



.n_dangjianew ul li a .img_db:after {
  padding-top: 60.57%;
}

.n_dangjianew ul li .djcon {
  background: #f6f6f6;
  padding: 2.25rem 1.875rem 1.75rem 2.375rem;
  position: relative;
  transition: all .5s;
}


.n_dangjianew ul li .djcon::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #b42d34;
  opacity: 0;
  transition: all .5s;
}

.n_dangjianew ul li .djcon h5 {
  color: #333333;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.875rem;
}


.n_dangjianew ul li .djcon p {
  color: #8b8b8b;
  font-size: .875rem;
  line-height: 1.625rem;
  margin: .5rem 0;
}

.n_dangjianew ul li .djcon span {
  color: #b42d34;
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-family: BarlowCondensed-Medium;
  transition: all .5s;
}

.n_dangjianew ul li a:hover span {
  color: #b42d34;
}

.n_dangjianew ul li a:hover .djcon::before {
  opacity: 1;
}

.n_dangjianew ul li a:hover .djcon {
  box-shadow: rgba(178, 180, 182, .66) 11px 4px 59px 0px
}

/* 铭瑞荣誉 */

.honoryear {
  display: flex;
  align-items: flex-start;
  gap: 1.125rem;
}


.honoryear ul {
  display: flex;
  align-items: flex-start;
  gap: 1.125rem;
  flex-wrap: wrap;
}

.honoryear ul li a {
  color: #919191;
  line-height: 2.25rem;
  position: relative;
  font-size: 1.625rem;
  font-family: BarlowCondensed-Regular;
}

.honoryear>a {
  font-size: 1.25rem;
  color: #919191;
  line-height: 2.25rem;
  position: relative;
  flex-shrink: 0;
}





/* .honoryear ul  li:not(:first-child) a {
  font-size: 1.625rem;
  font-family: BarlowCondensed-Regular;
}  */

.honoryear .on,
.honoryear .on a {
  color: #b42d34;
}

.honoryear a::before {
  content: '';
  position: absolute;
  bottom: -3px;
  height: 3px;
  width: 100%;
  left: 0;
  background: transparent;
}

.honoryear .on a::before {
  background: #b42d34;
  ;
}

.n_hzhonor .ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem 6.875rem;
}


.n_hzhonor .ul .li1 a {
  position: relative;
  z-index: 10;
}

.n_hzhonor .ul .li1 a::before {
  content: '';
  position: absolute;
  height: 6.5rem;
  background: url(../images/dd9.png)center bottom no-repeat;
  width: 90%;
  background-size: contain;
  bottom: 2.875rem;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}

.n_hzhonor .ul .li1 .img {
  background: url(../images/kuang.png)center no-repeat;
  background-size: contain;
  padding: 1.4375rem;
  position: relative;
  height: 14.0625rem;
}

.n_hzhonor .ul .li1 .img img {
  object-fit: contain;
  height: 11.25rem;
}

.n_hzhonor .ul .li1 .img .look {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(180, 45, 52, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .5s;
}

.n_hzhonor .ul a i {
  display: block;
  background: #b42d34;
  width: 1.0625rem;
  height: 4px;
  margin: 4.125rem auto 1rem;
}

.n_hzhonor .ul a p {
  color: #333333;
  font-size: 1rem;
  line-height: 1.875rem;
  text-align: center;
  height: 3.75rem;
}


.n_hzhonor .ul .li1 a:hover .look {
  opacity: 1;
}

/* 铭瑞文化 */

.n_wh1 {
  background: url(../images/whbg1.jpg)no-repeat;
  background-size: cover;
  height: 47.937rem;
}

.n_wh1 .m {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2.5rem;
}

.n_wh1 h5 {
  color: #333333;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.n_wh1 p {
  color: #333333;
  position: relative;
  font-size: 1rem;
  line-height: 2.25rem;
  text-align: center;
}

.n_wh1 .imgs {
  position: relative;
  z-index: 0;
}

.n_wh1 .imgs::before {
  content: '';
  position: absolute;
  width: 160%;
  height: 160%;
  background: url(../images/mohuk.png)center center no-repeat;
  background-size: cover;
  border-radius: 50%;
  right: -6rem;
  bottom: -6rem;
  z-index: -1;
}

.n_wh1 p::before {
  content: '';
  position: absolute;
  background: url(../images/yinhao.png)no-repeat;
  background-size: cover;
  width: 34px;
  height: 32px;
  top: -.5rem;
  left: -2.25rem;
}

.n_wh2 {
  background: url(../images/whbg2.jpg)no-repeat;
  background-size: cover;
  height: 26.25rem;
}

.n_wh2 .m {
  position: relative;

}

.n_wh2 .wh2 {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 80px;
  top: -22.5rem;
}

.n_wh2 .img_db:after {
  padding-top: 56.04%;
}

.n_wh2 .wh2con {
  background: #fff;
  position: relative;
  padding: 2rem 3rem 2.375rem;
  height: 14.625rem;
}

.n_wh2 .wh2con h6 {
 color: #333333;
font-weight: bold;
font-size: 2rem;
line-height: 1.875rem;
margin-bottom: 23px;
}


.n_wh2 .wh2con h5 {
  color: #b42d34;
  font-family: BarlowCondensed-Regular;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1.625rem;
  margin-bottom: 1.125rem;
}

.n_wh2 .wh2con p {
  color: #333333;
  font-size: .9375rem;
  line-height: 1.875rem;
}

.n_wh2 .wh2con::before {
  content: '';
  position: absolute;
  background: url(../images/wh2logo.png)right bottom no-repeat;
  height: 15.4375rem;
  width: 18.0625rem;
  background-size: cover;
  right: 0;
  top: .5rem;
  opacity: 0;
  transition: all .5s;
}

.n_wh2 #n_wh2 li:hover .wh2con::before {
  opacity: 1;
}

/* 主任荣誉 */

.n_zrhonor .m {
  display: grid;
  gap: 11rem;
  grid-template-columns: 1fr 25.25rem;
  align-items: flex-start;
}

.n_zrhonor .hd ul {
  display: grid;
  gap: 2.25rem;
  margin-top: 2rem;
  position: relative;
}

.n_zrhonor .hd ul::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 2px;
  background: #dddddd;
  left: 8.875rem;
  top: 2.5rem;
  z-index: -1;
}

.n_zrhonor .hd ul li {
  display: flex;
  align-items: center;
  gap: 5.625rem;
  height: 6.75rem;
  position: relative;
}

.n_zrhonor .hd ul li .zryear {
  display: flex;
  align-items: flex-start;
  gap: .625rem;
  flex-shrink: 0;
  height: 3rem;
  position: relative;
}

.n_zrhonor .hd ul li .zryear h5 {
  color: #333333;
  font-size: 2rem;
  line-height: 2rem;
  font-family: ROBOTO-MEDIUM-12;
  transition: all .5s;
}

.n_zrhonor .hd ul li .zryear p {
  color: #333333;
  font-size: 1.25rem;
  line-height: 1.5;
  transition: all .5s;
}

.n_zrhonor .hd ul li .zrcon {
  color: #333333;
  font-size: 1rem;
  line-height:1.875rem;
  height: auto;
  transition: all .5s;
  padding-right: 2.5rem;
}

.n_zrhonor .hd ul li .zryear::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid #b42d34;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
  left: 8.5rem;
  margin-top: -.5rem;
  z-index: 2;
  transition: all .5s;
}

.n_zrhonor .hd ul li::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 2px;
  background: rgb(255 255 255 / 20%);
  left: 8.875rem;
  top: 0rem;
  z-index: 1;
}

.n_zrhonor .hd ul li:first-child::after {
  content: '';
  position: absolute;
  height: 50%;
  width: 2px;
  background: rgb(255 255 255 / 20%);
  left: 8.875rem;
  top: 3.25rem;
  z-index: 1;
}

.n_zrhonor .hd ul li:before {
  content: "";
  height: 100%;
  left: -10rem;
  transition: all .5s;
  display: block;
  position: absolute;
  top: 0;
  z-index: -1;
  background: url(../images/yearhover.jpg)no-repeat;
  background-size: cover;
  width: 0;
}

.n_zrhonor .hd ul li:hover::before,
.n_zrhonor .hd ul li.on::before {
  width: calc(100% + 10rem);
}

.n_zrhonor .hd ul li:hover .zryear h5,
.n_zrhonor .hd ul li.on .zryear h5,
.n_zrhonor .hd ul li:hover .zryear p,
.n_zrhonor .hd ul li.on .zryear p,
.n_zrhonor .hd ul li:hover .zrcon,
.n_zrhonor .hd ul li.on .zrcon {
  color: #fff;
}

.n_zrhonor .hd ul li:hover .zryear::before,
.n_zrhonor .hd ul li.on .zryear::before {
  background: #b42d34;
  border: 2px solid #fff;
}

.n_zrhonor .bd {
  height: 45.625rem;
  width: 100%;
  position: sticky;
  top: 9rem;
  overflow: hidden;
  padding-left: 8px;
}

.n_zrhonor .bd #zrzs {
  height: 100%;
  padding: 3px;
}

.n_zrhonor .bd ul li .img_db:after {
  padding-top: 57.22%;
}


.n_zrhonor .bd ul li {
  margin-bottom: 1.125rem;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 3px solid transparent;
  transition: all .5s;
  position: relative;
}

.slick-vertical .slick-current {
  border: 3px solid #b42d34;
}


.slick-vertical .slick-current::before {
  content: '';
  position: absolute;
  background: url(../images/zrsanjiao.png)no-repeat;
  background-size: cover;
  width: 8px;
  height: 17px;
  left: -11px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 10;
  display: none;
}


.licheng_slide_wap {
  display: none;
  position: relative;
}

.licheng_slide_wap ul li {
  position: relative;
  transition: .7s;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s;
}

.licheng_slide_wap ul li .txt {
  padding-left: 2.75rem;
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}

.licheng_slide_wap ul li .txt .year {
  font-family: BarlowCondensed-Medium;
  font-size: 2rem;
  line-height: 2.75rem;
  color: #b42d34;
}

.licheng_slide_wap ul li .txt .con {
  color: #414141;
  font-size: 1rem;
  line-height: 1.75rem;
  padding-bottom: 1rem;
  padding-top: 0.5rem;

}

.licheng_slide_wap ul li .txt:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid #b42d34;
  border-radius: 50%;
  z-index: 99;
  transition: all .5s;
  left: 0;
  top: 1rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  box-sizing: border-box;
}

.licheng_slide_wap ul li .txt:after {
  content: "";
  display: block;
  width: 1px;
  height: 99%;
  position: absolute;
  left: 0;
  top: 1rem;
  background: #dddddd;
  left: 7px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all .8s;
}

/* 铭瑞 */

.n_zrwishes {
  padding-bottom: 10rem;
  position: relative;
}

.n_zrwishes::before {
  content: '';
  position: absolute;
  width: 57.375rem;
  height: 48.9375rem;
  background: url(../images/wisheslogo.png)bottom no-repeat;
  bottom: 0;
  left: 50%;
  background-size: cover;
  transform: translate(-50%, 0);
  z-index: -1;
  margin-left: 8rem;
}

.n_zrwishes .m {
  display: grid;
  grid-template-columns: 1fr 29.375rem;
  gap: 5rem;
}


.n_zrwishes .ar_article h5 {
  color: #b42d34;
  font-weight: bold;
  font-size: 2.25rem;
}


.n_zrwishes .ar_article p {
  color: #333333;
  font-size: 1rem;
  line-height: 2.25rem;
}

.n_zrwishes .ar_article h6 {
  color: #333333;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.5;
  text-align: right;
}

/* 主任简介 */

.n_jj1 {
  background: url(../images/zrjjbg1.jpg)no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
}

.n_jj2 {
  background: url(../images/zrjjbg2.jpg)no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
}

.n_jj1 .zwbox {
  margin-top: 3rem;
  max-width: 69.375rem;
}

.n_jj1 .zwbox #zhiwei .zwhead {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.125rem;
  background: #b42d34;
  border-radius: 1.875rem;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.875rem;
  gap: .625rem;
  margin-bottom: 2rem;
}

.n_jj1 .zwbox #zhiwei .zwhead i {
  color: #fff;
  font-size: 1.375rem;
}

.n_jj1 .zwbox #zhiwei ul {
  padding-right: 2.5rem;
  max-height: 15rem;
  overflow: auto;
}

.n_jj1 .zwbox #zhiwei ul li {
  color: #4d4d4d;
  font-size: .9375rem;
  line-height: 1.875rem;
  padding-left: 1.25rem;
  position: relative;
}

.n_jj1 .zwbox #zhiwei ul li::before {
  content: '';
  position: absolute;
  background: url(../images/jjlj.png)no-repeat;
  background-size: cover;
  width: 13px;
  height: 9px;
  top: .625rem;
  left: 0;
}


.n_jj2 .m h5 {
  color: #000000;
  font-size: 2.625rem;
  line-height: 1.25;
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 1.875rem;
}

.n_jj2 .m h5 p {
  font-size: 1.625rem;
}

.n_jj2 .m p {
  max-width: 61.5625rem;
  color: #333333;
  font-size: 1rem;
  line-height: 2.25rem;
  position: relative;
}

.n_jj2 .m img {
  position: absolute;
  right: 5rem;
  bottom: -8rem;
  min-width: 44.8125rem;
  min-height: 53.3125rem;
}

/* 主要事迹 */

.n_deed .deedbox {
  position: relative;
}

.n_deed .deedbox #n_deed .swiper-slide {
  display: flex;
  gap: 5.25rem;
  justify-content: space-between;
}

.n_deed .deedbox #n_deed .img {
  max-width: 57.5rem;
  width: 100%;
  flex-shrink: 0;
}

.n_deed .deedbox #n_deed .img_db:after {
  padding-top: 78.261%;
}

.n_deed .deedbox #n_deed .deedcon {
  max-width: 47.1875rem;
  position: relative;
}

.n_deed .deedbox #n_deed .iconfont {
  color: #b6343a;
  font-size: 3rem;
}

.n_deed .deedbox #n_deed .deedcon>h5 {
  color: #000000;
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin: 1.5rem 0 1.875rem;
}

.n_deed .deedbox #n_deed .liness {
  width: 4.8125rem;
  height: 1px;
  display: block;
  background: #b42d34;
}

.n_deed .deedbox #n_deed .ar_article {
  max-height: 25.5625rem;
  overflow: auto;
  padding-right: 1.75rem;
  margin: 2rem 0 2.75rem;
}

.n_deed .deedbox #n_deed .ar_article p {
  color: rgb(51 51 51 / 80%);
  font-size: 1rem;
  line-height: 2.25rem;
}

.n_deed .deedbox .swiper-pagination {
  bottom: 0 !important;
  max-width: 47.1875rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.n_deed .deedbox .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #d9e0e7;
  opacity: 1;
  border-radius: 50%;
}

.n_deed .deedbox .swiper-pagination-bullet-active {
  background: #b42d34;
}

.n_deed .deedbox #n_deed .deedcon .nums {
  display: flex;
  align-items: flex-end;
  gap: .875rem;
}

.n_deed .deedbox #n_deed .deedcon .nums h5,
.n_deed .deedbox #n_deed .deedcon .nums h6 {
  font-family: ROBOTO-REGULAR;
  color: #b42d34;
  font-size: 3rem;
  line-height: 3.25rem;
}

.n_deed .deedbox #n_deed .deedcon .nums p {
  font-family: ROBOTO-REGULAR;
  color: #d5d5d5;
  font-size: 2.25rem;
  line-height: 2.875rem;
}


/* 团队风采 */

.n_teamfc {
  background: #f6f6f6;
}

.n_teamfc .teaname {
  display: flex;
  gap: 1.625rem;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5.25rem;
}


.n_teamfc .teaname li a {
  display: block;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.875rem;
  text-transform: uppercase;
}

.n_teamfc .teaname li:first-child a {
  padding: 0 1rem;
  font-size: 1rem;
  line-height: 2.25rem;
}


.n_teamfc .teaname  li.on a {
  background: #b42d34;
  color: #fff;
}

.n_teamfc .teaname li:not(.allin) a {
  padding: 0 0.5rem;
}



.n_teamfc .team_ul {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 2rem; 
}

/* 团队详情 */


.n_teamxq {
  background: #f6f6f6;
}

.n_teamxq  .teamren {
  display: grid;
  grid-template-columns:38.75rem  1fr;
  gap: 7.1875rem;
  1align-items: center;
  padding-bottom: 3.375rem;
  position: relative;
}

.n_teamxq  .teamren::before {
  content: '';
  position: absolute;
  background: url(../images/xqlogo.png)no-repeat;
  background-size: cover;
  width: 24.6875rem;
  height: 21rem;
  right: -1rem;
  bottom: -2.625rem;
}

.n_teamxq  .teamren .img_db:after {
  padding-top: 128.95%;
}

.n_teamxq  .teamren  .rencon h5 {
  color: #333333;
  font-size: 2.25rem;
  line-height: 1.5;
  margin-bottom: .375rem;
}

.n_teamxq  .teamren  .rencon p {
  color: #333333;
  font-size: 1rem;
  line-height: 1.875rem;
}

.n_teamxq  .teamren  .rencon h6 {
  position: relative;
  padding-bottom: .875rem;
  border-bottom: 1px solid #dfdfdf;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}

.n_teamxq  .teamren  .rencon h6::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 4.5625rem;
  background: #b42d34;
  left: 0;
  bottom: -1px;
}

.n_teamxq  .teamren  .rencon div {
  margin: 2rem 0 3.125rem;
}


.n_teamxq  .teamren  .rencon a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 16.5625rem;
  height: 3.75rem;
  background: #b42d34;
  font-size: 1.125rem;
  line-height: 1.875rem;
  position: relative;
}

.n_teamxq .renjj h5 {
  padding-bottom: .75rem;
  color: #b42d34;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: bold;
  border-bottom: 2px solid #ebebeb;
  position: relative;
  margin-bottom: 2.75rem;
}

.n_teamxq .renjj h5::before {
  content: '';
  position: absolute;
  width: 6.125rem;
  height: 2px;
  bottom: -2px;
  background: #b42d34;
  left: 0;
}

.n_teamxq .renjj  .ar_article h6 {
  color: #333333;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.n_teamxq .renjj  .ar_article p {
  color: #333333;
  font-size: 1rem;
  line-height: 2.25rem;
}

/* 专业领域 */

.lingybox {
  position: relative;
  margin: 0 6.875rem 2.25rem;
}
.lingybox_slide_nav {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 1rem;
}
.lingybox #lingy ,
.lingybox_slide_nav {
  padding-bottom: 2.5rem;
}

.lingybox #lingy .swiper-slide ,
.lingybox_slide_nav li {
  border: 2px solid #b42d34;
  border-radius: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b42d34;
  font-size: 1rem;
  line-height: 2.25rem;
  height: 3.25rem;
  transition: all .5s;
}

.lingybox #lingy .swiper-slide .sj {
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  bottom: -2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;

}
.lingybox #lingy .swiper-slide .sj img {
  opacity: 0;
}

.lingybox #lingy .my-slide-thumb-active .sj .sj1 {
  animation: enters .5s forwards 0.2s;
}
.lingybox #lingy .my-slide-thumb-active .sj .sj2 {
  animation: enters .5s forwards 0.4s;
}
.lingybox #lingy .my-slide-thumb-active .sj .sj3 {
  animation: enters .5s forwards 0.6s;
}

@-webkit-keyframes enters {
  0% {
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }

  20% {
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}

@keyframes enters {
  0% {
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }

  20% {
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}


.lingybox #lingy .my-slide-thumb-active ,
.lingybox_slide_nav li.on {
  color: #fff;
  background: #b42d34;
  border: 2px solid #b42d34;
}

.n_lingy #lingycon h6 {
  text-transform: uppercase;
  color: #b42d34;
  font-size: 1.5rem;
  line-height: 1.25;
  font-family: HELVETICANEUELTPRO-HVCN;
}

.n_lingy #lingycon h5 {
  color: #000000;
  font-size: 1.875rem;
  line-height: 1.25;
}

.n_lingy #lingycon  p {
  color: #333333;
  font-size: 1rem;
  line-height: 2.25rem;
  margin: 1.5rem 0 0 0;
}


/* 法律咨询 */

.n_lawzx {
  background: url(../images/flzxbg.jpg)center no-repeat;
  background-size: cover;
  position: relative;

}

.n_lawzx .n_lyfw {
  padding-top: 10rem;
  align-items: flex-end;
}


/* 商务合作 */



.n_coophz {
  background: url(../images/n_coopbg.jpg)center no-repeat;
  background-size: cover;
  position: relative;

}

.n_coophz .n_lyfw {
  padding-top: 10rem;
  align-items: flex-end;
}

.n_coophz .n_lyfw .hour24hz h6 {
  color: #000000;
  font-size: 1.125rem;
  line-height: 1.375rem;
  margin-top: .5rem;
}

.n_coophz .n_lyfw  .lyewmbox div {
  border: none;
}


/* 联系方式 */


.n_contactus {
  position: relative;
}

.n_contactus  .contact_slide_nav {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 17.5rem;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4.5rem;
  z-index: 100;
}

.n_contactus  .contact_slide_nav li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
  position: relative;
}

.n_contactus  .contact_slide_nav li::before {
  content: '';
  position: absolute;
  right: 0;
  width: 3px;
  height: 6.875rem;
  background: #fff;
  opacity: 0;
  transition: all .5s;
  top: 50%;
  transform: translate(0,-50%);
}
.n_contactus  .contact_slide_nav li.on::before {
  opacity: 1;
}

.n_contactus  .contact_slide_nav li i {
  color: rgb(255 255 255 / 60%);
  font-size: 3.5rem;
  transition: all .5s;
}
.n_contactus  .contact_slide_nav li h5 {
  color: rgb(255 255 255 / 60%);
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.125rem;
  transition: all .5s;
}

.n_contactus  .contact_slide_nav li img {
  opacity: .7;
}

.n_contactus  .contact_slide_nav li.on i {
  color: #fff;
}

.n_contactus  .contact_slide_nav li.on img {
  opacity: 1;
}
.n_contactus  .contact_slide_nav li.on h5 {
  color: #fff;
}

.n_contactus .contact_slide_for .li {
  height: 53.125rem;
  width: 100%;
}



.n_contactus .contact_slide_for img {
  display: block;
  height: 100%;
  object-fit: cover;
}

.n_contactus .contact_slide_for .li .contact_address {
  position: absolute;
  width: 51.4375rem;
  height: 29.6875rem;
  background: #b42d34;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  padding: 3.75rem 5rem;
  z-index: 10;
}



.contact_address h4 {
  font-family: Poppins;
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 1.5;
  color: #fff;
  text-transform: uppercase;

}

.contact_address h5 {
  color: #ffffff;
  font-size: 2.125rem;
  line-height: 1.25;
}

.contact_address ul {
  display: grid;
  gap: 1rem;
  margin-top: 2.25rem;margin-bottom: 2.25rem;
}

.contact_address ul li {
  display: flex;
  align-items: center;
  gap: 1.125rem;
}

.contact_address ul li div {
  width: 50px;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/contactdbx.png)no-repeat;
  background-size: 100% 100%;
  flex-shrink: 0;
}

.contact_address ul li p {
  color: #000;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.contact_address ul li div  i {
  color: #fff;
  font-size: 1.25rem;

}


.contact_address ul li a {
  color: #000;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  gap: .625rem;
}

.contact_address ul li a i {
  font-size: 1.5rem;
}

/* 铭瑞特色 铭瑞管理 */

.n_hztese h6 , 
.n_hzgl h6 {
  color: #b42d34;
  font-size: 1.5rem;
  line-height: 1.5;
  font-family: ROBOTO-REGULAR;
  text-transform: uppercase;
  font-weight: bold;
}

.n_hztese  h5 ,
.n_hzgl h5 {
  color: #000000;
  font-size: 1.875rem;
  line-height: 1.25;
  margin-bottom: 2.25rem;
}

.n_hztese  .ar_article .strong {
  color: #b42d34;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.n_hztese  .ar_article p ,
.n_hzgl .ar_article p {
  color: #333333;
  font-size: 1rem;
  line-height: 2.25rem;
}

/* 发展历程 */
.n_licheng .m  {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}
.n_licheng .lc_box {
  width: 100%;
}
.n_licheng  #lcswiper .swiper-wrapper>.swiper-slide {
  display: grid;
  grid-template-columns: 44.25rem 1fr;
  gap: 4rem;
}

.n_licheng  #lcswiper  .swiper {
  width: 100%;
}
.n_licheng  #lcswiper #lcsimg1 .img_db:after {
  padding-top: 83.335%;
}

.n_licheng  #lcswiper  .swiper  .swiper-button-white {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  top: 50%;
  transform: translate(0,-50%);
  transition: all .5s;
  margin-top: 0;
}


.n_licheng  #lcswiper  .swiper  .swiper-button-white i {
  color: #fff;
  font-size: 1.5rem;
}

.n_licheng  #lcswiper  .swiper  .swiper-button-white:hover {
  background: #b42d34;
}

.n_licheng  #lcswiper  .swiper .swiper-button-next {
  right: 1.75rem;
}

.n_licheng  #lcswiper  .swiper .swiper-button-prev {
  left: 1.75rem;
}

.n_licheng  #lcswiper  .swiper .swiper-button-next i {
  transform: rotate(180deg);
}



.n_licheng  #lcswiper  .lchead {
  background: url(../images/btwzimg.png)no-repeat;
  display: flex;
  align-items: flex-end;
  position: relative;
  background-size: contain;
  width: 21.75rem;
}


.n_licheng  #lcswiper  .lchead .ths {
  display: flex;
  align-items: flex-end;
  position: relative;
}
.n_licheng  #lcswiper  .lchead  p {
  color: #b42d34;
  display: inline-block;
  font-weight: bold;
}


.n_licheng  #lcswiper  .lchead .ths  p:first-child {
  font-size: 9.375rem;
  line-height: 1.5;
}

.n_licheng  #lcswiper  .lchead  .ths p:last-child {
  font-size: 5rem;
  line-height: 1;
}



.n_licheng  #lcswiper .lchead span {
  color: #b42d34;
  font-size: 1rem;
  line-height: 1.125rem;
  font-family: ROBOTO-REGULAR;
  position: absolute;
  text-transform: uppercase;
  left: 10rem;
  top: 50%;
  transform: translate(0,-50%);
}


.n_licheng  #lcswiper  .lcyear {
  display: flex;
  align-items: center;
  gap: 3px;
  margin: 3.125rem 0 2.5rem;
}

.n_licheng  #lcswiper  .lcyear h5 {
  color: #b42d34;
  font-family: ROBOTO-REGULAR;
  font-weight: bold;
  font-size: 2.25rem;
  line-height: 1.5;
}

.n_licheng  #lcswiper  .lcyear div {
  width: 1.875rem;
  height: 1.875rem;
  color: #fff;
  border-radius: 50%;
  background: #b42d34;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.5;
}


.n_licheng  #lcswiper .lccon>p {
  color: #333333;
  font-size: 1rem;
  line-height: 2.25rem;
}

.n_licheng  .lc_nav {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}

.n_licheng  .lc_nav::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #b42d34;
  border-radius: 50%;
  left: 0;
  top: -3px;
  z-index: 10;
}

.n_licheng  .lc_nav::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 10px;
  background: url(../images/lcnavsj.png)no-repeat;
  background-size: cover;
  right: 0;
  top: -5px;
  z-index: 10;
}


.n_licheng  .lc_nav li {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 1.5rem;
  border-top: 2px solid #e5e5e5;
  position: relative;
  cursor: pointer;
}

.n_licheng  .lc_nav li h5 {
  color: #333333;
  font-size: 1.5rem;
  1font-weight: bold;
  line-height: 1.5;
}

.n_licheng  .lc_nav li p {
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.5;
  font-family: ROBOTO-REGULAR;
  font-weight: bold;
}

.n_licheng  .lc_nav li p span {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
}

.n_licheng  .lc_nav li::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #b42d34;
  border-radius: 50%;
  right: -5px;
  top: -5px;
  z-index: 10;
}
.n_licheng  .lc_nav li::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background: rgb(180 45 52 / 20%);
  border-radius: 50%;
  right: -12.5px;
  top: -12.5px;
  z-index: 10;
  opacity: 0;
  transition: all .5s;
}


.n_licheng  .lc_nav li.red::after {

  opacity: 1;
}


.n_licheng  .lc_nav li:last-child::before ,
.n_licheng  .lc_nav li:last-child::after {
  display: none;
}

.lcnavs {
  position: relative;
  width: 100%;
  padding-top: 1rem;
  overflow: hidden;
}

.lcnavs  .lclines {
  position: absolute;
  top: 16px;
  left: 0;
  height: 2px;
  background: #b42d34;
  z-index: 15;
}


.n_licheng {
  position: relative;
}


.n_licheng::before {
  content: "";
  position: absolute;
  background: url(../images/lclogo.png)no-repeat;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  width: 34rem;
  height: 34.625rem;
}