@font-face {
  src: url(../fonts/HarmonyOS_SansSC_Light.ttf);
  font-family: 'HarmonyOS_SansSC_Light';
}
body {
  position: relative;
  font-family: 'HarmonyOS_SansSC_Light';
}
body#n_blog,
body#n_contact {
  background-color: #f3f3f3;
}
.mt-3 {
  margin-top: 1rem;
}
.text-center {
  text-align: center;
}
.slide-bg1 {
  background: #242a37 url(../images/slide_bg1.png) center center no-repeat;
  background-size: cover;
  background-color: #242a37;
}

.slide-bg2 {
  background: #242a37 url(../images/slide_bg2.png) center center no-repeat;
  background-size: cover;
  background-color: #242a37;
}

.slide-bg3 {
  background: #242a37 url(../images/slide_bg3.png) center center no-repeat;
  background-size: cover;
  background-color: #242a37;
}
.slide-bg4 {
  background: #1b294f url(../images/slide_bg5.png) center center no-repeat;
  background-size: cover;
  background-color: #1b294f;
}
.custom-cursor {
  position: absolute;
  width: 1.5625rem;
  height: 1.5625rem;
  border: 1px solid #d4042c;
  border-radius: 50%;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.custom-cursor::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: #d4042c;
  border-radius: 50%;
}
.custom-cursor.white {
  border-color: white;
}
.custom-cursor.white::after {
  background-color: white;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#pc_header {
  position: fixed;
  top: 0;
  padding: 2rem 0;
  width: 100%;
  max-height: 7.875rem;
  z-index: 9999;
  transition: all 0.5s ease;
}
#pc_header .logo {
  width: 100%;
  flex-shrink: 0;
  max-width: 16.5625rem;
}
#pc_header .logo a.on {
  display: none;
}
#pc_header ul {
  gap: 3.4375rem;
  font-size: 1.0625rem;
  font-weight: bold;
  color: #212121;
}
#pc_header li {
  position: relative;
}
#pc_header li::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1.6875rem;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background: #d20031;
  border-radius: 5rem;
}
#pc_header li:hover::before,
#pc_header li.on::before {
  width: 100%;
}
#pc_header a.zx {
  font-size: 1.0625rem;
  font-weight: bold;
  color: #ffffff;
  height: 2.3125rem;
  border-radius: 5rem;
  margin-left: 5rem;
  position: relative;
  z-index: 2;
  transition: color 0.5s ease-in-out;
  padding-left: 1rem;
}
#pc_header a.zx svg {
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 1.5rem;
  margin-right: 0.8438rem;
  transition: all 0.5s ease-in-out;
}
#pc_header a.zx p,
#pc_header a.zx svg {
  position: relative;
  z-index: 2;
}
#pc_header a.zx svg path {
  fill: #fff;
}
#pc_header a.zx::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #d20031;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  z-index: 1;
  transition: width 0.5s ease-in-out;
}
#pc_header a.zx:hover svg {
  transform: rotate(-135deg);
}
#pc_header a.zx:hover,
#pc_header.header_white.xg a.zx:hover {
  color: #fff;
}
#pc_header.xg {
  background: #fff;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.03);
}
#banner .swiper-slide {
  width: 100%;
  height: 100vh;
}
#banner .box {
  position: absolute;
}
#banner .txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}
#banner .txt h2 {
  font-size: 4.75rem;
  font-weight: bold;
  line-height: 5.625rem;
  color: #fff;
}
#banner .txt .key {
  display: flex;
  font-size: 1.375rem;
  font-weight: 300;
  color: #fff;
  margin-top: 3.125rem;
}
#banner .txt p {
  position: relative;
  padding-left: 1.5rem;
  margin-left: 1rem;
}
#banner .txt p::before {
  content: '●';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.5rem;
}
#banner .txt p:first-child {
  margin-right: 2rem;
}
#banner .img {
  width: 100%;
  height: 100%;
}
#banner .sz_box {
  position: absolute;
  bottom: 10%;
  right: 9%;
  display: flex;
  justify-content: flex-end;
  gap: 6.8125rem;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 300;
}
#banner .sz_box .sz {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
  font-size: 4.625rem;
}
#banner .sz_box .sz .counter {
  font-family: 'HarmonyOS_SansSC_Light';
}
#banner .sz_box .sz span {
  font-size: 1.5rem;
  margin-left: 0.5rem;
}
#banner .sz_box .sz.bf {
  align-items: flex-end;
}
#banner .sz_box .sz.bf span {
  margin-bottom: 0.875rem;
}
#pc_header.header_white {
  color: #fff;
}
#pc_header.header_white .logo a {
  display: none;
}
#pc_header.header_white .logo a.on {
  display: block;
}
#pc_header.header_white ul {
  color: #fff;
}
#pc_header.header_white a.zx {
  color: #fff;
}
#pc_header.header_white.xg {
  background-color: #fff;
}
#pc_header.header_white.xg ul {
  color: #212121;
}
#pc_header.header_white.xg a.zx {
  color: #fff;
}
#pc_header.header_white.xg .logo a {
  display: block;
}
#pc_header.header_white.xg .logo a.on {
  display: none;
}
.ljr_service {
  padding: 6.125rem 1.25rem 0;
}
.ljr_service ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}
.ljr_service li {
  width: 100%;
  border-radius: 0.9375rem;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease;
}
.ljr_service li:hover {
  transform: translateY(-10px);
}
.ljr_service li .img_box {
  margin-bottom: 3.125rem;
}
.ljr_service li h2 {
  font-size: 1.875rem;
  color: #212121;
  margin-bottom: 2.375rem;
  transition: all 0.5s ease;
}
.ljr_service li .txt_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.ljr_service li .txt_box p {
  position: relative;
  padding-left: 1.875rem;
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 2.5rem;
  color: #515152;
  transition: all 0.5s ease;
}
.ljr_service li .txt_box p::before {
  content: '✓';
  font-size: 0.8rem;
  font-weight: 300;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.5s ease;
}
.ljr_service li:nth-child(1) .txt_box p::before {
  color: rgba(247, 108, 1, 0.6);
  border: 1px solid rgba(247, 108, 1, 0.6);
}
.ljr_service li:nth-child(2) .txt_box p::before {
  color: rgba(0, 204, 134, 0.6);
  border: 1px solid rgba(0, 204, 134, 0.6);
}
.ljr_service li:nth-child(3) .txt_box p::before {
  color: rgba(249, 216, 75, 0.6);
  border: 1px solid rgba(249, 216, 75, 0.6);
}
.ljr_service li:nth-child(4) .txt_box p::before {
  color: rgba(61, 95, 255, 0.6);
  border: 1px solid rgba(61, 95, 255, 0.6);
}
.ljr_service li .logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.5s ease;
}
.ljr_service li .line {
  width: 100%;
  height: 1px;
  margin: 5rem 0 1.5625rem;
}
.ljr_service li:nth-child(1) .line {
  background: #f76c0125;
}
.ljr_service li:nth-child(2) .line {
  background: #ddd7e4;
}
.ljr_service li:nth-child(3) .line {
  background: #d9e3d7;
}
.ljr_service li:nth-child(4) .line {
  background: #ecd5cb;
}
.ljr_service li a {
  width: 100%;
  height: 100%;
  padding: 5.5rem 2.9375rem 2.6875rem;
  display: block;
  border-radius: 0.9375rem;
  overflow: hidden;
}
.ljr_service li:nth-child(1) a {
  background: linear-gradient(
    to bottom,
    rgba(247, 108, 1, 0.4),
    rgba(247, 108, 1, 0.1)
  );
}
.ljr_service li:nth-child(2) a {
  background: linear-gradient(
    to bottom,
    rgba(0, 204, 134, 0.4),
    rgba(0, 204, 134, 0.1)
  );
}
.ljr_service li:nth-child(3) a {
  background: linear-gradient(
    to bottom,
    rgba(249, 216, 75, 0.4),
    rgba(249, 216, 75, 0.1)
  );
}
.ljr_service li:nth-child(4) a {
  background: linear-gradient(
    to bottom,
    rgba(61, 95, 255, 0.4),
    rgba(61, 95, 255, 0.1)
  );
}
.ljr_case {
  padding: 10.625rem 0 5rem 0;
}
.ljr_case div.flex {
  align-items: flex-end;
}
.ljr_case li a {
  display: inline-block;
  padding: 1.5rem 2.125rem;
  font-size: 1.125rem;
  color: #666666;
  margin-right: 0.625rem;
  border: 1px solid #e8e8e8;
  border-radius: 5rem;
  transition: all 0.5s ease-in-out;
}
.ljr_case li:last-child a {
  margin: 0;
}
.ljr_case li:hover a,
.ljr_case li.on a {
  color: #fff;
  border-color: #d20031;
  background: #d20031;
}
.ljr_case .caseSwiper {
  width: 100%;
  max-width: 47.5rem;
  overflow: visible;
  margin: 7.4375rem auto 4.75rem;
}
.ljr_case .caseSwiper .img {
  width: 100%;
  height: 100%;
  max-height: 30.3125rem;
  border-radius: 0.9375rem;
  overflow: hidden;
  position: relative;
}
.ljr_case .caseSwiper .pc {
  position: absolute;
  left: 50%;
  bottom: -6%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  max-width: 34.375rem;
  max-height: 21.125rem;
  object-fit: contain;
  z-index: 2;
}
.ljr_case .caseSwiper .img .logo {
  position: absolute;
  top: 8%;
  left: 5%;
  z-index: 1;
  max-width: 11.875rem;
  max-height: 3.75rem;
}
.ljr_case .caseSwiper .img .bg {
  width: 100%;
  height: 100%;
  min-height: 30.3125rem;
  background: radial-gradient(circle, #4595ff, #e3f3fc);
}
.ljr_case .caseSwiper .img:hover img {
  transform: scale(1) rotate(0.1deg);
  -webkit-transform: scale(1) rotate(0.1deg);
  -moz-transform: scale(1) rotate(0.1deg);
  -ms-transform: scale(1) rotate(0.1deg);
  -o-transform: scale(1) rotate(0.1deg);
}
.ljr_case .caseSwiper .txt {
  padding: 0 0.9375rem;
}
.ljr_case .caseSwiper .txt h2 {
  font-size: 1.75rem;
  color: #212121;
  margin: 1.875rem 0;
}
.ljr_case .caseSwiper .txt .ms {
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 300;
  padding: 0.5rem 0.875rem;
  background-color: #f5f5f5;
  border-radius: 0.3125rem;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}
.ljr_case .caseSwiper .txt .ms p {
  position: relative;
  z-index: 2;
}
.ljr_case .caseSwiper .txt .ms::before {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #d4042c;
  transition: all 0.5s ease;
}
.ljr_case .caseSwiper a:hover .txt .ms {
  color: #fff;
}
.ljr_case .caseSwiper a:hover .txt .ms::before {
  width: 100%;
}
.ljr_case .scrollbar {
  width: 100%;
  height: 1px;
  background: #dedede;
}
.ljr_case .scrollbar .swiper-scrollbar-drag {
  background: #d20031;
  height: 0.3125rem;
  top: -0.125rem;
}
.ljr_case_show ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.ljr_case_show a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.9375rem;
  overflow: hidden;
  position: relative;
}
.ljr_case_show li a .img_box {
  width: 100%;
  padding-top: 23.4375rem;
  display: block;
  position: relative;
  overflow: hidden;
}
.ljr_case_show li a .img_box::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 20%,
    rgba(0, 0, 0, 0.5) 100%
  );
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ljr_case_show li a .img_box img {
  width: 110%;
  height: 110%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.5s ease;
  max-width: none;
  max-height: none;
}
.ljr_case_show li:hover a .img_box img {
  filter: blur(1.25rem);
}
.ljr_case_show a .logo {
  position: absolute;
  top: 1.875rem;
  left: 2.5rem;
  z-index: 2;
}
.ljr_case_show a .logo img {
  max-width: 100%;
  max-height: 4.375rem;
}
.ljr_case_show a .txt {
  position: absolute;
  z-index: 2;
  bottom: 3%;
  color: #fff;
  width: 100%;
  height: 10%;
  padding: 0 2.5rem;
  transition: all 0.5s ease;
}
.ljr_case_show a .txt h2 {
  font-size: 1.375rem;
  margin-bottom: 1.25rem;
  transition: all 0.5s ease;
}
.ljr_case_show a .txt p {
  font-size: 1.0625rem;
  margin-bottom: 2.5rem;
  opacity: 0;
  transition: all 0.5s ease;
}
.ljr_case_show a .txt svg {
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d4042c;
  padding: 0.5rem;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.5s ease;
}
.ljr_case_show a .txt svg path {
  fill: #fff;
}
.ljr_case_show li:hover a .txt {
  height: 50%;
}
.ljr_case_show li:hover a .txt h2 {
  font-size: 1.75rem;
}
.ljr_case_show li:hover a .txt p,
.ljr_case_show li:hover a .txt svg {
  opacity: 1;
}
.ljr_solution {
  background: linear-gradient(to bottom, #fff, #f2f2f2);
  padding: 10.4375rem 0 9.8125rem 0;
}
.ljr_solution .w-1600 .flex {
  align-items: flex-end;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 3.75rem;
}
.ljr_solution .fwicoSwiper {
  width: 100%;
  max-width: 50rem;
  flex-shrink: 0;
  margin: 0;
}
.ljr_solution .fwicoSwiper .box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.25rem;
  position: relative;
  padding-bottom: 3.125rem;
  cursor: pointer;
}
.ljr_solution .fwicoSwiper .box::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 2px;
  background: #d20031;
  transition: all 0.5s ease;
}
.ljr_solution .fwicoSwiper .swiper-slide:hover .box::after,
.ljr_solution .fwicoSwiper .swiper-slide-thumb-active .box::after {
  width: 100%;
}
.ljr_solution .fwicoSwiper .box img {
  object-fit: contain;
}
.ljr_solution .jxfwSwiper {
  width: 100%;
  max-width: 78.75rem;
  overflow: visible;
}
.ljr_solution .jxfwSwiper .swiper-slide {
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 4.375rem 5.625rem;
  border-radius: 0.9375rem;
}
.ljr_solution .jxfwSwiper .txt h2 {
  font-size: 2.25rem;
  font-weight: bold;
  color: #212121;
  margin-bottom: 2.5rem;
}
.ljr_solution .jxfwSwiper .txt p {
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 2rem;
  color: #787878;
  margin-bottom: 4.375rem;
}
.ljr_solution .jxfwSwiper .img {
  width: 100%;
  max-width: 36.6875rem;
  flex-shrink: 0;
  border-radius: 0.9375rem;
  margin-left: 5rem;
}
.ljr_solution .jxfwSwiper .jt_box {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  position: absolute;
  z-index: 2;
  left: 5.625rem;
  bottom: 15%;
}
.ljr_solution .jxfwSwiper i {
  width: 3.4375rem;
  height: 3.4375rem;
  border: 1px solid #d2d2d2;
  border-radius: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  cursor: pointer;
}
.ljr_solution .jxfwSwiper i svg {
  width: 1.5rem;
  height: 1.5rem;
}
.ljr_solution .jxfwSwiper i svg path {
  fill: #212121;
  transition: all 0.5s ease;
}
.ljr_solution .jxfwSwiper .prev svg {
  transform: rotate(180deg);
}
.ljr_solution .jxfwSwiper i:hover {
  background-color: #d4042c;
  border-color: #d4042c;
}
.ljr_solution .jxfwSwiper i:hover svg path {
  fill: #fff;
}
.ljr_solution .s_more {
  margin-bottom: 5.625rem;
}
.ljr_client {
  background: url(../images/client-bg.jpg) center no-repeat;
  background-size: cover;
  padding: 7.0625rem 0 5.9375rem 0;
  overflow: hidden;
  position: relative;
  height: 65.625rem;
}
.ljr_client .w-1600 {
  z-index: 2;
}
.ljr_client .y_line {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ljr_client .y_line .yuan {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px dashed rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.ljr_client .y_line .yuan.y1 {
  width: 20.9375rem;
  height: 20.9375rem;
  animation: rotate 5s linear infinite;
}
.ljr_client .y_line .yuan.y2 {
  width: 35.625rem;
  height: 35.625rem;
  animation: rotate1 8s linear infinite;
}
.ljr_client .y_line .yuan.y3 {
  width: 56.25rem;
  height: 56.25rem;
  animation: rotate 12s linear infinite;
}
.ljr_client .y_line .yuan.y4 {
  width: 84rem;
  height: 84rem;
  animation: rotate1 16s linear infinite;
}
.ljr_client .y_line .yuan div {
  width: 100%;
  height: 100%;
  position: relative;
}
.ljr_client .y_line .yuan div:before {
  content: '●';
  position: absolute;
  font-size: 1rem;
  color: #ffffff6e;
}
.ljr_client .y_line .yuan.y1 div:before {
  left: 70%;
  top: 2.5%;
}
.ljr_client .y_line .yuan.y2 div:before {
  top: 0;
  left: 35%;
}
.ljr_client .y_line .yuan.y3 div:before {
  top: 15%;
  left: 12.25%;
}
.ljr_client .y_line .yuan.y4 div:before {
  left: 8.875%;
  top: 20%;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate1 {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.ljr_client .s_kh_box .s_kh_logo {
  position: absolute;
  z-index: 5;
  width: 8.4375rem;
  height: 8.4375rem;
  border-radius: 50%;
  background: rgba(205, 30, 36, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ljr_client .s_kh_box .s_kh_logo img {
  max-width: 6.1875rem;
  max-height: 3.6875rem;
}
.ljr_client .s_kh_box .kh1 {
  top: 20%;
  left: 14%;
  max-width: 5.75rem;
  max-height: 5.75rem;
}
.ljr_client .s_kh_box .kh2 {
  top: 38%;
  left: 11%;
  max-width: 8.4375rem;
  max-height: 8.4375rem;
}
.ljr_client .s_kh_box .kh3 {
  top: 38%;
  left: 23%;
  max-width: 8.4375rem;
  max-height: 8.4375rem;
}
.ljr_client .s_kh_box .kh4 {
  bottom: 10%;
  left: 15%;
  max-width: 6.9375rem;
  max-height: 6.9375rem;
}
.ljr_client .s_kh_box .kh5 {
  bottom: 10%;
  left: 28%;
  max-width: 8.4375rem;
  max-height: 8.4375rem;
}
.ljr_client .s_kh_box .kh6 {
  bottom: 34%;
  left: 34%;
  max-width: 5.5625rem;
  max-height: 5.5625rem;
}
.ljr_client .s_kh_box .kh7 {
  top: 30%;
  left: 40%;
  max-width: 8.75rem;
  max-height: 8.75rem;
}
.ljr_client .s_kh_box .kh8 {
  top: 17%;
  left: 57%;
  max-width: 6.875rem;
  max-height: 6.875rem;
}
.ljr_client .s_kh_box .kh9 {
  bottom: 16%;
  right: 40%;
  max-width: 6.875rem;
  max-height: 6.875rem;
}
.ljr_client .s_kh_box .kh10 {
  bottom: 1%;
  right: 35%;
  max-width: 5.75rem;
  max-height: 5.75rem;
}
.ljr_client .s_kh_box .kh11 {
  top: 40%;
  right: 23%;
  max-width: 8.4375rem;
  max-height: 8.4375rem;
}
.ljr_client .s_kh_box .kh12 {
  top: 12%;
  right: 14%;
  max-width: 8.75rem;
  max-height: 8.75rem;
}
.ljr_client .s_kh_box .kh13 {
  bottom: 20%;
  right: 14%;
  max-width: 6rem;
  max-height: 6rem;
}
.ljr_client .s_kh_box .kh14 {
  bottom: -7%;
  right: 19%;
  max-width: 8.4375rem;
  max-height: 8.4375rem;
}
.ljr_client .s_title h2,
.ljr_client .s_title p {
  color: #fff;
  text-align: center;
}
.ljr_client .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
}
.ljr_blog {
  background-color: #f3f3f3;
  padding: 8.375rem 0;
}
.ljr_blog .flex {
  align-items: flex-end;
  margin-bottom: 4.375rem;
}
.ljr_blog .s_title p {
  margin-bottom: 0;
}
.ljr_blog .box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
}
.ljr_blog li {
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 2.5rem;
  padding: 2.8125rem;
}
.ljr_blog li:first-child {
  padding: 0;
  color: #fff;
}
.ljr_blog li:last-child {
  margin-bottom: 0;
}
.ljr_blog li a .txt_box {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ljr_blog li a .txt_box .zslm {
  font-size: 1rem;
  font-weight: 300;
  text-align: center;
  max-width: 20%;
  padding: 0.5rem;
  border-radius: 0.625rem;
  background-color: #d4042c;
}
.ljr_blog li a .time {
  display: block;
  font-size: 1rem;
  font-weight: 300;
  color: #adadad;
  margin-bottom: 1.25rem;
}
.ljr_blog li a h2 {
  min-height: 4.5rem;
  font-size: 1.375rem;
  line-height: 2.25rem;
  color: #333333;
  margin-bottom: 0.9375rem;
  transition: all 0.5s ease;
}
.ljr_blog li a p {
  font-size: 1.0625rem;
  line-height: 3.125rem;
  font-weight: 300;
  color: #6b6b6b;
  padding-left: 1rem;
  position: relative;
  transition: all 0.5s ease;
}
.ljr_blog li a p::before {
  content: '●';
  position: absolute;
  font-size: 0.375rem;
  left: 0;
  top: 2%;
  transition: all 0.5s ease;
}
.ljr_blog li:first-child a h2 {
  min-height: auto;
  color: #fff;
}
.ljr_blog li:first-child a .txt {
  height: 4.25rem;
  overflow: hidden;
  transition: all 0.5s ease;
}
.ljr_blog li:first-child:hover a .txt {
  height: 9rem;
}
.ljr_blog li a .txt_box svg {
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  background: #fff;
  border-radius: 50%;
  transition: all 0.5s ease;
}
.ljr_blog li a:hover h2 {
  color: #d4042c;
  transform: translateX(0.5rem);
}
.ljr_blog li a:hover p {
  color: #d4042c;
  transform: translateX(0.5rem);
}
.ljr_blog li:first-child:hover a h2 {
  color: #fff;
  transform: translateX(0);
}
.ljr_blog li:hover a .txt_box svg {
  background-color: #d4042c;
}
.ljr_blog li:hover a .txt_box svg path {
  fill: #fff;
}
.ljr_blog .li a .time,
.ljr_blog .li a h2 {
  display: none;
}
.ljr_blog .li a:first-child .time,
.ljr_blog .li a:first-child h2 {
  display: block;
}
.s_team ul {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}
.s_team li:nth-child(14) {
  grid-column: span 4;
}
.s_team li:nth-child(14) .box {
  background-color: #d4042c;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  gap: 1rem;
}
.s_team li .box .year span {
  font-family: 'HarmonyOS_SansSC_Light';
  margin-bottom: 1.25rem;
  display: block;
  font-size: 13.875rem;
}
.s_team li .box .year p {
  position: absolute;
  top: 40%;
  left: 32%;
  transform: translateX(-50%);
  font-size: 2.25rem;
  padding: 0.5rem 1rem 0.5rem 2rem;
  background-color: #d4042c;
  text-transform: uppercase;
  font-family: 'HarmonyOS_SansSC_Light';
  letter-spacing: 5px;
}
.s_team li .box .txt span {
  display: block;
  text-transform: capitalize;
  font-size: 2.25rem;
  margin-bottom: 0.625rem;
}
.s_team li .box .txt p {
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 1.25rem;
}
.s_team li .box .txt h2 {
  font-size: 2.25rem;
}
.s_team li .box {
  width: 100%;
  height: 100%;
  max-height: 275px;
  position: relative;
}
.s_team li .box img {
  width: 100%;
  height: 100%;
}
.s_team li .box img.on {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.1s ease;
}
.s_team li:hover .box img.on {
  opacity: 1;
  visibility: visible;
}
.s_title h2 {
  font-size: 3.75rem;
  line-height: 5.125rem;
  font-weight: bold;
  color: #000;
}
.ljr_guestbook {
  padding: 7.75rem 0;
  background: url(../images/ljr_guestbook_bg.jpg) center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.ljr_guestbook .flex {
  background: url(../images/ljr_guestbook_img.jpg) center no-repeat;
  background-size: cover;
  border-radius: 1.25rem;
  overflow: hidden;
  height: 36.25rem;
}
.ljr_guestbook .box {
  padding: 4.375rem 5.625rem;
  color: #fff;
}
.ljr_guestbook .top h2 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 3.25rem;
  margin-bottom: 1.25rem;
}
.ljr_guestbook .top p {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 4.6875rem;
}
.ljr_guestbook .ewm_box {
  display: flex;
  align-items: center;
  gap: 3.125rem;
  margin-bottom: 2.5rem;
}
.ljr_guestbook .ewm {
  position: relative;
  overflow: hidden;
}
.ljr_guestbook .ewm svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ljr_guestbook .ewm svg path {
  stroke: #fff;
  fill: none;
}

.ljr_guestbook .txt {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  animation: bounce 1.6s infinite;
}
.ljr_guestbook .ewm_box img {
  max-width: 7.5rem;
  border-radius: 0.625rem;
}
.ljr_guestbook .lx_box span {
  font-size: 1rem;
  font-weight: 300;
  color: #fff6f7;
  margin-bottom: 0.625rem;
}
.ljr_guestbook .lx_box h2 {
  font-size: 1.875rem;
  color: #fff6f7;
  font-family: 'HarmonyOS_SansSC_Light';
  letter-spacing: 1px;
}
.ljr_guestbook .txt svg {
  width: 2rem;
  height: 2rem;
  transform: rotate(270deg) scaleX(-1);
}
.ljr_guestbook .txt svg path {
  fill: #fff;
}
.ljr_guestbook .right {
  padding: 4.3125rem 7.375rem;
  background: #fff5f6;
  width: 100%;
  height: 100%;
  max-width: 58.125rem;
  flex-shrink: 0;
  border-radius: 1.25rem;
}
.ljr_guestbook .right h1 {
  font-size: 2.25rem;
  font-weight: 300;
  color: #212121;
  margin-bottom: 2.5rem;
}
.ljr_guestbook form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem 0.875rem;
}
.ljr_guestbook form .inp input {
  padding: 1.375rem 1.6875rem;
  border-radius: 5rem;
  border: 1px solid #d1d1d1;
  font-size: 1rem;
  font-weight: 300;
  color: #757575;
  width: 100%;
}
.ljr_guestbook form .inp.web,
.ljr_guestbook form .inp.service,
.ljr_guestbook form .inp.code {
  grid-column: span 2;
}
.ljr_guestbook form .inp.code {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.ljr_guestbook form .inp.code input {
  width: 100%;
  max-width: 10rem;
  flex-shrink: 0;
}
.ljr_guestbook form .service {
  margin-bottom: 1.25rem;
}
.ljr_guestbook form .service h2 {
  font-size: 1.25rem;
  color: #212121;
  margin-bottom: 1.25rem;
}
.ljr_guestbook form .service .service-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.ljr_guestbook form .service .service-button {
  font-size: 0.875rem;
  border-radius: 5rem;
  color: #b1b1b1;
  padding: 0.625rem 0.875rem;
  border: 1px solid #d1d1d1;
  transition: all 0.5s ease;
  cursor: pointer;
  position: relative;
}
.ljr_guestbook form .service .service-button:hover,
.ljr_guestbook form .service .service-button.on {
  color: #fff;
  background-color: #d4042c;
  border-color: #d4042c;
}
.ljr_guestbook form .service .service-button input {
  border: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.ljr_guestbook form .inp.code .code_box {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.ljr_guestbook form .inp.code button {
  width: 100%;
  max-width: 11.25rem;
  flex-shrink: 0;
  padding: 1.375rem 1.6875rem;
  border-radius: 5rem;
  background-color: #d4042c;
  font-size: 1.125rem;
  font-weight: 300;
  color: #fff;
  transition: all 0.5s ease;
}
.ljr_guestbook form .inp.code button:hover {
  transform: translateX(-1rem);
}
footer {
  width: 100%;
  padding: 6.0625rem 0 4.375rem 0;
  background: linear-gradient(to bottom, #fff, #ffdcde);
}
footer .flex {
  align-items: flex-start;
}
footer .logo img {
  width: 100%;
}
footer .left {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 64.5rem;
  flex-shrink: 0;
}
footer .left .box {
  width: 100%;
  max-width: 14.625rem;
  flex-shrink: 0;
}
footer .left .f_lmzs {
  width: 100%;
  margin-left: 5.5rem;
  display: flex;
  justify-content: space-between;
}
footer .left .f_lmzs dt {
  font-size: 1.1875rem;
  color: #212121;
  margin-bottom: 2.5rem;
}
footer .left .f_lmzs dd {
  font-size: 1rem;
  font-weight: 300;
  line-height: 2.25rem;
  color: #8c8c8c;
}
footer .right {
  margin-left: 2.5rem;
}
footer .line {
  width: 100%;
  height: 1px;
  background: #e9e9e9;
  margin: 3.0625rem 0 1.625rem 0;
}
footer .ewm_box {
  display: flex;
  gap: 1.25rem;
}
footer .ewm_box .ewm .img_box {
  border-radius: 0.625rem;
  border: 1px solid #e9e9e9;
  position: relative;
  overflow: hidden;
}
footer .ewm_box .ewm .img_box img {
  max-width: 7.5rem;
  max-height: 7.5rem;
}
footer .ewm_box p {
  margin-top: 0.625rem;
  font-size: 1rem;
  font-weight: 300;
  color: #898989;
  text-align: center;
}
footer .copyright {
  font-size: 0.9375rem;
  font-weight: 300;
  color: #b8b8b8;
  transition: all 0.5s ease;
}
footer .copyright a:hover {
  color: #212121;
}
footer .a_box {
  font-size: 0.9375rem;
  font-weight: 300;
  color: #b8b8b8;
  display: flex;
  align-items: center;
  gap: 1.375rem;
}
footer .a_box a {
  transition: all 0.5s ease;
}
footer .a_box a:hover {
  color: #d4042c;
}
footer .line2 {
  width: 0.5px;
  height: 0.875rem;
  background: #b8b8b8;
}
footer ul {
  display: flex;
  gap: 0.9375rem;
  margin-top: 2.8125rem;
}
footer ul li {
  position: relative;
}
footer .lx_box {
  margin-bottom: 3.25rem;
}
footer .links {
  display: flex;
  align-items: flex-start;
  font-size: 1rem;
  font-weight: 300;
  color: #b8b8b8;
  margin-top: 1.25rem;
}
footer .links h6 {
  font-size: 1rem;
  font-weight: 300;
  color: #868686;
  flex-shrink: 0;
  width: 100%;
  max-width: 6.875rem;
  margin-top: 0.65rem;
}
footer .links a {
  display: inline-block;
  margin-right: 1.5rem;
  transition: all 0.5s ease;
}
footer .links a:hover {
  color: #d4042c;
}
footer .links .a {
  padding: 0.625rem 1rem;
  border-radius: 5rem;
  background: #d4042c;
  color: #fff;
  transition: all 0.5s ease;
}
footer .links .a:hover {
  color: #fff;
  transform: translateX(0.5rem);
}
footer .lx_box span {
  display: block;
  font-size: 0.9375rem;
  font-weight: 300;
  color: #a2a2a2;
}
footer .lx_box h2 {
  font-size: 1.75rem;
  color: #d30031;
  font-family: 'HarmonyOS_SansSC_Light';
  margin-bottom: 1.625rem;
}
footer .lx_box p {
  font-size: 1rem;
  line-height: 2;
  font-weight: 300;
  color: #8c8c8c;
}
footer li .ico {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f6;
  transition: all 0.5s ease;
  cursor: pointer;
}
footer li .ico svg {
  width: 2rem;
  height: 2rem;
}
footer li .ico svg path {
  fill: #212121;
  transition: all 0.5s ease;
}
footer li .ico.dy svg {
  width: 1.5rem;
  height: 1.5rem;
}
footer li .ico_box {
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  font-size: 0.875rem;
  text-align: center;
  color: #8c8c8c;
  white-space: nowrap;
  padding: 0.5rem;
  background: #fff;
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.03);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transition: all 0.5s ease;
}
footer li .ico_box img {
  min-width: 6.875rem;
}
footer li:hover .ico_box {
  opacity: 1;
  visibility: visible;
}
footer li:hover .ico {
  background: #d4042c;
}
footer li:hover .ico svg path {
  fill: #fff;
}
.s_title p {
  margin-top: 1.875rem;
  font-size: 1.25rem;
  font-weight: 300;
  color: #9a9a9a;
  margin-bottom: 3.125rem;
}
.s_title h2 span {
  color: #d20031;
}
.s_more {
  display: inline-flex;
  align-items: center;
  font-size: 0.9375rem;
  font-weight: 300;
  color: #fff;
  gap: 1.5rem;
  background: #020202;
  border-radius: 5rem;
  padding: 0.5rem 0.75rem 0.5rem 1.6875rem;
  transition: all 0.5s ease;
}
.s_more:hover {
  background-color: #d4042c;
}
.s_more svg {
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  background: #fff;
  border-radius: 50%;
}
.s_more svg path {
  fill: #020202;
}
.n_fwlc {
  width: 100%;
  height: 100vh;
}
.n_fwlc .fwlcSwiper {
  width: 100%;
  height: 100%;
}
.n_fwlc .fwlcSwiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: visible;
}
.n_fwlc .fwlcSwiper .box {
  width: 100%;
  height: 100%;
  position: relative;
}
.n_fwlc .fwlcSwiper .box .txt {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 1.125rem;
  line-height: 2.125rem;
  font-weight: 300;
  color: #fff;
  max-width: 30%;
}
.n_fwlc .fwlcSwiper .box .txt h2 {
  font-size: 3.75rem;
  margin-bottom: 2.5rem;
}
.n_fwlc .fwlcSwiper .box .txt .ico {
  width: 7.5rem;
  height: 7.5rem;
  background-color: #d4042c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 3.125rem;
}
.n_fwlc .fwlcSwiper .box .txt .ico svg {
  width: 3.375rem;
  height: 3.375rem;
}
.n_fwlc .fwlcSwiper .box .txt .ico svg path {
  fill: #fff;
}
.n_fwlc .fwlcSwiper .box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.n_fwlc .footer {
  height: auto !important;
  align-items: flex-end;
}
.n_fwlc .fwlctxtSwiper {
  position: fixed;
  z-index: 5;
  top: 40%;
  left: 0;
  width: 10%;
  height: 100%;
  max-height: 26.25rem;
}
.n_fwlc .fwlctxtSwiper .txt_box {
  display: block;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  background: rgba(0, 0, 0, 0.3);
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  cursor: pointer;
  transition: all 0.5s ease;
  position: relative;
  width: auto;
}
.n_fwlc .fwlctxtSwiper h2 {
  font-size: 1rem;
  font-weight: 300;
  padding: 1.0625rem 1.125rem;
}
.n_fwlc .fwlctxtSwiper .txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.n_fwlc .fwlctxtSwiper .txt p {
  white-space: nowrap;
  padding: 1.0625rem 1.125rem;
  width: auto;
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  background-color: #d4042c;
}
.n_fwlc .fwlctxtSwiper .txt_box:hover {
  background-color: #d4042c;
}
.n_fwlc .fwlctxtSwiper .swiper-slide-thumb-active .txt {
  opacity: 1;
  visibility: visible;
}
.n_fwlc .fwlctxtSwiper .swiper-slide-thumb-active h2 {
  opacity: 0;
}
.n_fwlc .fwlctxtSwiper .swiper-wrapper {
  display: inline-flex;
  width: auto;
}
.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt .ico,
.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt h2,
.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt p {
  opacity: 0;
}
.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt .ico {
  animation: fadeUpOnce 1s ease-out forwards;
}
.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt h2 {
  animation: fadeUpOnce 1s ease-out forwards 0.5s;
}
.n_fwlc .fwlcSwiper .swiper-slide-active .box .txt p {
  animation: fadeUpOnce 1s ease-out forwards 1s;
}
#banner .h21,
#banner .h22,
#banner .key {
  opacity: 0;
}
#banner .swiper-slide-active .h21 {
  animation: fadeUpOnce 0.8s ease-out forwards;
}
#banner .swiper-slide-active .h22 {
  animation: fadeUpOnce 0.8s ease-out forwards 0.5s;
}
#banner .swiper-slide-active .key {
  animation: fadeUpOnce 0.8s ease-out forwards 1s;
}
@keyframes fadeUpOnce {
  from {
    opacity: 0;
    transform: translateY(5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.n_case {
  padding: 7.4375rem 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.n_case ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.n_case li a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.9375rem;
  overflow: hidden;
  position: relative;
}
.n_case li a .img_box {
  width: 100%;
  padding-top: 23.4375rem;
  display: block;
  position: relative;
  overflow: hidden;
}
.n_case li a .img_box::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 20%,
    rgba(0, 0, 0, 0.5) 100%
  );
  width: 100%;
  height: 100%;
  z-index: 1;
}
.n_case li a .img_box img {
  width: 110%;
  height: 110%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.5s ease;
  max-width: none;
  max-height: none;
}
.n_case li:hover a .img_box img {
  filter: blur(1.25rem);
}
.n_case li a .logo {
  position: absolute;
  top: 1.875rem;
  left: 2.5rem;
  z-index: 2;
}
.n_case li a .logo img {
  max-width: 10.625rem;
  max-height: 3.375rem;
}
.n_case li a .txt {
  position: absolute;
  z-index: 2;
  bottom: 3%;
  color: #fff;
  width: 100%;
  height: 10%;
  padding: 0 2.5rem;
  transition: all 0.5s ease;
}
.n_case li a .txt h2 {
  font-size: 1.375rem;
  margin-bottom: 1.25rem;
  transition: all 0.5s ease;
}
.n_case li a .txt p {
  font-size: 1.0625rem;
  margin-bottom: 2.5rem;
  opacity: 0;
  transition: all 0.5s ease;
}
.n_case li a .txt svg {
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d4042c;
  padding: 0.5rem;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.5s ease;
}
.n_case li a .txt svg path {
  fill: #fff;
}
.n_case li:hover a .txt {
  height: 50%;
}
.n_case li:hover a .txt h2 {
  font-size: 1.75rem;
}
.n_case li:hover a .txt p,
.n_case li:hover a .txt svg {
  opacity: 1;
}
.n_title h2 {
  font-size: 3.75rem;
  color: #212121;
  margin-bottom: 1.25rem;
}
.n_title h2 span {
  color: #d20031;
  margin-left: 2rem;
}
.n_title p {
  font-size: 1.25rem;
  font-weight: 300;
  color: #9a9a9a;
}
.n_yw p {
  font-size: 10rem;
  font-family: 'HarmonyOS_SansSC_Light';
  letter-spacing: 0.3125rem;
  color: rgba(210, 0, 49, 0.1);
}
.n_lm {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 3.125rem;
  width: 100%;
}
.n_lm a {
  display: block;
  width: 100%;
  max-width: 8.75rem;
  font-size: 1.125rem;
  color: #666666;
  border-radius: 5rem;
  border: 1px solid #dddddd;
  text-align: center;
  padding: 1.5rem 0;
  transition: all 0.5s ease;
}
.n_lm a:hover,
.n_lm a.on {
  background-color: #d4042c;
  border-color: #d4042c;
  color: #fff;
}
.page .box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin-top: 5rem;
}
.page .box a {
  display: block;
  width: auto;
  font-size: 1rem;
  font-weight: 300;
  padding: 0.9375rem 1.5625rem;
  border-radius: 5rem;
  border: 1px solid #dcdcdc;
  transition: all.5s ease;
}
.page .box a:hover,
.page .box a.on {
  background-color: #d4042c;
  border-color: #d4042c;
  color: #fff;
}
.n_banner {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 35.3125rem;
  overflow: hidden;
}
.n_banner img,
.n_banner .img_box {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.n_banner .txt {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
}
.n_banner .txt h2 {
  color: #fff;
}
.n_banner .txt .n_yw p {
  color: rgba(255, 255, 255, 0.1);
  margin-bottom: 3rem;
}
.n_blog {
  padding: 5rem 0 7.5rem;
}
.n_blog .top form {
  width: 100%;
  max-width: 26.25rem;
  flex-shrink: 0;
  position: relative;
}
.n_blog .top form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8%;
  background-color: transparent;
}
.n_blog .top form button svg {
  width: 1.25rem;
  height: 1.25rem;
}
.n_blog .top form button svg path {
  fill: #666666;
}
.n_blog .top input {
  border: 1px solid #dddddd;
  border-radius: 5rem;
  padding: 1.5rem 2.125rem;
  font-size: 1rem;
  font-weight: 300;
  color: #646464;
  width: 100%;
}
#n_blog .yr .bg1 .bubble {
  top: 35%;
  right: 35%;
}
.n_blog .flex {
  align-items: flex-start;
}
.n_blog ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  position: relative;
  z-index: 5;
}
.n_blog li .box {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 1.25rem;
  padding: 4.125rem 3.125rem;
  overflow: hidden;
  position: relative;
}
.n_blog li .box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(120deg, #e80117 0%, #e80117 60%, #f6c8cc 100%);
}
.n_blog li .box span {
  display: block;
  font-size: 1rem;
  font-weight: 300;
  color: #adadad;
  margin-bottom: 1.875rem;
  transition: all 0.5s ease;
  position: relative;
  z-index: 2;
}
.n_blog li .box h2 {
  font-size: 1.625rem;
  line-height: 2.375rem;
  color: #333333;
  min-height: 4.0625rem;
  margin-bottom: 2.375rem;
  transition: all 0.5s ease;
  position: relative;
  z-index: 2;
}
.n_blog li .box p {
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.625rem;
  color: #999999;
  margin-bottom: 3.75rem;
  transition: all 0.5s ease;
  position: relative;
  z-index: 2;
}
.n_blog li .box .more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #a8a8a8;
  border-radius: 50%;
  padding: 0.625rem;
  transition: all 0.5s ease;
  position: relative;
  z-index: 2;
}
.n_blog li .box .more svg {
  width: 1rem;
  height: 1rem;
}
.n_blog li .box .more svg path {
  fill: #a8a8a8;
  transition: all 0.5s ease;
}
.n_blog li .box:hover span,
.n_blog li .box:hover h2,
.n_blog li .box:hover p,
.n_blog li .box:hover .more svg path {
  color: #fff;
  fill: #fff;
}
.n_blog li .box:hover .more {
  border-color: #fff;
}
.n_blog li .box:hover::after {
  opacity: 1;
  visibility: visible;
}
.n_blog_show {
  border-top: 1px solid #e6e6e6;
}
.n_blog_show .w-1600 > .flex {
  border-bottom: 1px solid #e6e6e6;
  align-items: flex-start;
}
.n_blog_show .left > h2 {
  font-size: 3rem;
  line-height: 1.5;
  color: #212121;
  margin-bottom: 3.125rem;
}
.n_blog_show .left .box {
  padding: 0.875rem 2.75rem;
  border-radius: 0.625rem;
  background: linear-gradient(to right, #f7f7f7, #fff);
  font-size: 1rem;
  color: #494949;
  margin-bottom: 5.375rem;
}
.n_blog_show .left .box .text span {
  font-size: 0.875rem;
  color: #a5a5a5;
}
.n_blog_show .left .box .text span.dr_show_hits_5322 {
  color: #212121;
}
.n_blog_show .left .box .text .line {
  width: 0.5px;
  height: 1.25rem;
  background: #e3e3e3;
  margin: 0 2.8125rem;
}
.n_blog_show .left .box .back a {
  position: relative;
  height: 2.3125rem;
  padding-left: 1.5rem;
}
.n_blog_show .left .box .back p {
  position: relative;
  z-index: 2;
  transition: all 0.5s ease;
}
.n_blog_show .left .box .back svg {
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 1.5rem;
  margin-right: 0.8438rem;
  position: relative;
  z-index: 2;
}
.n_blog_show .left .box .back svg path {
  fill: #fff;
}
.n_blog_show .left .box .back a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2.3125rem;
  height: 100%;
  background: #d20031;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  z-index: 1;
  transition: width 0.5s ease-in-out;
}
.n_blog_show .left .box .back a:hover::after {
  width: 100%;
}
.n_blog_show .left .box .back a:hover p {
  color: #fff;
}
.n_blog_show .flex .left {
  padding: 7.4375rem 5rem 8.3125rem 0;
  border-right: 1px solid #e6e6e6;
}
.n_blog_show .left .wz {
  display: flex;
  align-items: flex-start;
  gap: 6.25rem;
  margin-top: 6.25rem;
}
.n_blog_show .left .wz div {
  width: 45%;
  flex-shrink: 0;
}
.n_blog_show .left .wz div p {
  font-size: 0.875rem;
  color: #606060;
  margin-bottom: 1.25rem;
}
.n_blog_show .left .wz div a {
  display: block;
  font-size: 1.125rem;
  color: #606060;
  transition: all 0.5s ease;
}
.n_blog_show .left .wz div a:hover {
  color: #d4042c;
}
.n_blog_show .left .wz div.wz_next {
  text-align: right;
}
.n_blog_show .right {
  width: 100%;
  max-width: 22.1875rem;
  margin-left: 6.25rem;
  flex-shrink: 0;
  padding-top: 7.4375rem;
  position: sticky;
  top: 1rem;
}
.n_blog_show .right h6 {
  font-size: 1.375rem;
  color: #212121;
  margin-bottom: 1.5rem;
}
.n_blog_show .right .img {
  width: 100%;
  height: auto;
  max-height: 13.75rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.9375rem;
}
.n_blog_show .right .img .txt {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 1.875rem 0.875rem;
}
.n_blog_show .right .img .txt p,
.n_blog_show .right .img .txt .time {
  color: #fff;
}
.n_blog_show .right .txt .time {
  display: block;
  font-size: 0.875rem;
  font-weight: 300;
  color: #7f7f7f;
  margin-bottom: 1rem;
}
.n_blog_show .right .txt p {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #606060;
  transition: all 0.5s ease;
}
.n_blog_show .right li {
  margin-top: 2.5rem;
}
.n_blog_show .right li:hover .txt p {
  color: #d4042c;
  transform: translateX(0.5rem);
}
.tag {
  margin: 4.375rem 0;
}
.tag .tag_box {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.tag .tag_box a {
  background-color: #f3f3f3;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 300;
  color: #646464;
  border-radius: 0.1875rem;
  padding: 0.5rem 1.375rem;
  transition: all 0.5s ease;
}
.tag .tag_box a:hover {
  background-color: #d4042c;
  color: #fff;
}
.n_blog_show .right .tag {
  margin: 4.375rem 0;
}
.n_blog_show .right .tag .tag_box {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.n_blog_show .right .tag .tag_box a {
  background-color: #f3f3f3;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 300;
  color: #646464;
  border-radius: 0.1875rem;
  padding: 0.5rem 1.375rem;
  transition: all 0.5s ease;
}
.n_blog_show .right .tag .tag_box a:hover {
  background-color: #d4042c;
  color: #fff;
}
.case_tj {
  border-top: 0;
}
.case_tj .flex {
  align-items: flex-end;
  margin-bottom: 4.375rem;
}
.n_case_show .box {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle, #4595ff, #e3f3fc);
}
.n_case_show .box .flex {
  width: 100%;
  height: 100%;
}
.n_case_show .box h2 {
  font-size: 4.5rem;
  color: #212121;
  margin-bottom: 1.25rem;
}
.n_case_show .box h6 {
  font-size: 1.125rem;
  font-weight: 300;
  color: #616161;
  margin-bottom: 3.125rem;
}
.n_case_show .box .a_box {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 5.625rem;
}
.n_case_show .box .a_box a {
  font-size: 1.125rem;
  color: #212121;
  padding: 1.25rem 3.125rem;
  border-radius: 5rem;
  border: 1px solid #212121;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  gap: 1rem;
  transition: all 0.5s ease;
}
.n_case_show .box .a_box a svg {
  width: 1.5rem;
  height: 1.5rem;
}
.n_case_show .box .a_box a svg path {
  fill: #212121;
  transition: all 0.5s ease;
}
.n_case_show .box .a_box a:hover {
  color: #fff;
  background-color: #d4042c;
  border-color: #d4042c;
}
.n_case_show .box .a_box a:hover svg path {
  fill: #fff;
}
.n_case_show .box .ewm_box {
  display: flex;
  align-items: center;
  gap: 3.125rem;
  margin-bottom: 2.5rem;
}
.n_case_show .box .ewm {
  position: relative;
  overflow: hidden;
}
.n_case_show .box .ewm img {
  mix-blend-mode: darken;
  max-width: 7.8125rem;
  max-height: 7.8125rem;
}
.n_case_show .box .ewm svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.n_case_show .box .ewm svg path {
  stroke: #212121;
  fill: none;
}
.n_case_show .box .txt {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  animation: bounce 1.6s infinite;
  font-size: 1rem;
  font-weight: 300;
  color: #5c5c5c;
}
.n_case_show .box .txt svg {
  width: 2rem;
  height: 2rem;
  transform: rotate(270deg) scaleX(-1);
}
.n_case_show .box .txt svg path {
  fill: #5c5c5c;
}
.n_case_show .box .lx_box span {
  font-size: 1rem;
  font-weight: 300;
  color: #696c6e;
}
.n_case_show .box .lx_box h3 {
  font-size: 2.5rem;
  font-family: 'HarmonyOS_SansSC_Light';
  color: #212121;
}
.n_case_show .box .right {
  position: absolute;
  right: 0;
  top: 21%;
  width: 52%;
}
.n_case_show .box .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.n_case_show .box2 {
  padding-top: 8.375rem;
}
.n_case_show .case_title p {
  font-size: 1rem;
  color: #212121;
  margin-bottom: 2.25rem;
}
.n_case_show .case_title h2 {
  font-size: 5rem;
  color: #212121;
}
.n_case_show .box2 .flex {
  align-items: flex-end;
}
.n_case_show .box2 .zt {
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: 6.25rem;
}
.n_case_show .box2 .zt i {
  font-size: 16.25rem;
  font-weight: bold;
  text-transform: capitalize;
  text-shadow: -1px -1px 0 #828282, 1px -1px 0 #828282, -1px 1px 0 #828282,
    1px 1px 0 #828282;
  color: #fff;
}
.n_case_show .box2 .zt .zt_box {
  display: flex;
  align-items: center;
  gap: 6.25rem;
  font-weight: 300;
}
.n_case_show .box2 .zt .zt_box p {
  font-size: 1.625rem;
  color: #000000;
  margin-bottom: 1.25rem;
}
.n_case_show .box2 .zt .zt_box span {
  display: block;
  font-size: 1rem;
  color: #676767;
  margin-bottom: 3.125rem;
}
.n_case_show .box2 .zt .zt_box .ztzh {
  font-size: 1rem;
  color: #000000;
  text-transform: uppercase;
}
.n_case_show .box2 .color {
  width: 100%;
  max-width: 37.125rem;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.9375rem;
}
.n_case_show .box2 .color li {
  width: 100%;
  height: 100%;
  min-height: 13.125rem;
  border-radius: 0.625rem;
  border: 1px solid #dfdfdf;
  position: relative;
  transition: all 0.5s ease;
}
.n_case_show .box2 .color li .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1.875rem;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.625rem;
  color: #241e4a;
}
.n_case_show .box2 .color li .txt.header_white {
  color: #fff;
}
.n_case_show .box2 .color li:hover {
  transform: scale(1.05) rotate(0.1deg);
  -webkit-transform: scale(1.05) rotate(0.1deg);
  -moz-transform: scale(1.05) rotate(0.1deg);
  -ms-transform: scale(1.05) rotate(0.1deg);
  -o-transform: scale(1.05) rotate(0.1deg);
}
.n_case_show .box2 .zdsb .case_title {
  padding: 6.25rem 0 3.125rem 0;
}
.n_case_show .box2 .zdsb ul {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: 5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.n_case_show .box2 .mzsm {
  font-size: 1rem;
  font-weight: 300;
  color: #838383;
  line-height: 2.125rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #e6e6e5;
}
.njr_ny_about {
  padding: 6.75rem 0 6.25rem 0;
}
.njr_ny_about .flex:first-child {
  margin-bottom: 3.125rem;
}
.njr_ny_about .flex:nth-child(2) {
  align-items: flex-start;
}
.njr_ny_about .ar_article {
  font-size: 1.125rem;
  margin-bottom: 5rem;
}
.njr_ny_about .hzhb_box h6 {
  font-size: 1.125rem;
  font-weight: 300;
  color: #000000;
  margin-bottom: 1.25rem;
}
.njr_ny_about .hzhb_box .hzhb_img {
  display: flex;
  gap: 0.9375rem;
}
.njr_ny_about .hzhb_box .hzhb_img .img {
  min-width: 11.25rem;
  min-height: 4.25rem;
  border-radius: 0.3125rem;
  border: 1px solid #f0f0f0;
  position: relative;
  transition: all 0.5s ease;
}
.njr_ny_about .hzhb_box .hzhb_img .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: 6.25rem;
  max-height: 2rem;
  object-fit: contain;
}
.njr_ny_about .hzhb_box .hzhb_img .img:hover {
  transform: translateY(-0.5rem);
}
.njr_ny_about .right {
  width: 100%;
  max-width: 35.3125rem;
  flex-shrink: 0;
  margin-left: 11.25rem;
}
.njr_ny_about .right .sz_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.njr_ny_about .right .sz_box .sz {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 1.375rem;
}
.njr_ny_about .right .sz_box p {
  font-size: 1.25rem;
  font-weight: 300;
  color: #212121;
}
.njr_ny_about .right .sz_box .sz p {
  font-size: 3.125rem;
  font-family: 'HarmonyOS_SansSC_Light';
  color: #d20031;
}
.njr_ny_about .right .sz_box .sz span {
  font-size: 1.375rem;
  font-family: 'HarmonyOS_SansSC_Light';
  color: #d20031;
  margin-top: 0.5rem;
}
.njr_ny_about .right .sz_box li:first-child .sz {
  align-items: flex-end;
}
.njr_ny_about .right .sz_box li:first-child .sz span {
  font-size: 1.25rem;
  font-weight: 300;
  color: #212121;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.njr_ny_about .right .sz_box li {
  border-top: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  padding: 3.375rem 4.75rem;
  width: 100%;
}
.njr_ny_about .right .sz_box li:nth-child(1),
.njr_ny_about .right .sz_box li:nth-child(2) {
  border-top: 0;
}

.njr_ny_about .right .sz_box li:nth-child(even) {
  border-right: 0;
}
.njr_ny_client {
  background: url(../images/client-bg.jpg) center no-repeat;
  background-size: cover;
  padding: 12.5rem 0;
  color: #fff;
  position: relative;
}
.njr_ny_client .w-1600 {
  z-index: 2;
}
.njr_ny_client .left {
  width: 100%;
  max-width: 22.5rem;
  flex-shrink: 0;
}
.njr_ny_client .left h2 {
  font-size: 3.75rem;
  font-weight: bold;
  line-height: 5rem;
  margin-bottom: 2.5rem;
}
.njr_ny_client .left p {
  font-size: 1.25rem;
  font-weight: 300;
  margin-bottom: 4.375rem;
}
.njr_ny_client .left a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
}
.njr_ny_client .left a .on {
  position: absolute;
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.njr_ny_client .left a:hover .on {
  opacity: 1;
  visibility: visible;
}
.njr_ny_client ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-items: center;
  align-items: center;
  gap: 6.25rem;
  transform: translateX(10%);
}
.njr_ny_client ul li {
  width: 100%;
}
.njr_ny_client ul li:nth-child(1),
.njr_ny_client ul li:nth-child(19) {
  margin-left: -50%;
}
.njr_ny_client ul li img {
  width: 100%;
  height: 100%;
  max-width: 14rem;
  max-height: 4.375rem;
  object-fit: contain;
}
.njr_ny_client .yuan_box {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.njr_ny_client .yuan {
  position: relative;
  width: 50.3125rem;
  height: 50.3125rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.njr_ny_client .yuan.y1 {
  position: absolute;
  left: -20%;
}
.njr_ny_client .yuan.y2 {
  animation: rotate2 12s linear infinite;
}
.njr_ny_client .yuan.y2::before {
  content: '●';
  position: absolute;
  right: 20%;
  top: 8.25%;
  font-size: 1rem;
  color: #ff8585;
}
@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.njr_ny_promise {
  background: linear-gradient(to bottom, #fff, #ffdcde);
  padding: 8rem 0;
}
.njr_ny_promise .n_title h2 span {
  margin: 0;
}
.njr_ny_promise ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8.75rem 5.25rem;
  margin-top: 7.1875rem;
  align-items: center;
  justify-items: start;
}
.njr_ny_promise li {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}
.njr_ny_promise li svg {
  width: 3.75rem;
  height: 3.75rem;
}
.njr_ny_promise li svg path {
  fill: #5f5e5e;
}
.njr_ny_promise li h2 {
  font-size: 1.375rem;
  font-weight: bold;
  color: #212121;
  margin-bottom: 1rem;
}
.njr_ny_promise li p {
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 300;
  color: #979797;
}
.n_lxwm {
  padding: 8.0625rem 0 5.9375rem;
}
.n_lxwm .top h2 {
  font-size: 3.625rem;
  line-height: 4.5rem;
  color: #212121;
}
.n_lxwm .left {
  position: relative;
  width: 100%;
}
.n_lxwm .right {
  width: 100%;
  max-width: 41.875rem;
  flex-shrink: 0;
  padding: 5.4375rem 4.125rem;
  border-radius: 0.9375rem;
  overflow: hidden;
  background: linear-gradient(120deg, #fff 0%, #fff 60%, #f6c8cc 100%);
  margin-left: 9.25rem;
}
.n_lxwm .right h6 {
  font-size: 1rem;
  font-weight: 300;
  color: #616161;
  padding-left: 1.5rem;
  position: relative;
}
.n_lxwm .right h6::before {
  content: '●';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75rem;
  color: #d4042c;
  animation: breathing 1.5s infinite ease-in-out;
  transform-origin: center;
}
@keyframes breathing {
  0% {
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-50%) scale(1.2);
    opacity: 0.5;
  }
  100% {
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
}
.n_lxwm .right input,
.n_lxwm .right textarea {
  font-size: 1rem;
  font-weight: 300;
  color: #616161;
  padding: 1.375rem 1.875rem;
  width: 100%;
  border: 1px solid #d1d1d1;
  border-radius: 1.875rem;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 1.5rem;
}
.n_lxwm .right textarea {
  min-height: 10.625rem;
}
.n_lxwm .right .yzm {
  position: relative;
  width: 100%;
  height: 100%;
}
.n_lxwm .right .yzm .fc-code {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.n_lxwm .right button {
  width: 100%;
  height: 100%;
  background-color: #d4042c;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  padding: 1.375rem 1.875rem;
  border-radius: 1.875rem;
}
.n_lxwm .right button,
.n_lxwm .right input:first-child {
  margin-top: 1.5rem;
}
.n_lxwm .right .yzm input {
  margin: 0;
}
.n_lxwm .box {
  display: flex;
  gap: 6.875rem;
  margin: 5.625rem 0;
}
.n_lxwm .lx_box {
  width: 50%;
  flex-shrink: 0;
}
.n_lxwm .lx_box div {
  margin-bottom: 2.25rem;
}
.n_lxwm .lx_box h2 {
  font-size: 2rem;
  font-weight: 300;
  color: #212121;
  margin-bottom: 3.125rem;
}
.n_lxwm .lx_box p {
  font-size: 1rem;
  font-weight: 300;
  color: #979797;
  margin-bottom: 1.125rem;
}
.n_lxwm .lx_box h6 {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.5;
  color: #212121;
}
.n_lxwm .lx_box .tel h6 {
  font-size: 2.5rem;
  font-family: 'HarmonyOS_SansSC_Light';
  color: #d20031;
  margin-top: -1rem;
}
.n_lxwm .lx_box a {
  display: inline-block;
  margin-left: 0.5rem;
}
.n_lxwm .lx_box a svg {
  width: 1.25rem;
  height: 1.25rem;
}
.n_lxwm .lx_box a svg path {
  fill: #d4042c;
}
.n_lxwm .left .flex {
  gap: 4.375rem;
  justify-content: unset;
}
.n_lxwm .left .ewm_box p {
  text-align: center;
  font-size: 1rem;
  font-weight: 300;
  color: #757575;
  margin-top: 1.6875rem;
}
.n_lxwm .left .ewm_box .ewm {
  position: relative;
  overflow: hidden;
}
.n_lxwm .left .ewm_box .ewm img {
  mix-blend-mode: darken;
  max-width: 9.375rem;
  max-height: 9.375rem;
}
.n_join {
  padding: 7.875rem 0;
}
.n_join .left h2 {
  font-size: 3.5rem;
  line-height: 4.5rem;
  color: #212121;
  margin-bottom: 3.75rem;
}
.n_join .left h2 span {
  color: #d4042c;
}
.n_join .left p {
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 2.125rem;
  color: #787878;
  margin-bottom: 4.875rem;
}
.n_join .hov_box {
  position: relative;
}
.n_join .hov_box .hov svg {
  transform: rotate(180deg);
}
.n_join .box .right {
  width: 100%;
  max-width: 49.0625rem;
  flex-shrink: 0;
  border-radius: 0.9375rem;
  overflow: hidden;
  margin-left: 10.3125rem;
}
.n_join .box2 {
  padding-top: 9.625rem;
  align-items: flex-start;
}
.n_join .box2 .left {
  width: 100%;
  max-width: 24.5rem;
  margin-right: 14.875rem;
  flex-shrink: 0;
  position: sticky;
  top: 9rem;
}
.n_join .box2 .right {
  width: 100%;
}
.n_join .box2 dt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e8e8e8;
  padding: 2rem 0.9375rem;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.n_join .box2 dt::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background: #d4042c;
  transition: all 0.5s ease;
}
.n_join .box2 dl.on dt::before,
.n_join .box2 dl:hover dt::before {
  width: 100%;
}
.n_join .box2 dl:last-child dt {
  border-bottom: 1px solid #e8e8e8;
}
.n_join .box2 dl.on:last-child dt {
  border: 0;
}
.n_join .box2 dt h2 {
  width: 100%;
  font-size: 1.375rem;
  color: #212121;
}
.n_join .box2 dd {
  display: none;
  padding: 0 0.9375rem 2rem;
}
.n_join .box2 .zk {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.1875rem;
  height: 2.1875rem;
  cursor: pointer;
  flex-shrink: 0;
}
.n_join .box2 .zk i {
  width: 1.125rem;
  height: 1.125rem;
  display: block;
  position: relative;
  transition: all 0.5s ease;
}
.n_join .box2 .zk i::after,
.n_join .box2 .zk i::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #cacaca;
  top: 55%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.n_join .box2 .zk i::after {
  transform: rotate(90deg);
  left: 0;
  top: 50%;
}
.n_join .box2 dl:hover .zk i {
  transform: rotate(90deg);
}
.n_service .flex {
  padding: 4.6875rem 5.5rem;
  border-radius: 1.25rem;
  margin: 8.5625rem 0 3.75rem;
}
.n_service .left .ico {
  width: 5.9375rem;
  height: 5.9375rem;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 2.5rem;
}
.n_service .left .ico svg {
  width: 100%;
  height: 100%;
}
.n_service .left .ico svg path {
  fill: #fff;
}
.n_service .left h2 {
  font-size: 3rem;
  font-weight: 300;
  color: #212121;
  margin-bottom: 1.25rem;
}
.n_service .left p {
  font-size: 1.125rem;
  line-height: 1.5;
  color: #686868;
  margin-bottom: 5rem;
}
.n_service .left {
  width: 100%;
}
.n_service .right {
  width: 100%;
  max-width: 50.625rem;
  padding-left: 1.25rem;
  position: relative;
  margin-left: 9.375rem;
  flex-shrink: 0;
}
.n_service .right::before {
  content: '●';
  position: absolute;
  left: 0;
  top: 3.5%;
  transform: translateY(-50%);
  font-size: 0.75rem;
  color: #d4042c;
  animation: breathing 1.5s infinite ease-in-out;
  transform-origin: center;
}
.n_service .right h6 {
  font-size: 1.3125rem;
  color: #212121;
  margin-bottom: 2.5rem;
}
.n_service .right ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  margin-bottom: 5.625rem;
}
.n_service .right li {
  cursor: pointer;
  padding: 1.25rem;
  width: 100%;
  border-radius: 5rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  font-size: 1rem;
  font-weight: 300;
  color: #212121;
  transition: all 0.5s ease;
}
.n_service .right .img_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.125rem;
}
.n_service .right .img_box img {
  width: auto;
  height: auto;
  object-fit: cover;
}
.n_service .n_jdal h6 {
  margin-left: 4.625rem;
  padding-left: 1.25rem;
  font-size: 1.375rem;
  color: #212121;
  position: relative;
  margin-bottom: 2.5rem;
}
.n_service .n_jdal h6 span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75rem;
  color: #d4042c;
  animation: breathing 1.5s infinite ease-in-out;
}
.n_service .n_jdal ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
}
.n_service .n_jdal li .img {
  width: 100%;
  height: 100%;
  max-height: 20.625rem;
  border-radius: 0.9375rem;
  overflow: hidden;
  position: relative;
}
.n_service .n_jdal li .pc {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 2;
}
.n_service .n_jdal li .img .logo {
  position: absolute;
  top: 8%;
  left: 5%;
  z-index: 1;
  max-width: 10.875rem;
  max-height: 3.75rem;
}
.n_service .n_jdal li .img .bg {
  width: 100%;
  height: auto;
  min-height: 20.625rem;
  background: radial-gradient(circle, #4595ff, #e3f3fc);
}
.n_service .n_jdal li .img:hover img {
  transform: scale(1) rotate(0.1deg);
  -webkit-transform: scale(1) rotate(0.1deg);
  -moz-transform: scale(1) rotate(0.1deg);
  -ms-transform: scale(1) rotate(0.1deg);
  -o-transform: scale(1) rotate(0.1deg);
}
.n_service .n_jdal li .txt {
  padding: 0 0.9375rem;
}
.n_service .n_jdal li .txt h2 {
  font-size: 1.75rem;
  color: #212121;
  margin: 1.875rem 0;
}
.n_service .n_jdal li .txt .ms {
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 300;
  padding: 0.5rem 0.875rem;
  background-color: #f5f5f5;
  border-radius: 0.3125rem;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}
.n_service .n_jdal li .txt .ms p {
  position: relative;
  z-index: 2;
}
.n_service .n_jdal li .txt .ms::before {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #d4042c;
  transition: all 0.5s ease;
}
.n_service .n_jdal li a:hover .txt .ms {
  color: #fff;
}
.n_service .n_jdal li a:hover .txt .ms::before {
  width: 100%;
}
.n_service .line {
  width: 100%;
  height: 1px;
  background: #f6f6f6;
  margin-top: 6.25rem;
  position: relative;
}
.n_service .line::after {
  content: '';
  position: absolute;
  top: 0;
  left: -20%;
  width: 20%;
  height: 100%;
  background: linear-gradient(to right, #fff, #d4042c);
  animation: moveRight 4s linear infinite;
}
@keyframes moveRight {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
.n_service .line2::after {
  background: linear-gradient(to right, #fff, #af9dd2);
}
.n_service .line3::after {
  background: linear-gradient(to right, #fff, #99bfa2);
}
.n_service .fwbox .flex {
  background: linear-gradient(
    45deg,
    rgba(247, 108, 1, 0.4),
    rgba(247, 108, 1, 0.1)
  );
}
.n_service .fwbox2 .flex {
  background: linear-gradient(
    45deg,
    rgba(0, 204, 134, 0.4),
    rgba(0, 204, 134, 0.1)
  );
}
.n_service .fwbox3 .flex {
  background: linear-gradient(
    45deg,
    rgba(249, 216, 75, 0.4),
    rgba(249, 216, 75, 0.1)
  );
}
.n_service .fwbox4 .flex {
  background: linear-gradient(
    45deg,
    rgba(61, 95, 255, 0.4),
    rgba(61, 95, 255, 0.1)
  );
}
.n_service .fwbox .ico {
  background-color: rgba(247, 108, 1, 1);
}
.n_service .fwbox2 .ico {
  background-color: rgba(0, 204, 134, 1);
}
.n_service .fwbox3 .ico {
  background-color: rgba(249, 216, 75, 1);
}
.n_service .fwbox4 .ico {
  background-color: rgba(61, 95, 255, 1);
}
.n_service .fwbox .right li:hover {
  background-color: rgba(247, 108, 1, 1);
  border-color: rgba(247, 108, 1, 1);
  color: #fff;
}
.n_service .fwbox2 .right li:hover {
  background-color: rgba(0, 204, 134, 1);
  border-color: rgba(0, 204, 134, 1);
  color: #fff;
}
.n_service .fwbox3 .right li:hover {
  background-color: rgba(249, 216, 75, 1);
  border-color: rgba(249, 216, 75, 1);
  color: #fff;
}
.n_service .fwbox4 .right li:hover {
  background-color: rgba(61, 95, 255, 1);
  border-color: rgba(61, 95, 255, 1);
  color: #fff;
}
.n_service .fwbox2 .s_more:hover {
  background-color: #af9dd2;
}
.n_service .fwbox3 .s_more:hover {
  background-color: #99bfa2;
}
.n_service .fwbox4 .s_more:hover {
  background-color: #e8926c;
}
.n_service .fwbox2 .n_jdal li .txt .ms::before {
  background-color: #af9dd2;
}
.n_service .fwbox3 .n_jdal li .txt .ms::before {
  background-color: #99bfa2;
}
.n_service .fwbox4 .n_jdal li .txt .ms::before {
  background-color: #e8926c;
}
.n_service .fwbox2 .right::before,
.n_service .fwbox2 .n_jdal h6 span {
  color: #af9dd2;
}
.n_service .fwbox3 .right::before,
.n_service .fwbox3 .n_jdal h6 span {
  color: #99bfa2;
}
.n_service .fwbox4 .right::before,
.n_service .fwbox4 .n_jdal h6 span {
  color: #e8926c;
}
.n_service .fwbox2 .n_jdal li .img {
  overflow: visible;
}
.n_service .fwbox2 .n_jdal li .pc {
  text-align: center;
}
.n_service .fwbox2 .n_jdal li .pc img {
  width: auto;
  margin: 0 auto;
}
.n_service .fwbox2 .n_jdal li .img .bg {
  border-radius: 0.9375rem;
}
.n_service .fwbox2 .n_jdal li .ewm_box {
  position: absolute;
  left: 10%;
  bottom: 10%;
  width: 25%;
}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm {
  position: relative;
  padding: 0.25rem;
  overflow: hidden;
}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm svg {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm svg path {
  stroke: #212121;
  fill: none;
}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm img {
  mix-blend-mode: darken;
}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm::before,
.n_service .fwbox2 .n_jdal li .ewm_box .ewm::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 62%;
  z-index: 1;
}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm::before {
  bottom: 100%;
  background: linear-gradient(to bottom, rgba(255, 191, 164, 0), #af9dd2);
}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm::after {
  top: 100%;
  background: linear-gradient(to top, rgba(255, 191, 164, 0), #af9dd2);
}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm.actived::before {
  transform: translateY(270%);
  transition: transform 1.5s;
}
.n_service .fwbox2 .n_jdal li .ewm_box .ewm.actived::after {
  transition: transform 1.5s 1.5s;
  transform: translateY(-270%);
}
.n_lczs {
  margin-top: 6.25rem;
  padding: 8.125rem 0;
  background: url(../images/n_lc_bg.png) center no-repeat;
  background-size: cover;
}
.n_lczs .n_title h2,
.n_lczs .n_title p {
  color: #fff;
}
.n_lczs .n_title {
  margin-bottom: 4.375rem;
}
.n_lczs ul {
  display: flex;
  gap: 0.75rem;
}
.n_lczs ul li {
  width: calc(100% / 6 - 0.75rem);
  min-height: 18.4375rem;
  background-color: #fff;
  border-radius: 0.9375rem;
  overflow: hidden;
  transition: all 0.5s ease;
  position: relative;
}
.n_lczs ul li .ico svg {
  width: 2.9375rem;
  height: 2.9375rem;
}
.n_lczs ul li .ico svg path {
  fill: #d4042c;
}
.n_lczs ul li.on .ico svg path {
  fill: #fff;
}
.n_lczs ul li .box {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 3.5625rem 3.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}
.n_lczs ul li .box .txt {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.n_lczs ul li .box span {
  display: block;
  font-size: 1.75rem;
  font-family: 'HarmonyOS_SansSC_Light';
}
.n_lczs ul li .box h6 {
  font-size: 1.375rem;
  margin-bottom: 1.1875rem;
}
.n_lczs ul li .box p {
  font-size: 1.0625rem;
  font-weight: 300;
}
.n_lczs ul li .txt1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.5rem;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
}
.n_lczs ul li .txt1 h6 {
  font-size: 1.375rem;
  color: #212121;
  margin-bottom: 1.25rem;
  line-height: 1.7;
}
.n_lczs ul li .txt1 span {
  display: block;
  font-size: 1.75rem;
  font-family: 'HarmonyOS_SansSC_Light';
  color: #d4042c;
}
.n_lczs ul li .txt .ico{
  flex: 0 0 3rem;
}
.n_lczs ul li.on {
  background: #d4042c;
  width: 32.1875rem;
  flex-shrink: 0;
}
.n_lczs ul li.on .box {
  opacity: 1;
  visibility: visible;
}
.n_lczs ul li.on .txt1 {
  opacity: 0;
}
#n_hl .n_banner h2 span {
  margin: 0;
}
#n_hl .n_lczs {
  margin: 0;
}
.n_nzsm {
  padding: 7.125rem 0 8.125rem;
}
.n_nzsm .n_title {
  margin-bottom: 3.75rem;
}
.n_nzsm ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5625rem 3.5rem;
}
.n_nzsm li {
  display: flex;
  align-items: center;
  gap: 3.75rem;
  padding: 3.125rem;
  border-radius: 0.9375rem;
  background-color: rgba(234, 234, 234, 0.4);
  width: 100%;
  transition: all 0.5s ease;
}
.n_nzsm li:hover {
  transform: translateY(-0.5rem);
}
.n_nzsm li .ico {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.n_nzsm li .ico i {
  display: block;
  background: #e9e9e9;
  height: 0.3125rem;
  border-radius: 5rem;
}
.n_nzsm li .ico i:nth-child(1) {
  width: 4.0625rem;
  margin-bottom: 0.625rem;
}
.n_nzsm li .ico i:nth-child(2) {
  width: 3.125rem;
}
.n_nzsm li h2 {
  font-size: 1.5rem;
  color: #212121;
  margin-bottom: 1.5rem;
}
.n_nzsm li p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
  color: #787878;
}
.n_nzsm li .ico svg {
  width: 3.5rem;
  height: 3.5rem;
}
.n_nzsm li .ico svg path {
  fill: #d4042c;
}
.n_yycj {
  background: url(../images/n_yycj.jpg) center no-repeat;
  background-size: cover;
  padding: 7.625rem 0;
}
.n_yycj .n_title {
  margin-bottom: 3.75rem;
}
.n_yycj .n_title h2,
.n_yycj .n_title p {
  color: #fff;
}
.n_yycj ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5625rem;
}
.n_yycj li {
  width: 100%;
  padding: 3.4375rem 2.5rem;
  background-color: #fff;
  border-radius: 0.9375rem;
  transition: all 0.5s ease;
}
.n_yycj li:hover {
  transform: translateY(-0.5rem);
}
.n_yycj li .ico {
  width: 4.0625rem;
  height: 4.0625rem;
  border-radius: 0.9375rem;
  background-color: #d20031;
  margin-bottom: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.n_yycj li .ico svg {
  width: 2.625rem;
  height: 2.625rem;
}
.n_yycj li .ico svg path {
  fill: #fff;
}
.n_yycj li h2 {
  font-size: 1.25rem;
  color: #212121;
  margin-bottom: 1rem;
}
.n_yycj li p {
  font-size: 0.9375rem;
  font-weight: 300;
  color: #787878;
}
#n_hl .n_jdal {
  padding: 6.0625rem 0 8.1875rem;
  border-bottom: 1px solid #e1e1e1;
}
#n_hl .n_jdal .n_title h2 span {
  margin: 0;
}
#n_hl .n_jdal .flex {
  align-items: flex-end;
  margin-bottom: 3.75rem;
}
#n_hl .n_jdal .jt_box {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
#n_hl .n_jdal i {
  width: 3.4375rem;
  height: 3.4375rem;
  border: 1px solid #d2d2d2;
  border-radius: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  cursor: pointer;
}
#n_hl .n_jdal i svg {
  width: 1.5rem;
  height: 1.5rem;
}
#n_hl .n_jdal i svg path {
  fill: #212121;
  transition: all 0.5s ease;
}
#n_hl .n_jdal .prev svg {
  transform: rotate(180deg);
}
#n_hl .n_jdal i:hover {
  background-color: #d4042c;
  border-color: #d4042c;
}
#n_hl .n_jdal i:hover svg path {
  fill: #fff;
}
#n_hl .n_jdal .jdalSwiper {
  height: 59.375rem;
}
#n_hl .n_jdal .jdalSwiper .swiper-slide {
  height: calc((100% - 4%) / 2) !important;
}
#n_hl .n_jdal .swiper-slide a .img {
  width: 100%;
  height: 100%;
  max-height: 20.625rem;
  border-radius: 0.9375rem;
  overflow: hidden;
  position: relative;
}
#n_hl .n_jdal .swiper-slide a .pc {
  position: absolute;
  right: 0;
  bottom: -25%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  max-width: 10.8125rem;
  max-height: 22.1875rem;
  object-fit: contain;
  z-index: 2;
}
#n_hl .n_jdal .swiper-slide a .pc img {
  width: auto;
}
#n_hl .n_jdal .swiper-slide a .img .logo {
  position: absolute;
  top: 8%;
  left: 5%;
  z-index: 1;
  max-width: 11.875rem;
  max-height: 3.75rem;
}
#n_hl .n_jdal .swiper-slide a .img .bg {
  width: 100%;
  height: auto;
  min-height: 20.625rem;
  background: radial-gradient(circle, #4595ff, #e3f3fc);
}
#n_hl .n_jdal .swiper-slide a .img:hover img {
  transform: scale(1) rotate(0.1deg);
  -webkit-transform: scale(1) rotate(0.1deg);
  -moz-transform: scale(1) rotate(0.1deg);
  -ms-transform: scale(1) rotate(0.1deg);
  -o-transform: scale(1) rotate(0.1deg);
}
#n_hl .n_jdal .swiper-slide a .txt {
  padding: 0 0.9375rem;
}
#n_hl .n_jdal .swiper-slide a .txt h2 {
  font-size: 1.75rem;
  color: #212121;
  margin: 1.875rem 0;
}
#n_hl .n_jdal .swiper-slide a .txt .ms {
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 300;
  padding: 0.5rem 0.875rem;
  background-color: #f5f5f5;
  border-radius: 0.3125rem;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
}
#n_hl .n_jdal .swiper-slide a .txt .ms p {
  position: relative;
  z-index: 2;
}
#n_hl .n_jdal .swiper-slide a .txt .ms::before {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #d4042c;
  transition: all 0.5s ease;
}
#n_hl .n_jdal .swiper-slide a:hover .txt .ms {
  color: #fff;
}
#n_hl .n_jdal .swiper-slide a:hover .txt .ms::before {
  width: 100%;
}
#n_hl .n_jdal .swiper-slide a .img .bg {
  border-radius: 0.9375rem;
}
#n_hl .n_jdal .swiper-slide a .ewm_box {
  position: absolute;
  left: 10%;
  bottom: 10%;
  width: 25%;
}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm {
  position: relative;
  padding: 0.25rem;
  overflow: hidden;
}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm svg {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm svg path {
  stroke: #212121;
  fill: none;
}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm img {
  mix-blend-mode: darken;
}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm::before,
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 62%;
  z-index: 1;
}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm::before {
  bottom: 100%;
  background: linear-gradient(to bottom, rgba(255, 191, 164, 0), #af9dd2);
}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm::after {
  top: 100%;
  background: linear-gradient(to top, rgba(255, 191, 164, 0), #af9dd2);
}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm.actived::before {
  transform: translateY(270%);
  transition: transform 1.5s;
}
#n_hl .n_jdal .swiper-slide a .ewm_box .ewm.actived::after {
  transition: transform 1.5s 1.5s;
  transform: translateY(-270%);
}
.yr.join .bg1 .bubble {
  right: 45%;
  top: 60%;
}
.hov_box {
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s ease;
}
.hov_box:hover {
  transform: translateY(1rem);
}
.hov {
  width: 8.625rem;
  height: 8.625rem;
  padding: 1.5rem;
  position: relative;
}
.hov::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/hov_img.png) center no-repeat;
  background-size: cover;
  animation: rotate2 12s linear infinite;
}
.hov svg {
  width: 100%;
  height: 100%;
  background: #d20031;
  padding: 2.1875rem;
  transform: rotate(90deg);
  border-radius: 50%;
}
.hov svg path {
  fill: #fff;
}
#n_blog_show .yr .bg1 .bubble {
  right: -10%;
  top: 10%;
}
#n_blog_show .yr .bg2 {
  top: 160vh;
}
#n_blog_show .yr .bg2 .bubble {
  display: block;
  position: absolute;
  width: 30%;
  padding-top: 20%;
  left: -25%;
  top: -5%;
  animation: spin2 8s infinite linear;
  transform-origin: 45% 35%;
}
.yr {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}
.yr .bg1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vw;
}
.yr .bg1 .bubble {
  display: block;
  position: absolute;
  width: 15%;
  padding-top: 15%;
  right: 25%;
  top: 20%;
  animation: spin2 8s infinite linear;
  transform-origin: 40% 30%;
}
.yr .bg1 .bubble .circle {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #ff010194;
  filter: blur(8rem);
  animation: spin-reverse2 8s infinite linear;
  transform: translate3d(0, 0, 0);
}
.yr .bg2 {
  position: absolute;
  left: 0;
  top: 100vh;
  width: 100vw;
  height: 100vw;
}
.yr .bg2 .bubble {
  display: block;
  position: absolute;
  width: 40%;
  padding-top: 40%;
  left: -20%;
  top: -5%;
  animation: spin2 8s infinite linear;
  transform-origin: 45% 35%;
}
.yr .bg2 .bubble .circle {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #ff010194;
  filter: blur(8rem);
  animation: spin-reverse2 8s infinite linear;
  transform: translate3d(0, 0, 0);
}
@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) translate3d(0, 0, 0);
  }
}
.bdtc-content {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bdtc-content .bdtc-bg {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.bdtc-content .box {
  border-radius: 1.25rem;
  width: 70%;
  height: 100%;
  max-height: 36.25rem;
  position: relative;
  transform: translateY(-150%);
  transition: all 0.5s ease;
}
.bdtc-content .box .flex {
  height: 100%;
}
.bdtc-content .box .left .lx_box {
  margin-bottom: 3.125rem;
  position: relative;
  padding-left: 2rem;
}
.bdtc-content .box .left .lx_box::before {
  content: '●';
  position: absolute;
  left: 0;
  top: 3.5%;
  font-size: 0.5rem;
  color: #414141;
  transform-origin: center;
}
.bdtc-content .box .left .lx_box:last-child {
  margin-bottom: 0;
}
.bdtc-content .box .left span {
  display: block;
  font-size: 1rem;
  font-weight: 300;
  color: #414141;
  margin-bottom: 1.5625rem;
}
.bdtc-content .box .left h2 {
  font-size: 2.125rem;
  font-family: 'HarmonyOS_SansSC_Light';
  color: #d30031;
}
.bdtc-content .box .left a {
  display: inline-block;
  font-size: 1rem;
  color: #414141;
  padding: 1.125rem 2.5rem;
  border-radius: 5rem;
  border: 1px solid #c5b7b5;
  transition: all 0.5s ease;
}
.bdtc-content .box .left a:hover {
  color: #fff;
  background-color: #d4042c;
  border-color: #d4042c;
}
.bdtc-content .box .right h1 {
  font-size: 2.25rem;
  font-weight: 300;
  color: #212121;
  margin-bottom: 2.5rem;
}
.bdtc-content .box .right h1 span {
  color: #d4042c;
}
.bdtc-content .box .right form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem 0.875rem;
}
.bdtc-content .box .right form .inp input {
  padding: 1.375rem 1.6875rem;
  border-radius: 5rem;
  border: 1px solid #d1d1d1;
  font-size: 1rem;
  font-weight: 300;
  color: #757575;
  width: 100%;
}
.bdtc-content .box .right form .inp.web,
.bdtc-content .box .right form .inp.service,
.bdtc-content .box .right form .inp.code {
  grid-column: span 2;
}
.bdtc-content .box .right form .inp.code {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.bdtc-content .box .right form .inp.code input {
  width: 100%;
  max-width: 10rem;
  flex-shrink: 0;
}
.bdtc-content .box .right form .service {
  margin-bottom: 1.25rem;
}
.bdtc-content .box .right form .service h2 {
  font-size: 1.25rem;
  color: #212121;
  margin-bottom: 1.25rem;
}
.bdtc-content .box .right form .service .service-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.bdtc-content .box .right form .service .service-button {
  position: relative;
  font-size: 0.875rem;
  border-radius: 5rem;
  color: #b1b1b1;
  border: 1px solid #d1d1d1;
  padding: 0.625rem 0.875rem;
  transition: all 0.5s ease;
  cursor: pointer;
}
.bdtc-content .box .right form .service .service-button:hover,
.bdtc-content .box .right form .service .service-button.on {
  color: #fff;
  background-color: #d4042c;
  border-color: #d4042c;
}
.bdtc-content .box .right form .service .service-button input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  border: 0;
  cursor: pointer;
}
.bdtc-content .box .right form .inp.code .code_box {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.bdtc-content .box .right form .inp.code button {
  width: 100%;
  max-width: 11.25rem;
  flex-shrink: 0;
  padding: 1.375rem 1.6875rem;
  border-radius: 5rem;
  background-color: #d4042c;
  font-size: 1.125rem;
  font-weight: 300;
  color: #fff;
  transition: all 0.5s ease;
}
.bdtc-content .box .right form .inp.code button:hover {
  transform: translateX(-1rem);
}
.bdtc-content .close {
  position: absolute;
  width: 3rem;
  height: 3rem;
  z-index: 10;
  right: 1.5rem;
  top: 1.35rem;
  border-radius: 100%;
}
.bdtc-content .close .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  border-radius: 100%;
  transition: transform 0.3s;
}
.bdtc-content .close i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: 1.25rem;
  background-repeat: no-repeat;
  background-image: url(../images/close.svg);
  transition: 0.6s;
}
.bdtc-content .left .ewm_box .ewm {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.bdtc-content .left .ewm_box .ewm img {
  mix-blend-mode: multiply;
  max-width: 8.125rem;
  max-height: 8.125rem;
}
.bdtc-content .left .ewm_box .ewm svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.bdtc-content .left .ewm_box .ewm svg path {
  stroke: #212121;
  fill: none;
}
.bdtc-content .left .ewm_box .ewm::before,
.bdtc-content .left .ewm_box .ewm::after {
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  right: 1px;
  height: 62%;
  z-index: 1;
}
.bdtc-content .left .ewm_box .ewm::before {
  bottom: 100%;
  background: linear-gradient(to bottom, rgba(255, 191, 164, 0), #d4042c);
}
.bdtc-content .left .ewm_box .ewm::after {
  top: 100%;
  background: linear-gradient(to top, rgba(255, 191, 164, 0), #d4042c);
}
.bdtc-content .left.ewm_box .ewm.actived::before {
  transform: translateY(270%);
  transition: transform 1.5s;
}
.bdtc-content .left .ewm_box .ewm.actived::after {
  transition: transform 1.5s 1.5s;
  transform: translateY(-270%);
}
.bdtc-content .close i:hover {
  transform: rotate(180deg);
}
.bdtc-content.on {
  opacity: 1;
  visibility: visible;
}
.bdtc-content.on .box {
  transform: translate(0);
}
@keyframes slideIn {
  0% {
    transform: translateX(60%);
  }
  100% {
    transform: translateX(8%);
  }
}
@keyframes slideOut {
  0% {
    transform: translateX(-30%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideIn1 {
  0% {
    transform: translateX(8%);
  }
  100% {
    transform: translateX(60%);
  }
}
@keyframes slideOut1 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-30%);
  }
}
.bdtc-content .box .left {
  width: 100%;
  height: 100%;
  padding: 2.375rem 0 2.375rem 2.375rem;
  background: url(../images/tcbd_bg.jpg) left no-repeat;
  background-size: cover;
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
  transform: translateX(60%);
  animation: slideIn1 5s linear forwards;
}
.bdtc-content .box .right {
  padding: 4.3125rem 4.375rem;
  background: #fff;
  width: 100%;
  height: 100%;
  max-width: 49.125rem;
  flex-shrink: 0;
  border-radius: 1.25rem;
  position: relative;
  transform: translateX(-30%);
  animation: slideOut1 5s linear forwards;
}
.bdtc-content.on .box .left {
  animation: slideIn 0.5s linear 1s forwards;
}
.bdtc-content.on .box .right {
  animation: slideOut 0.5s linear 1s forwards;
}
.video-background {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: rgba(0, 0, 0, 0.1);
  background-sise: cover;
}
.mouse {
  width: 86px;
  height: 52px;
  background: url(../images/mouse.svg) center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  pointer-events: none;
  opacity: 0;
}
.ljr_case_show .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ljr_case_show .top span {
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  flex: 0 0 80px;
}
.ljr_case_show .top span svg {
  background: none;
  opacity: 1;
}
.ljr_case_show li:hover .top span {
  opacity: 0;
}
.dq {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 300;
  color: #212121;
  margin: 1.5rem 0;
}
.dq svg {
  width: 1.375rem;
  height: 1.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
.dq svg path {
  fill: #d4042c;
}
#m_nav .ewm {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: absolute;
  bottom: 5%;
}
#m_nav .ewm img {
  width: 100%;
  height: 100%;
  max-width: 40%;
  margin-bottom: 1.5rem;
}
#m_nav .ewm p {
  font-size: 1.25rem;
  color: #212121;
}
#m_nav li .a img {
  max-width: 2rem;
  margin-bottom: 1rem;
}
.n_case li .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.n_case li .top span {
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
.n_case li a .txt .top svg {
  background: none;
  opacity: 1;
}
.n_case li:hover .top span {
  opacity: 0;
}
@keyframes bounce {
    0%,20%,50%,80%,100% {
        transform: translateX(0)
    }

    40% {
        transform: translateX(-1rem)
    }

    65% {
        transform: translateX(-.5rem)
    }
}