body {
  --ww: 0.96rem;
  --bj: var(--ww);
  --top: 1.1rem;
  --color: #000000;
  --gap: 0.8rem;
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f18: 0.18rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f28: 0.28rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f38: 0.38rem;
  --f40: 0.4rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
  --f64: 0.64rem;
}
@media (min-width: 1921px) {
  body {
    --bj: calc((100vw - (19.2rem - var(--ww))) / 2);
  }
}
@media screen and (max-width: 1520px) {
  body {
    --f14: 12px;
    --f16: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 18px;
    --f24: 20px;
    --f26: 22px;
    --ww: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  body {
    --f20: 16px;
    --f22: 16px;
    --f24: 18px;
    --f26: 20px;
    --f28: 0.36rem;
    --f30: 0.36rem;
    --f32: 0.36rem;
    --f34: 0.38rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.4rem;
    --f54: 0.5rem;
    --f56: 0.52rem;
    --f58: 0.52rem;
    --f60: 0.54rem;
    --f64: 0.56rem;
    --ww: 5vw;
    --top: 60px;
    --gap: 0.66rem;
  }
}
@media screen and (max-width: 767px) {
  body {
    --f14: 0.26rem;
    --f16: 0.28rem;
    --f18: 0.3rem;
    --f20: 0.3rem;
    --f22: 0.32rem;
    --f24: 0.34rem;
    --f26: 0.34rem;
    --f28: 0.4rem;
    --f30: 0.4rem;
    --f32: 0.4rem;
    --f34: 0.4rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.42rem;
    --f54: 0.44rem;
    --f56: 0.46rem;
    --f58: 0.46rem;
    --f60: 0.48rem;
    --f64: 0.5rem;
  }
}
body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #000000;
}
body::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #fff;
}
@-moz-document url-prefix() {
  body {
    scrollbar-color: #000000 #fff;
    scrollbar-width: thin;
    -ms-overflow-style: none;
  }
}
/** 纵向滚动条样式 */
.button-disabled,
.swiper-button-disabled {
  cursor: auto;
  pointer-events: none;
  opacity: 0.5;
}
.maodian {
  position: relative;
  top: calc(var(--top) * -1 + 1px);
}
.pt {
  padding-top: var(--gap);
}
.pb {
  padding-bottom: var(--gap);
}
.wMain {
  padding-left: var(--bj);
  padding-right: var(--bj);
  width: 100%;
}
.Privacy_Policy .box_ .content1 {
  font-size: var(--f36);
  color: #000;
}
.Privacy_Policy .box_ .hr {
  border-top: 1px solid #eee;
  margin: 0.5rem 0;
}
.Privacy_Policy .box_ .content3 > div {
  font-size: var(--f16);
  line-height: 1.8;
  color: #333;
}
.Search_List .box1 {
  padding: 1.4rem 0 0.5rem;
  font-size: var(--f20);
  background: #f6f6f6;
}
.Search_List .box2 {
  min-height: 40vh;
}
.Search_List .box2 .item {
  padding: 0.2rem 0.8rem;
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 1200px) {
  .Search_List .box2 .item {
    padding: 0.2rem 0rem;
  }
}
.Search_List .box2 .item a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.Search_List .box2 .item a .left {
  max-width: 80%;
}
.Search_List .box2 .item a .left .t {
  font-size: var(--f14);
  color: #999;
}
.Search_List .box2 .item a .left .b {
  font-size: var(--f24);
  color: #333;
  transition: 0.4s;
  margin-top: 12px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Search_List .box2 .item a .right {
  font-size: var(--f16);
  color: var(--color);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transition: 0.4s;
}
.Search_List .box2 .item a .right i {
  font-size: var(--f16);
  display: inline-block;
  transition: 0.4s;
}
.Search_List .box2 .item a:hover .b {
  color: #000000;
}
.Search_List .box2 .item a:hover .right i {
  transform: translateX(5px);
}
.Search_List .box3 {
  font-size: var(--f18);
  text-align: center;
}
.Sitemap .ap_top {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.46rem;
}
.Sitemap .ap_top p {
  font-size: var(--f32);
  color: #000;
}
.Sitemap .ap_bot .item {
  padding: 0.44rem 0;
  border-bottom: 1px solid #ccc;
}
.Sitemap .ap_bot .item .content1 a {
  color: #000;
  transition: 0.4s;
  font-size: var(--f26);
}
.Sitemap .ap_bot .item .content1 a:hover {
  color: #000000;
}
.Sitemap .ap_bot .item .content2 {
  margin-top: 0.22rem;
  font-size: var(--f20);
}
.Sitemap .ap_bot .item .content2 .firstorder {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.2rem;
}
.Sitemap .ap_bot .item .content2 .firstorder a {
  transition: 0.4s;
  color: #333;
}
.Sitemap .ap_bot .item .content2 .firstorder a:hover {
  color: #000000;
}
.Sitemap .ap_bot .item .content2 .multistage {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.2rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_1 a {
  transition: 0.4s;
  color: #333;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_1 a:hover {
  color: #000000;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 {
  margin-top: 0.26rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a {
  font-size: 0.9em;
  transition: 0.4s;
  color: #333;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a:hover {
  color: #000000;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 {
  padding-left: 0.1rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 {
  margin-top: 0.14rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.8em;
  transition: 0.4s;
  color: #666;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a i {
  transition: 0.4s;
  font-size: 0.9em;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a span {
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a:hover {
  color: #000000;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 {
  padding-left: 0.1rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 {
  margin-top: 0.1rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0.8em;
  transition: 0.4s;
  color: #666;
  line-height: 1.4;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a i {
  transition: 0.4s;
  font-size: 0.9em;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a span {
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a + a {
  margin-top: 4px;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a:hover {
  color: #000000;
}
@media (max-width: 1200px) {
  .Sitemap .ap_bot .item .content2 .multistage,
  .Sitemap .ap_bot .item .content2 .firstorder {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 750px) {
  .Sitemap .ap_bot .item .content2 .multistage,
  .Sitemap .ap_bot .item .content2 .firstorder {
    grid-template-columns: repeat(2, 1fr);
  }
}
.compiler_style iframe,
.compiler_style video,
.compiler_style img {
  max-width: 100% !important;
}
@media (max-width: 1200px) {
  .compiler_style img,
  .compiler_style video {
    width: auto !important;
    height: auto !important;
  }
}
.compiler_style a {
  color: -webkit-link;
  display: inline;
  text-decoration: underline;
}
.compiler_style b,
.compiler_style strong {
  font-weight: bold;
}
.compiler_style i,
.compiler_style em {
  font-style: italic;
}
.compiler_style sup {
  vertical-align: super;
  font-size: smaller;
}
.compiler_style sub {
  vertical-align: sub;
  font-size: smaller;
}
.compiler_style h1,
.compiler_style h2,
.compiler_style h3,
.compiler_style h4,
.compiler_style h5,
.compiler_style h6 {
  font-weight: bold;
}
.compiler_style hr {
  display: block;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  color: gray;
  unicode-bidi: isolate;
  overflow: hidden;
  border-style: inset;
  border-width: 1px;
}
.compiler_style table tr td {
  border: 1px solid #ccc;
  padding: 8px;
}
.compiler_style ul {
  padding-left: 22px;
}
.compiler_style ul li {
  list-style-type: disc;
}
.compiler_style ol {
  padding-left: 22px;
}
.compiler_style ol li {
  list-style-type: decimal;
}
.pu_search {
  --h: 0.6rem;
  display: none;
  position: fixed;
  top: var(--top);
  z-index: 5;
  width: 100%;
  background: #fff;
  padding: 0.25rem 0;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.pu_search .ch_box {
  width: min(7.2rem, 90vw);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pu_search .ch_box .form {
  flex: 1;
}
.pu_search .ch_box .form form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #eaf2f5;
  padding: 0 0.25rem;
  border-radius: 0.1rem;
}
.pu_search .ch_box .form form .item {
  flex: 1;
}
.pu_search .ch_box .form form .item input {
  width: 100%;
  height: var(--h);
  border: none;
  background: none;
  color: #333;
}
.pu_search .ch_box .form form .item input::placeholder {
  color: #999;
}
.pu_search .ch_box .form form .submit {
  cursor: pointer;
}
.pu_search .ch_box .form form .submit span {
  display: block;
  width: 22px;
}
.pu_search .ch_box .form form .submit span img {
  width: 100%;
}
.pu_search .ch_box .close {
  margin-left: 0.3rem;
  cursor: pointer;
}
.pu_search .ch_box .close i {
  color: #333;
  transition: 0.4s;
  font-size: var(--f30);
}
.pu_search .ch_box .close:hover i {
  color: #000000;
}
@media (max-width: 1520px) {
  .pu_search {
    --h: 0.66rem;
  }
}
@media (max-width: 1200px) {
  .pu_search {
    --h: 0.7rem;
  }
}
@media (max-width: 750px) {
  .pu_search {
    --h: 0.86rem;
  }
  .pu_search .ch_box .form form .submit span {
    width: 20px;
  }
}
:root {
  --w140: 1.4rem;
  --h42: 0.42rem;
}
.pc_header {
  --w1: 0.69rem;
  z-index: 5;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.6s;
}
.pc_header .he_box {
  transition: 0.4s;
  font-size: var(--f14);
}
.pc_header .he_box .column,
.pc_header .he_box .menu {
  width: calc((100% - var(--w1)) / 2);
}
.pc_header .he_box .column .nav .item > p a {
  transition: 0.4s;
  line-height: var(--top);
  color: #fff;
  opacity: 0.8;
}
.pc_header .he_box .column .nav .item + .item {
  margin-left: 0.38rem;
}
.pc_header .he_box .column .nav .item:hover > p a,
.pc_header .he_box .column .nav .item.active > p a {
  opacity: 1;
  font-weight: bold;
}
.pc_header .he_box .logo a img {
  transition: 0.4s;
  width: var(--w1);
  filter: invert(1);
}
.pc_header .he_box .menu .search p {
  cursor: pointer;
}
.pc_header .he_box .menu .search p svg {
  width: 14px;
}
.pc_header .he_box .menu .search p svg path {
  transition: 0.4s;
}
.pc_header .he_box .menu .lxwm {
  margin-left: 0.5rem;
}
.pc_header .he_box .menu .lxwm p a {
  transition: 0.4s;
  min-width: var(--w140);
  line-height: var(--h42);
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  padding: 0 0.3rem;
  font-size: 12px;
}
.pc_header .he_box .menu .lxwm p a:hover {
  background: #fff;
  color: #000000;
}
.pc_header.active .he_box {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.pc_header.active1 .he_box,
.pc_header:hover .he_box,
.pc_header.sticky .he_box,
.pc_header.active .he_box {
  background: #fff;
}
.pc_header.active1 .he_box .column .nav .item > p a,
.pc_header:hover .he_box .column .nav .item > p a,
.pc_header.sticky .he_box .column .nav .item > p a,
.pc_header.active .he_box .column .nav .item > p a {
  color: #000000;
}
.pc_header.active1 .he_box .logo a img,
.pc_header:hover .he_box .logo a img,
.pc_header.sticky .he_box .logo a img,
.pc_header.active .he_box .logo a img {
  filter: invert(0);
}
.pc_header.active1 .he_box .menu .search p svg path,
.pc_header:hover .he_box .menu .search p svg path,
.pc_header.sticky .he_box .menu .search p svg path,
.pc_header.active .he_box .menu .search p svg path {
  fill: #000000;
}
.pc_header.active1 .he_box .menu .lxwm p a,
.pc_header:hover .he_box .menu .lxwm p a,
.pc_header.sticky .he_box .menu .lxwm p a,
.pc_header.active .he_box .menu .lxwm p a {
  border-color: #000000;
  color: #000000;
}
.pc_header.active1 .he_box .menu .lxwm p a:hover,
.pc_header:hover .he_box .menu .lxwm p a:hover,
.pc_header.sticky .he_box .menu .lxwm p a:hover,
.pc_header.active .he_box .menu .lxwm p a:hover {
  background: #000000;
  color: #fff;
}
.pc_header.sticky {
  position: sticky;
}
.pc_header.on {
  transform: translateY(-100%);
}
.pc_footer {
  --w1: 0.4rem;
  --w2: 8.6rem;
  background: #000;
  color: #fff;
  font-size: var(--f14);
  padding: 0.6rem 0 0.5rem;
}
.pc_footer .ter_top {
  line-height: 1.4;
}
.pc_footer .ter_top .nav .item a {
  transition: 0.4s;
  color: #fff;
}
.pc_footer .ter_top .nav .item + .item {
  margin-top: 0.24rem;
}
.pc_footer .ter_top .nav .item + .item a {
  opacity: 0.5;
}
.pc_footer .ter_top .nav .item + .item a:hover {
  opacity: 1;
}
.pc_footer .ter_top .right_ {
  width: var(--w2);
}
.pc_footer .ter_top .lxwm .item p {
  opacity: 0.5;
}
.pc_footer .ter_top .lxwm .item a {
  color: #fff;
}
.pc_footer .ter_top .lxwm .item + .item {
  margin-top: 0.14rem;
}
.pc_footer .ter_top .share .div1 {
  opacity: 0.5;
}
.pc_footer .ter_top .share .div2 {
  margin-top: 0.15rem;
}
.pc_footer .ter_top .share .div2 .item {
  position: relative;
  margin-right: 0.1rem;
}
.pc_footer .ter_top .share .div2 .item > a {
  cursor: pointer;
  width: var(--w1);
  height: var(--w1);
  background: rgba(255, 255, 255, 0.2);
  display: flex;
}
.pc_footer .ter_top .share .div2 .item > a img {
  transition: 0.4s;
  opacity: 0.3;
  max-width: 60%;
  margin: auto;
}
.pc_footer .ter_top .share .div2 .item .post {
  transition: 0.4s;
  position: absolute;
  left: 50%;
  top: calc(100% + 12px);
  transform: translateX(-50%) scale(0);
  transform-origin: center top;
  padding: 5px;
  background: rgba(255, 255, 255, 0.2);
}
.pc_footer .ter_top .share .div2 .item .post::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -12px;
  border: 6px solid transparent;
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.pc_footer .ter_top .share .div2 .item .post img {
  width: 1rem;
}
.pc_footer .ter_top .share .div2 .item:last-child {
  margin-right: 0;
}
.pc_footer .ter_top .share .div2 .item:hover > a img {
  opacity: 1;
}
.pc_footer .ter_top .share .div2 .item:hover .post {
  transform: translateX(-50%) scale(1);
}
.pc_footer .ter_bot {
  margin-top: 1.1rem;
}
.pc_footer .ter_bot .desige {
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 0.8;
}
.pc_footer .ter_bot .copy {
  width: var(--w2);
}
.pc_footer .ter_bot .copy p {
  color: rgba(255, 255, 255, 0.5);
}
.pc_footer .ter_bot .copy p a {
  transition: 0.4s;
  display: inline;
  color: rgba(255, 255, 255, 0.5);
}
.pc_footer .ter_bot .copy p a:hover {
  color: #fff;
}
.pu_search_01 {
  --h1: 0.64rem;
  z-index: 4;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--vh);
  background: rgba(0, 0, 0, 0.3);
}
.pu_search_01 .box {
  background: #fff;
  font-size: var(--f14);
  padding: var(--top) var(--bj) 0.52rem;
}
.pu_search_01 .box .content1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pu_search_01 .box .content1 form .item .svg {
  width: 13px;
  display: flex;
}
.pu_search_01 .box .content1 form .item .svg img {
  margin: auto;
  width: 100%;
}
.pu_search_01 .box .content1 form .item .inp {
  padding-left: 10px;
  flex: 1;
}
.pu_search_01 .box .content1 form .item .inp input {
  width: 100%;
  border: none;
  background: none;
  height: var(--h1);
  color: #000;
}
.pu_search_01 .box .content1 form .item .inp input::placeholder {
  color: #333;
}
.pu_search_01 .box .content1 form .item .btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pu_search_01 .box .content1 form .item .btn label p {
  line-height: 3;
  padding: 0 0.3rem;
  background: #000;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
}
.pu_search_01 .box .content2 {
  margin-top: 0.22rem;
  line-height: 1.4;
}
.pu_search_01 .box .content2 .div1 {
  color: #999;
}
.pu_search_01 .box .content2 .div2 {
  padding-left: 0.24rem;
  flex: 1;
}
.pu_search_01 .box .content2 .div2 a {
  transition: 0.4s;
  color: #333;
  margin-right: 0.18rem;
}
.pu_search_01 .box .content2 .div2 a:last-child {
  margin-right: 0;
}
.pu_search_01 .box .content2 .div2 a:hover {
  color: #000000;
}
.phone_show {
  display: none;
}
@media (max-width: 1200px) {
  .pc_header,
  .pc_show {
    display: none;
  }
  .phone_show {
    display: block;
  }
}
.pu_link {
  width: fit-content;
}
.pu_link .a {
  cursor: pointer;
  transition: 0.4s;
  min-width: var(--w140);
  line-height: var(--h42);
  background: #000000;
  color: #fff;
  text-align: center;
  padding: 0 0.3rem;
  font-size: 12px;
}
.pu_link:hover .a {
  transform: translateY(-10px);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);
}
.index_banner {
  position: relative;
}
.index_banner .swiper .swiper-slide {
  position: relative;
}
.index_banner .swiper .swiper-slide .slide_img {
  width: 100%;
  position: relative;
}
.index_banner .swiper .swiper-slide .slide_img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.65%, rgba(0, 0, 0, 0.4) 100%);
}
.index_banner .swiper .swiper-slide .slide_img img,
.index_banner .swiper .swiper-slide .slide_img video {
  width: 100%;
  height: var(--vh);
}
.index_banner .swiper .swiper-slide .slide_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: var(--top) var(--bj);
  display: flex;
}
.index_banner .swiper .swiper-slide .slide_post > div {
  width: 100%;
  margin: auto 0 0;
}
.index_banner .swiper .swiper-slide .slide_post > div .content1 {
  opacity: 0.001;
  transform: none;
  font-size: var(--f38);
  color: #fff;
}
.index_banner .swiper .swiper-slide .slide_post > div .content2 {
  opacity: 0.001;
  transform: none;
  margin-top: 0.25rem;
}
.index_banner .swiper .swiper-slide-active .slide_post > div .content1 {
  animation: heroFade 1s 0.15s both;
}
.index_banner .swiper .swiper-slide-active .slide_post > div .content2 {
  animation: heroFade 1s 0.3s both;
}
.index_banner .div_ {
  z-index: 2;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.5rem;
  padding: 0 var(--bj);
  display: flex;
  flex-wrap: wrap;
}
.index_banner .div_ .li {
  cursor: pointer;
  transition: 0.4s;
  width: 0.2rem;
  height: 2px;
  background: #fff;
  opacity: 0.4;
}
.index_banner .div_ .li + .li {
  margin-left: 5px;
}
.index_banner .div_ .li.active {
  opacity: 1;
}
.index_banner .div_tog .prev,
.index_banner .div_tog .next {
  transition: 0.6s;
  opacity: 0;
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.index_banner .div_tog .prev i,
.index_banner .div_tog .next i {
  cursor: pointer;
  opacity: 0.6;
  color: #fff;
  transition: 0.4s;
  font-size: var(--f26);
}
.index_banner .div_tog .prev:hover i,
.index_banner .div_tog .next:hover i {
  opacity: 1;
}
.index_banner .div_tog .prev {
  left: calc((var(--bj) - var(--f26)) / 2);
}
.index_banner .div_tog .next {
  right: calc((var(--bj) - var(--f26)) / 2);
}
.index_banner:hover .div_tog .prev,
.index_banner:hover .div_tog .next {
  opacity: 1;
}
@keyframes heroFade {
  0% {
    opacity: 0.001;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.title_01 {
  color: #000;
}
.title_01 .t1 {
  font-size: var(--f16);
}
.title_01 .t2 {
  margin-top: 10px;
  font-size: var(--f36);
}
.title_02 {
  font-size: var(--f16);
  color: #000;
}
.white {
  color: #fff;
}
.index_case {
  position: relative;
}
.index_case .box {
  padding: var(--gap) 0 var(--gap) var(--bj);
}
.index_case .box > div {
  position: relative;
}
.index_case .se_top .le_box {
  width: 20%;
}
.index_case .se_top .le_box .content2 {
  margin-top: 0.22rem;
}
.index_case .se_top .le_box .content2 .div1 > div {
  opacity: 0.001;
  transform: none;
  position: absolute;
  top: 0;
  left: 0;
}
.index_case .se_top .le_box .content2 .div1 > div .text .t1 {
  font-size: var(--f30);
}
.index_case .se_top .le_box .content2 .div1 > div .text .t2 {
  margin-top: 0.14rem;
  font-size: var(--f14);
  color: #666;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.8;
  height: 3.6em;
}
.index_case .se_top .le_box .content2 .div1 > div .btn {
  margin-top: 0.5rem;
}
.index_case .se_top .le_box .content2 .div1 > div.active {
  position: initial;
  animation: heroFade 1s 0.15s both;
}
.index_case .se_top .le_box .content2 .div2 {
  margin-top: 2.84rem;
}
.index_case .se_top .le_box .content2 .div2 > div {
  font-size: var(--f14);
  line-height: 1.5;
}
.index_case .se_top .le_box .content2 .div2 > div .tips {
  color: #000;
}
.index_case .se_top .le_box .content2 .div2 > div .toggle p {
  opacity: 0.001;
  transform: none;
  color: #666;
  position: absolute;
  top: 0;
  left: 0;
}
.index_case .se_top .le_box .content2 .div2 > div .toggle p.active {
  position: initial;
  animation: heroFade 1s 0.15s both;
}
.index_case .se_top .le_box .content2 .div2 > div + div {
  margin-top: 0.32rem;
}
.index_case .se_top .ri_box {
  width: 71.5%;
}
.index_case .se_top .ri_box .swiper .swiper-slide a {
  overflow: hidden;
}
.index_case .se_top .ri_box .swiper .swiper-slide a img {
  transition: 0.4s;
  width: 100%;
}
.index_case .se_top .ri_box .swiper .swiper-slide a:hover img {
  transform: scale(1.05);
}
.index_case .se_bot {
  position: absolute;
  left: 0;
  bottom: 0;
}
.more_01 {
  width: fit-content;
}
.more_01 .a {
  position: relative;
  font-size: 12px;
  color: #000;
  padding-bottom: 3px;
  border-bottom: 1px solid #000;
}
.toggle_01 {
  --w1: 0.54rem;
  display: flex;
}
.toggle_01 .prev,
.toggle_01 .next {
  cursor: pointer;
  transition: 0.6s;
  width: var(--w1);
  height: var(--w1);
  display: flex;
  background: #efefef;
  font-size: var(--f16);
}
.toggle_01 .prev i,
.toggle_01 .next i {
  margin: auto;
  transition: 0.4s;
  color: #000000;
}
.toggle_01 .prev:hover,
.toggle_01 .next:hover {
  background: #000000;
}
.toggle_01 .prev:hover i,
.toggle_01 .next:hover i {
  color: #fff;
}
.index_selected {
  position: relative;
}
.index_selected .ed_title {
  z-index: 2;
  position: absolute;
  width: 100%;
  top: var(--gap);
  padding: 0 var(--bj);
}
.index_selected .ed_box {
  position: relative;
}
.index_selected .ed_box .swiper .swiper-slide {
  color: #fff;
}
.index_selected .ed_box .swiper .swiper-slide .slide_img {
  width: 100%;
  position: relative;
}
.index_selected .ed_box .swiper .swiper-slide .slide_img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
}
.index_selected .ed_box .swiper .swiper-slide .slide_img img,
.index_selected .ed_box .swiper .swiper-slide .slide_img video {
  width: 100%;
}
.index_selected .ed_box .swiper .swiper-slide .slide_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: var(--top) var(--bj);
  display: flex;
}
.index_selected .ed_box .swiper .swiper-slide .slide_post > div {
  width: min(3.4rem, 100%);
  margin: auto 0 0;
}
.index_selected .ed_box .swiper .swiper-slide .slide_post > div .content1 {
  opacity: 0.001;
  transform: none;
}
.index_selected .ed_box .swiper .swiper-slide .slide_post > div .content1 .t1 {
  font-size: var(--f30);
}
.index_selected .ed_box .swiper .swiper-slide .slide_post > div .content1 .t2 {
  margin-top: 0.14rem;
  font-size: var(--f14);
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.8;
  height: 3.6em;
}
.index_selected .ed_box .swiper .swiper-slide .slide_post > div .content2 {
  opacity: 0.001;
  transform: none;
  margin-top: 0.5rem;
}
.index_selected .ed_box .swiper .swiper-slide .slide_post > div .content2 .more_01 .a {
  color: #fff;
  border-bottom-color: #fff;
}
.index_selected .ed_box .swiper .swiper-slide-active .slide_post > div .content1 {
  animation: heroFade 1s 0.15s both;
}
.index_selected .ed_box .swiper .swiper-slide-active .slide_post > div .content2 {
  animation: heroFade 1s 0.3s both;
}
.index_selected .ed_box .div_ {
  z-index: 2;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.5rem;
  padding: 0 var(--bj);
  display: flex;
  flex-wrap: wrap;
}
.index_selected .ed_box .div_ .li {
  cursor: pointer;
  transition: 0.4s;
  width: 0.2rem;
  height: 2px;
  background: #fff;
  opacity: 0.4;
}
.index_selected .ed_box .div_ .li + .li {
  margin-left: 5px;
}
.index_selected .ed_box .div_ .li.active {
  opacity: 1;
}
.index_selected .ed_box .div_tog .prev,
.index_selected .ed_box .div_tog .next {
  transition: 0.6s;
  opacity: 0;
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.index_selected .ed_box .div_tog .prev i,
.index_selected .ed_box .div_tog .next i {
  cursor: pointer;
  opacity: 0.6;
  color: #fff;
  transition: 0.4s;
  font-size: var(--f26);
}
.index_selected .ed_box .div_tog .prev:hover i,
.index_selected .ed_box .div_tog .next:hover i {
  opacity: 1;
}
.index_selected .ed_box .div_tog .prev {
  left: calc((var(--bj) - var(--f26)) / 2);
}
.index_selected .ed_box .div_tog .next {
  right: calc((var(--bj) - var(--f26)) / 2);
}
.index_selected .ed_box:hover .div_tog .prev,
.index_selected .ed_box:hover .div_tog .next {
  opacity: 1;
}
.index_dynamic {
  position: relative;
}
.index_dynamic .dy_bot {
  margin-top: 0.36rem;
}
.index_dynamic .dy_bot .content2 {
  margin-top: 0.36rem;
}
.pu_li_2 a {
  position: relative;
}
.pu_li_2 a .img {
  position: relative;
  overflow: hidden;
}
.pu_li_2 a .img::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  padding-top: 103.5%;
}
.pu_li_2 a .img img {
  position: absolute;
  transition: 0.4s;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.pu_li_2 a .content {
  margin-top: 0.26rem;
}
.pu_li_2 a .content .text .t1 {
  font-size: var(--f16);
  color: #666;
}
.pu_li_2 a .content .text .t2 {
  margin-top: 0.1rem;
  transition: 0.4s;
  font-size: var(--f20);
  color: #000;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1.2;
  height: 1.2em;
}
.pu_li_2 a .content .btn {
  transition: 0.4s;
  opacity: 0;
  margin-top: 0.22rem;
}
.pu_li_2 a:hover .img img {
  transform: scale(1.05);
}
.pu_li_2 a:hover .content .text .t2 {
  font-weight: bold;
}
.pu_li_2 a:hover .content .btn {
  opacity: 1;
}
.index_brand {
  position: relative;
}
.index_brand .br_bk {
  width: 100%;
}
.index_brand .br_bk video,
.index_brand .br_bk img {
  width: 100%;
  height: var(--vh);
}
.index_brand .br_post {
  transition: 0.6s;
  opacity: 0;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(241, 241, 241, 0.9);
  backdrop-filter: blur(7px);
  padding: var(--gap) var(--bj);
}
.index_brand .br_post > div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.index_brand .br_post > div .content1 .title_01 {
  opacity: 0.001;
  transform: none;
}
.index_brand .br_post > div .content1 .desc {
  opacity: 0.001;
  transform: none;
  width: min(7.22rem, 100%);
  margin-top: 0.26rem;
  font-size: var(--f16);
  line-height: 2;
  color: #333;
}
.index_brand .br_post > div .content1 .btn {
  opacity: 0.001;
  transform: none;
  margin-top: 0.72rem;
}
.index_brand .br_post > div .content2 {
  opacity: 0.001;
  transform: none;
  text-align: right;
  font-size: var(--f18);
  text-transform: uppercase;
}
.index_brand .br_post > div .content2 .t1 {
  color: #000;
  font-size: 1.12em;
}
.index_brand .br_post > div .content2 .t2 {
  margin-top: 6px;
  color: #999;
}
.index_brand.active .br_post {
  opacity: 1;
}
.index_brand.active .br_post > div .content1 .title_01 {
  animation: heroFade 1s 0.15s both;
}
.index_brand.active .br_post > div .content1 .desc {
  animation: heroFade 1s 0.3s both;
}
.index_brand.active .br_post > div .content1 .btn {
  animation: heroFade 1s 0.45s both;
}
.index_brand.active .br_post > div .content2 {
  animation: heroFade 1s 0.55s both;
}
.pu_banner {
  position: relative;
}
.pu_banner .ban_bk {
  position: relative;
}
.pu_banner .ban_bk::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) -3.3%, rgba(0, 0, 0, 0) 21.86%), linear-gradient(180deg, rgba(0, 0, 0, 0) 61.65%, rgba(0, 0, 0, 0.4) 100%);
}
.pu_banner .ban_bk video,
.pu_banner .ban_bk img {
  width: 100%;
  height: var(--vh);
}
.pu_banner .ban_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  padding: var(--top) var(--bj) 0.6rem;
}
.pu_banner .ban_post > div {
  width: 100%;
  color: #fff;
  margin: auto 0 0;
}
.pu_banner .ban_post > div .t1 {
  font-size: var(--f30);
}
.pu_banner .ban_post > div .t2 {
  margin-top: 0.15rem;
  font-size: var(--f14);
}
.case_01 {
  --w1: 1.7rem;
}
.case_01 .se_top {
  padding: 0.3rem 0 0;
  font-size: var(--f14);
  line-height: 1.8;
}
.case_01 .se_top .div1 {
  color: #999;
  width: var(--w1);
}
.case_01 .se_top .div2 {
  flex: 1;
}
.case_01 .se_top .div2 a {
  cursor: pointer;
  transition: 0.4s;
  color: #333;
  padding: 0 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.case_01 .se_top .div2 a.active {
  color: #fff;
  background: #000000;
}
@media (min-width: 1200px) {
  .case_01 .se_top .div2 a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
  }
}
.case_01 .se_top .div3 > div {
  cursor: pointer;
}
.case_01 .se_top .div3 > div p {
  color: #666;
}
.case_01 .se_top .div3 > div p .s2 {
  display: none;
}
.case_01 .se_top .div3 > div i {
  transition: 0.4s;
  margin-left: 4px;
  font-size: 0.9em;
  font-weight: bold;
}
.case_01 .se_top .content1 {
  border-bottom: 1px solid #d3d3d3;
  padding: 13px 0 7px;
}
.case_01 .se_top .content2 {
  display: none;
}
.case_01 .se_top .content2 .item {
  border-bottom: 1px solid #d3d3d3;
  padding: 13px 0 7px;
}
.case_01 .se_top.active .div3 > div p .s1 {
  display: none;
}
.case_01 .se_top.active .div3 > div p .s2 {
  display: block;
}
.case_01 .se_top.active .div3 > div i {
  transform: rotateX(180deg);
}
.case_01 .se_bot {
  margin-top: 0.6rem;
}
.case_01 .se_bot .content1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
}
.case_01 .se_bot .content2 {
  margin-top: 0.6rem;
}
.case_01 .se_bot .null {
  min-height: 40vh;
  display: flex;
}
.case_01 .se_bot .null p {
  width: 100%;
  margin: auto;
  text-align: center;
  color: #999;
  font-size: var(--f14);
}
.pu_page {
  --w1: 32px;
  font-size: var(--f14);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pu_page .prev a,
.pu_page .next a {
  font-size: 1.5em;
}
.pu_page .prev a i,
.pu_page .next a i {
  transition: 0.4s;
  color: rgba(0, 0, 0, 0.4);
}
.pu_page .prev a:hover i,
.pu_page .next a:hover i {
  color: #000;
}
.pu_page .number {
  margin: 0 0.5rem;
  display: flex;
  flex-wrap: wrap;
}
.pu_page .number a {
  transition: 0.4s;
  margin: 0 0.08rem;
  width: var(--w1);
  height: var(--w1);
  line-height: var(--w1);
  border: 1px solid transparent;
  text-align: center;
  color: #666;
}
.pu_page .number a.active,
.pu_page .number a:hover {
  border-color: #000000;
  color: #000000;
}
.pu_li_1 a {
  position: relative;
}
.pu_li_1 a .bk {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.pu_li_1 a .bk::before {
  transition: 0.4s;
  z-index: 1;
  content: "";
  position: relative;
  width: 100%;
  display: block;
  padding-top: 117.5%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 79.64%, rgba(0, 0, 0, 0.4) 100%);
}
.pu_li_1 a .bk img {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  width: 100%;
  height: 100%;
}
.pu_li_1 a .post {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  padding: 0.3rem;
}
.pu_li_1 a .post > div {
  width: 100%;
  margin: auto 0 0;
  color: #fff;
}
.pu_li_1 a .post > div .text .t1 {
  font-size: var(--f18);
}
.pu_li_1 a .post > div .text .t2 {
  transition: 0.4s;
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
}
.pu_li_1 a .post > div .text .t2 p {
  min-height: 0;
  font-size: var(--f14);
  line-height: 1.8;
}
.pu_li_1 a .post > div .btn {
  transition: 0.4s;
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
}
.pu_li_1 a .post > div .btn .more_01 {
  min-height: 0;
}
.pu_li_1 a .post > div .btn .more_01 .a {
  color: #fff;
  border-bottom-color: #fff;
}
.pu_li_1 a:hover .bk::before {
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(7px);
}
.pu_li_1 a:hover .bk img {
  transform: scale(1.05);
}
.pu_li_1 a:hover .post > div .text .t2 {
  margin-top: 0.12rem;
  grid-template-rows: 1fr;
}
.pu_li_1 a:hover .post > div .btn {
  margin-top: 0.3rem;
  grid-template-rows: 1fr;
}
.case_details_01 {
  --w1: 24%;
  margin-top: 0.72rem;
  position: relative;
}
.case_details_01 .ls_top {
  align-items: flex-start;
}
.case_details_01 .ls_top .le_box {
  width: var(--w1);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.24rem 0.5rem;
}
.case_details_01 .ls_top .le_box .item {
  position: relative;
  cursor: pointer;
  font-size: var(--f14);
  border-bottom: 1px solid #e1e1e1;
}
.case_details_01 .ls_top .le_box .item::before {
  transition: 0.4s;
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  left: 0;
  bottom: -1px;
  background: #000;
}
.case_details_01 .ls_top .le_box .item .tips {
  color: #999;
  margin-bottom: 6px;
}
.case_details_01 .ls_top .le_box .item .text {
  position: relative;
  padding-bottom: 0.15rem;
}
.case_details_01 .ls_top .le_box .item .text .div1 p {
  transition: 0.4s;
  color: #333;
}
.case_details_01 .ls_top .le_box .item .text .div1 i {
  transition: 0.4s;
  color: #999;
}
.case_details_01 .ls_top .le_box .item .text .div2 {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background: #202020;
  padding: 0.15rem 0;
}
.case_details_01 .ls_top .le_box .item .text .div2 > div {
  max-height: calc(var(--f14) * 2.5 * 5);
  overflow: auto;
  padding-right: 0.1rem;
}
.case_details_01 .ls_top .le_box .item .text .div2 > div::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.case_details_01 .ls_top .le_box .item .text .div2 > div::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #ffffff;
}
.case_details_01 .ls_top .le_box .item .text .div2 > div::-webkit-scrollbar-track {
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.5);
}
@-moz-document url-prefix() {
  .case_details_01 .ls_top .le_box .item .text .div2 > div {
    scrollbar-color: #fff rgba(255, 255, 255, 0.5);
    scrollbar-width: thin;
    -ms-overflow-style: none;
  }
}
.case_details_01 .ls_top .le_box .item .text .div2 p {
  transition: 0.4s;
  color: rgba(255, 255, 255, 0.5);
  line-height: 2.5;
  padding: 0 0.2rem;
}
.case_details_01 .ls_top .le_box .item .text .div2 p:hover {
  color: #fff;
}
.case_details_01 .ls_top .le_box .item:hover::before {
  width: 100%;
}
.case_details_01 .ls_top .le_box .item:hover .text .div1 p {
  font-weight: bold;
}
.case_details_01 .ls_top .le_box .item:hover .text .div1 i {
  color: #000;
}
.case_details_01 .ls_top .le_box .item.active .text .div1 i {
  transform: rotateX(180deg);
}
.case_details_01 .ls_top .le_box .item1 {
  grid-area: 1 / 1 / 2 / 2;
}
.case_details_01 .ls_top .le_box .item2 {
  grid-area: 2 / 1 / 3 / 2;
}
.case_details_01 .ls_top .le_box .item3 {
  grid-area: 3 / 1 / 4 / 2;
}
.case_details_01 .ls_top .le_box .item4 {
  grid-area: 1 / 2 / 2 / 3;
}
.case_details_01 .ls_top .le_box .item5 {
  grid-area: 2 / 2 / 3 / 3;
}
.case_details_01 .ls_top .le_box .item6 {
  grid-area: 3 / 2 / 4 / 3;
}
.case_details_01 .ls_top .ri_box {
  width: 59%;
}
.case_details_01 .ls_top .ri_box .text {
  font-size: var(--f30);
  line-height: 1.5;
  color: #000;
}
.case_details_01 .ls_top .ri_box .desc {
  margin-top: 0.35rem;
  font-size: var(--f16);
  line-height: 2;
  color: #333;
}
.case_details_01 .ls_bot {
  margin-top: 1.1rem;
  display: grid;
  grid-template-columns: 1.77fr 1fr;
  gap: 0.2rem;
}
.case_details_01 .ls_bot .ri_box,
.case_details_01 .ls_bot .le_box {
  overflow: hidden;
}
.case_details_01 .ls_bot .ri_box img,
.case_details_01 .ls_bot .le_box img {
  transition: 0.4s;
  width: 100%;
  height: 100%;
}
.case_details_01 .ls_bot .ri_box:hover img,
.case_details_01 .ls_bot .le_box:hover img {
  transform: scale(1.05);
}
.case_details_02 {
  margin-top: 1.25rem;
  font-size: var(--f16);
}
.case_details_02 .ls_top p {
  margin: 0 auto;
  width: min(7.56rem, 100%);
  line-height: 2;
  text-align: center;
  color: #333;
}
.case_details_02 .ls_bot {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: 0.87fr 1fr 1fr;
  gap: 0.2rem;
}
.case_details_02 .ls_bot > div {
  overflow: hidden;
}
.case_details_02 .ls_bot > div p {
  color: #333;
  line-height: 2;
  padding: 0.8rem 0.8rem 0 0;
}
.case_details_02 .ls_bot > div img {
  transition: 0.4s;
  width: 100%;
  height: 100%;
}
.case_details_02 .ls_bot > div:hover img {
  transform: scale(1.05);
}
.case_details_02 .ls_bot .div1 {
  grid-area: 1 / 1 / 2 / 4;
}
.case_details_02 .ls_bot .div2 {
  grid-area: 2 / 1 / 3 / 2;
}
.case_details_02 .ls_bot .div3 {
  grid-area: 2 / 2 / 3 / 3;
}
.case_details_02 .ls_bot .div4 {
  grid-area: 2 / 3 / 3 / 4;
}
.case_details_02 .ls_bot .div5 {
  grid-area: 3 / 1 / 4 / 3;
}
.case_details_02 .ls_bot .div6 {
  grid-area: 3 / 3 / 4 / 4;
}
.case_details_03 {
  margin-top: 1.25rem;
  font-size: var(--f16);
}
.case_details_03 .ls_top p {
  margin: 0 auto;
  width: min(8.16rem, 100%);
  line-height: 2;
  text-align: center;
  color: #333;
}
.case_details_03 .ls_bot {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: 1.36fr 1fr 1.36fr;
  gap: 0.2rem;
}
.case_details_03 .ls_bot > div {
  overflow: hidden;
}
.case_details_03 .ls_bot > div p {
  color: #333;
  line-height: 2;
  padding: 0.8rem;
}
.case_details_03 .ls_bot > div img {
  transition: 0.4s;
  width: 100%;
  height: 100%;
}
.case_details_03 .ls_bot > div:hover img {
  transform: scale(1.05);
}
.case_details_03 .ls_bot .div1 {
  grid-area: 1 / 1 / 2 / 2;
}
.case_details_03 .ls_bot .div2 {
  grid-area: 1 / 2 / 2 / 4;
}
.case_details_03 .ls_bot .div3 {
  grid-area: 2 / 1 / 3 / 3;
}
.case_details_03 .ls_bot .div4 {
  grid-area: 2 / 3 / 3 / 4;
}
.case_details_03 .ls_bot .div4 {
  background: #eaeaea;
}
.case_details_04 {
  margin-top: 1.1rem;
  position: relative;
}
.case_details_04 .ls_top {
  text-align: center;
}
.case_details_04 .ls_top .t1 {
  font-size: var(--f30);
  line-height: 1.5;
}
.case_details_04 .ls_top .t2 {
  margin: 0.24rem auto 0;
  width: min(8.28rem, 100%);
  line-height: 2;
  color: #333;
}
.case_details_04 .ls_bot {
  margin-top: 1.2rem;
  position: relative;
}
.case_details_04 .ls_bot .swiper .swiper-slide .bk {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.case_details_04 .ls_bot .swiper .swiper-slide .bk::before {
  z-index: 1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 79.64%, rgba(0, 0, 0, 0.4) 100%);
}
.case_details_04 .ls_bot .swiper .swiper-slide .bk img {
  transition: 0.4s;
  width: 100%;
}
.case_details_04 .ls_bot .swiper .swiper-slide .post {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  padding: 0.45rem;
}
.case_details_04 .ls_bot .swiper .swiper-slide .post > div {
  width: 100%;
  margin: auto 0 0;
  color: #fff;
}
.case_details_04 .ls_bot .swiper .swiper-slide .post > div p {
  margin: auto;
  width: min(8.16rem, 100%);
  text-align: center;
  font-size: var(--f16);
  line-height: 2;
}
.case_details_04 .ls_bot .div_ .prev,
.case_details_04 .ls_bot .div_ .next {
  transition: 0.4s;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.case_details_04 .ls_bot .div_ .prev i,
.case_details_04 .ls_bot .div_ .next i {
  font-size: var(--f20);
  transition: 0.4s;
  color: rgba(255, 255, 255, 0.6);
}
.case_details_04 .ls_bot .div_ .prev:hover i,
.case_details_04 .ls_bot .div_ .next:hover i {
  color: #fff;
}
.case_details_04 .ls_bot .div_ .prev {
  left: 0.4rem;
}
.case_details_04 .ls_bot .div_ .next {
  right: 0.4rem;
}
.case_details_04 .ls_bot:hover .div_ .prev,
.case_details_04 .ls_bot:hover .div_ .next {
  opacity: 1;
}
.h110 {
  height: 1.1rem;
}
.case_details_05 {
  background: #e7e7e7;
}
.case_details_05 .ls_top {
  text-align: center;
}
.case_details_05 .ls_bot {
  margin-top: 0.4rem;
}
.case_details_05 .ls_bot .content2 {
  margin-top: 0.4rem;
}
.about_01 {
  --w1: 0.5rem;
  position: relative;
}
.about_01 .ab_bk {
  position: relative;
}
.about_01 .ab_bk::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 28.33%, #000000 108.02%);
}
.about_01 .ab_bk video,
.about_01 .ab_bk img {
  width: 100%;
  height: var(--vh);
}
.about_01 .ab_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  padding: 0 var(--gap);
}
.about_01 .ab_post > div {
  width: min(6.44rem, 100%);
  margin: auto 0;
  color: #fff;
}
.about_01 .ab_post > div .text .t1 {
  font-size: var(--f16);
}
.about_01 .ab_post > div .text .t2 {
  margin-top: 0.25rem;
  font-size: var(--f36);
}
.about_01 .ab_post > div .text .t3 {
  margin-top: 0.1rem;
  font-size: var(--f20);
}
.about_01 .ab_post > div .desc {
  margin-top: 0.52rem;
  font-size: var(--f16);
  line-height: 1.625;
}
.about_01 .ab_post > div .btn {
  margin-top: 0.4rem;
}
.about_01 .ab_post > div .btn p {
  cursor: pointer;
  width: var(--w1);
  height: var(--w1);
  border: 2px solid #fff;
  border-radius: 50%;
  display: flex;
}
.about_01 .ab_post > div .btn p svg {
  max-width: 50%;
  margin: auto;
}
.about_01 .ab_post > div .btn p svg path {
  transition: 0.4s;
}
.about_01 .ab_post > div .btn p:hover {
  background: #fff;
}
.about_01 .ab_post > div .btn p:hover svg path {
  fill: #000;
}
.about_02 {
  --w1: 35%;
  --w2: 65%;
  --w3: 36.4%;
  --g: 20px;
  --w4: calc(100% - var(--w3) - var(--g));
  --h1: 7.9rem;
  position: relative;
}
.about_02 .le_box {
  width: var(--w1);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: var(--gap);
}
.about_02 .le_box .content1 .title_01 .t2 {
  text-indent: -0.5em;
}
.about_02 .le_box .content2 {
  width: 74%;
}
.about_02 .le_box .content2 .item {
  cursor: pointer;
}
.about_02 .le_box .content2 .item .text {
  opacity: 0.5;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.about_02 .le_box .content2 .item .text span {
  font-size: var(--f16);
  color: #000;
}
.about_02 .le_box .content2 .item .text p {
  flex: 1;
  padding-left: 0.12rem;
  line-height: 0.8;
  font-size: var(--f28);
  color: #000;
}
.about_02 .le_box .content2 .item .desc {
  transition: 0.4s;
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
}
.about_02 .le_box .content2 .item .desc p {
  min-height: 0;
  font-size: var(--f14);
  line-height: 1.85;
  color: #333;
}
.about_02 .le_box .content2 .item + .item {
  margin-top: 0.9rem;
}
.about_02 .le_box .content2 .item .div2 {
  display: none;
}
.about_02 .le_box .content2 .item.active .text {
  opacity: 1;
}
.about_02 .le_box .content2 .item.active .desc {
  margin-top: 0.16rem;
  grid-template-rows: 1fr;
}
.about_02 .ri_box {
  width: var(--w2);
}
.about_02 .ri_box .swiper .swiper-slide {
  position: relative;
  width: var(--w3);
  margin-right: var(--g);
  transition: 0.8s;
  height: var(--h1);
}
.about_02 .ri_box .swiper .swiper-slide img {
  width: 100%;
}
.about_02 .ri_box .swiper .swiper-slide-active {
  width: var(--w4);
}
.about_03 {
  position: relative;
}
.about_03 .ab_bk {
  position: relative;
}
.about_03 .ab_bk img {
  width: 100%;
}
.about_03 .ab_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  padding: 0 var(--gap);
}
.about_03 .ab_post > div {
  font-size: var(--f16);
  width: min(6.44rem, 100%);
  margin: auto 0;
  color: #fff;
}
.about_03 .ab_post > div .desc {
  margin-top: 0.52rem;
  font-size: var(--f16);
  line-height: 1.625;
}
.about_03 .ab_post > div .founder {
  margin-top: 1rem;
  line-height: 1.4;
}
.about_03 .ab_post > div .founder p {
  font-size: 1.125em;
  font-weight: bold;
}
.about_04 {
  position: relative;
  background: #f1f1f1 url("../images/bk1.png") no-repeat;
  background-size: cover;
}
.about_04 .ab_bot {
  position: relative;
  margin-top: var(--gap);
}
.about_04 .ab_bot .content1 {
  position: relative;
  width: 77.5%;
}
.about_04 .ab_bot .content1 .item {
  opacity: 0.001;
  transform: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.about_04 .ab_bot .content1 .item > div .img {
  width: 58.5%;
  overflow: hidden;
}
.about_04 .ab_bot .content1 .item > div .img img {
  transition: 0.4s;
  width: 100%;
}
.about_04 .ab_bot .content1 .item > div .img:hover img {
  transform: scale(1.05);
}
.about_04 .ab_bot .content1 .item > div .text {
  width: 31%;
}
.about_04 .ab_bot .content1 .item > div .text .t1 {
  font-size: var(--f60);
  color: #000;
}
.about_04 .ab_bot .content1 .item > div .text .t2 {
  margin-top: 0.2rem;
  font-size: var(--f14);
  color: #333;
  line-height: 1.8;
}
.about_04 .ab_bot .content1 .item.active {
  position: relative;
  z-index: 1;
  animation: heroFade 1s 0.15s both;
}
.about_04 .ab_bot .content2 {
  position: absolute;
  right: 1.26rem;
  top: 50%;
  transform: translateY(-50%);
}
.about_04 .ab_bot .content2 .toggle_01 {
  display: block;
}
.about_04 .ab_bot .content2 .toggle_01 .prev,
.about_04 .ab_bot .content2 .toggle_01 .next {
  background: #fff;
}
.about_04 .ab_bot .content2 .toggle_01 .prev:hover,
.about_04 .ab_bot .content2 .toggle_01 .next:hover {
  background: #000;
}
.about_04 .ab_bot .content2 .toggle_01 .prev:hover i,
.about_04 .ab_bot .content2 .toggle_01 .next:hover i {
  color: #fff;
}
.about_04 .ab_bot .content3 {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--f18);
}
.about_04 .ab_bot .content3 .swiper {
  height: calc(var(--f18) * 2 * 9);
}
.about_04 .ab_bot .content3 .swiper .swiper-slide {
  cursor: pointer;
  line-height: 2;
  color: #999;
  transition: 0.4s;
}
.about_04 .ab_bot .content3 .swiper .swiper-slide-active,
.about_04 .ab_bot .content3 .swiper .swiper-slide:hover {
  color: #000;
}
.certificate_01 {
  --w1: 2.63rem;
}
.certificate_01 .te_bot {
  position: relative;
  margin-top: 0.36rem;
}
.certificate_01 .te_bot .content1 {
  border-top: 1px solid #d3d3d3;
}
.certificate_01 .te_bot .content1 .item {
  cursor: pointer;
  border-bottom: 1px solid #d3d3d3;
}
.certificate_01 .te_bot .content1 .item > div {
  padding: 0.25rem 0;
  font-size: 12px;
}
.certificate_01 .te_bot .content1 .item > div .img {
  display: none;
  width: 50%;
}
.certificate_01 .te_bot .content1 .item > div .img img {
  width: 100%;
}
.certificate_01 .te_bot .content1 .item > div .content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.certificate_01 .te_bot .content1 .item > div .content .num {
  color: #000;
  transition: 0.4s;
}
.certificate_01 .te_bot .content1 .item > div .content .text {
  flex: 1;
  text-align: center;
}
.certificate_01 .te_bot .content1 .item > div .content .text p {
  transition: 0.4s;
  font-size: var(--f20);
  font-weight: bold;
}
.certificate_01 .te_bot .content1 .item > div .content .time {
  color: #000;
  transition: 0.4s;
}
.certificate_01 .te_bot .content1 .item:hover > div .content .time,
.certificate_01 .te_bot .content1 .item:hover > div .content .num {
  color: #969696;
}
.certificate_01 .te_bot .content1 .item:hover > div .content .text p {
  color: #969696;
}
.certificate_01 .te_bot .content1 .item:nth-child(n + 13) {
  display: none;
}
.certificate_01 .te_bot .content2 {
  margin-top: 0.4rem;
}
.certificate_01 .te_bot .listImg {
  position: absolute;
  width: var(--w1);
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}
.certificate_01 .te_bot .listImg p {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.certificate_01 .te_bot .listImg p::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  padding-top: 121%;
  background: #d9d9d9;
}
.certificate_01 .te_bot .listImg p img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.certificate_01 .te_bot .listImg p span {
  position: absolute;
  color: #666;
  font-size: var(--f20);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.news_01 {
  margin-top: 0.32rem;
}
.news_01 .ws_top {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem 0.2rem;
}
.news_01 .ws_bot {
  margin-top: 0.6rem;
}
.news_details_01 {
  margin-top: 0.32rem;
  position: relative;
}
.news_details_01 .ls_top {
  position: absolute;
  left: var(--bj);
  top: 0;
}
.news_details_01 .ls_top a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: var(--f14);
}
.news_details_01 .ls_top a i {
  transition: 0.4s;
  color: #333;
  font-weight: bold;
  font-size: 0.8em;
}
.news_details_01 .ls_top a span {
  padding-left: 6px;
  transition: 0.4s;
  color: #333;
}
.news_details_01 .ls_top a:hover span,
.news_details_01 .ls_top a:hover i {
  color: #000;
}
.news_details_01 .ls_bot {
  width: min(12rem, 100%);
  margin: 0 auto;
}
.news_details_01 .ls_bot .content1 {
  text-align: center;
}
.news_details_01 .ls_bot .content1 .text {
  color: #000;
  font-size: var(--f36);
  font-weight: bold;
}
.news_details_01 .ls_bot .content1 .time {
  margin-top: 0.1rem;
  font-size: var(--f16);
  color: #666;
}
.news_details_01 .ls_bot .content2 {
  padding-bottom: 0.75rem;
  margin-top: 0.4rem;
}
.news_details_01 .ls_bot .content2 > div {
  font-size: var(--f16);
  line-height: 1.625;
  color: #333;
}
.news_details_02 {
  position: relative;
  background: #e7e7e7;
}
.news_details_02 .ls_top {
  text-align: center;
}
.news_details_02 .ls_bot {
  margin-top: 0.36rem;
}
.news_details_02 .ls_bot .content2 {
  margin-top: 0.45rem;
}
.contact_01 {
  --w1: 0.4rem;
  position: relative;
  background: #e7e7e7;
}
.contact_01 .box .le_box {
  width: 50%;
}
.contact_01 .box .le_box a {
  width: 100%;
  overflow: hidden;
}
.contact_01 .box .le_box a img {
  transition: 0.4s;
  width: 100%;
}
.contact_01 .box .le_box a:hover img {
  transform: scale(1.05);
}
.contact_01 .box .ri_box {
  width: 50%;
  padding: 0 1.3rem;
  display: flex;
}
.contact_01 .box .ri_box > div {
  margin: auto;
  width: 100%;
}
.contact_01 .box .ri_box > div .content1 {
  font-size: var(--f30);
  color: #000;
}
.contact_01 .box .ri_box > div .content2 {
  margin-top: 0.46rem;
}
.contact_01 .box .ri_box > div .content2 .item {
  font-size: var(--f14);
}
.contact_01 .box .ri_box > div .content2 .item p {
  color: #666;
}
.contact_01 .box .ri_box > div .content2 .item a {
  width: fit-content;
  margin-top: 4px;
  color: #000;
}
.contact_01 .box .ri_box > div .content2 .item + .item {
  margin-top: 0.22rem;
}
.contact_01 .box .ri_box > div .content3 {
  margin-top: 0.92rem;
}
.contact_01 .box .ri_box > div .content3 .item {
  position: relative;
  margin-right: 0.1rem;
}
.contact_01 .box .ri_box > div .content3 .item > a {
  cursor: pointer;
  width: var(--w1);
  height: var(--w1);
  background: #000;
  display: flex;
}
.contact_01 .box .ri_box > div .content3 .item > a img {
  transition: 0.4s;
  max-width: 60%;
  margin: auto;
}
.contact_01 .box .ri_box > div .content3 .item .post {
  transition: 0.4s;
  position: absolute;
  left: 50%;
  top: calc(100% + 12px);
  transform: translateX(-50%) scale(0);
  transform-origin: center top;
  padding: 5px;
  background: #000;
}
.contact_01 .box .ri_box > div .content3 .item .post::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -12px;
  border: 6px solid transparent;
  border-bottom-color: #000;
}
.contact_01 .box .ri_box > div .content3 .item .post img {
  width: 1rem;
}
.contact_01 .box .ri_box > div .content3 .item:last-child {
  margin-right: 0;
}
.contact_01 .box .ri_box > div .content3 .item:hover > a img {
  opacity: 1;
}
.contact_01 .box .ri_box > div .content3 .item:hover .post {
  transform: translateX(-50%) scale(1);
}
.contact_02 {
  --h1: 0.54rem;
  position: relative;
}
.contact_02 .box {
  width: min(8.66rem, 100%);
  margin: 0 auto;
}
.contact_02 .box .ct_top {
  text-align: center;
}
.contact_02 .box .ct_top p {
  font-size: var(--f30);
}
.contact_02 .box .ct_bot {
  margin-top: 0.3rem;
  font-size: var(--f14);
}
.contact_02 .box .ct_bot .content1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.contact_02 .box .ct_bot .content1 .item {
  position: relative;
  width: 100%;
}
.contact_02 .box .ct_bot .content1 .item .tips {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  padding: 0 0.16rem;
  pointer-events: none;
}
.contact_02 .box .ct_bot .content1 .item .tips span {
  margin-right: 4px;
  color: #000;
}
.contact_02 .box .ct_bot .content1 .item input {
  width: 100%;
  height: var(--h1);
  background: #f4f4f4;
  border: none;
  padding: 0 0.16rem;
  color: #000;
}
.contact_02 .box .ct_bot .content1 .item input::placeholder {
  color: #999;
}
.contact_02 .box .ct_bot .content1 .item input:not(:placeholder-shown) + .tips {
  display: none;
}
.contact_02 .box .ct_bot .content1 .item .div1 {
  cursor: pointer;
  transition: 0.4s;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background: #f4f4f4;
  padding: 0 0.16rem;
}
.contact_02 .box .ct_bot .content1 .item .div1 p {
  transition: 0.4s;
  flex: 1;
  height: var(--h1);
  line-height: var(--h1);
  color: #999;
}
.contact_02 .box .ct_bot .content1 .item .div1 p span {
  transition: 0.4s;
  margin-right: 4px;
  color: #000;
}
.contact_02 .box .ct_bot .content1 .item .div1 i {
  transition: 0.4s;
  position: absolute;
  right: 0.16rem;
  top: 50%;
  transform: translateY(-50%);
}
.contact_02 .box .ct_bot .content1 .item .div2 {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  background: #202020;
  padding: 0 0 0.16rem 0;
}
.contact_02 .box .ct_bot .content1 .item .div2 p {
  cursor: pointer;
  padding: 0 0.16rem;
  color: #fff;
  line-height: 2;
}
.contact_02 .box .ct_bot .content1 .item.active .div1 {
  background: #202020;
}
.contact_02 .box .ct_bot .content1 .item.active .div1 p {
  color: rgba(255, 255, 255, 0.5);
}
.contact_02 .box .ct_bot .content1 .item.active .div1 p span {
  color: #fff;
}
.contact_02 .box .ct_bot .content1 .item.active .div1 i {
  color: #fff;
  transform: translateY(-50%) rotate(180deg);
}
.contact_02 .box .ct_bot .content2 {
  margin-top: 0.2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contact_02 .box .ct_bot .content2 .layui-form-checkbox[lay-skin="primary"] {
  padding-left: 20px;
  min-width: 14px;
  min-height: 14px;
}
.contact_02 .box .ct_bot .content2 .layui-form-checkbox[lay-skin="primary"] > i {
  border-color: #000;
  width: 14px;
  height: 14px;
  line-height: 12px;
  font-size: 10px;
}
.contact_02 .box .ct_bot .content2 p {
  flex: 1;
  font-size: 12px;
  color: #666;
}
.contact_02 .box .ct_bot .content2 p a {
  color: #000;
  display: inline;
}
.contact_02 .box .ct_bot .content3 {
  margin-top: 0.74rem;
}
.search_01 {
  --h1: 0.6rem;
  position: relative;
  margin-top: 0.3rem;
}
.search_01 .ch_top {
  text-align: center;
  padding-bottom: 0.32rem;
}
.search_01 .ch_top .content1 {
  font-size: var(--f30);
}
.search_01 .ch_top .content2 {
  margin-top: 0.2rem;
  font-size: var(--f14);
}
.search_01 .ch_top .content2 .div1 {
  width: min(5.9rem, 100%);
  margin: 0 auto;
}
.search_01 .ch_top .content2 .div1 form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #f2f2f2;
  padding: 0 0.25rem;
}
.search_01 .ch_top .content2 .div1 form input {
  flex: 1;
  height: var(--h1);
  border: none;
  background: none;
}
.search_01 .ch_top .content2 .div1 form .svg {
  cursor: pointer;
  width: 14px;
}
.search_01 .ch_top .content2 .div1 form .svg label {
  cursor: pointer;
}
.search_01 .ch_top .content2 .div2 {
  margin-top: 0.27rem;
}
.search_01 .ch_top .content2 .div2 .d1 {
  color: #999;
}
.search_01 .ch_top .content2 .div2 .d2 {
  padding-left: 0.24rem;
}
.search_01 .ch_top .content2 .div2 .d2 a {
  color: #333;
  margin-right: 0.18rem;
}
.search_01 .ch_top .content2 .div2 .d2 a:hover {
  color: #000;
}
.search_01 .ch_top .content2 .div2 .d2 a:last-child {
  margin-right: 0;
}
.search_01 .ch_bot {
  border-top: 1px solid rgba(77, 77, 77, 0.1);
  padding-top: 0.24rem;
  font-size: var(--f14);
  min-height: 30vh;
}
.search_01 .ch_bot .content1 {
  text-align: center;
  color: #666;
}
.search_01 .ch_bot .content1 span {
  color: #000;
}
.search_01 .ch_bot .content2 .list {
  padding: 0.6rem 0 0.9rem;
}
.search_01 .ch_bot .content2 .list .tips {
  font-size: var(--f16);
}
.search_01 .ch_bot .content2 .list .box {
  margin-top: 0.36rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
}
.search_01 .ch_bot .content2 .list + .list {
  border-top: 1px solid rgba(77, 77, 77, 0.1);
}
.search_01 .ch_bot .hide p {
  color: #666;
}
.search_01 .ch_bot .hide p span {
  color: #000;
}
@media (max-width: 1500px) {
  :root {
    --h42: 0.48rem;
  }
  .contact_01,
  .pc_footer {
    --w1: 0.46rem;
  }
  .toggle_01 {
    --w1: 0.64rem;
  }
  .contact_02 {
    --h1: 0.64rem;
  }
  .search_01 {
    --h1: 0.7rem;
  }
  .about_04 .ab_bot .content1 .item > div .text {
    width: 36%;
  }
}
@media (max-width: 1200px) {
  .MobileMain .HeaderMobile .box .logo a img {
    height: 36px;
  }
  .MobileMain .HeaderMobile .box .button .search p svg {
    width: 20px;
  }
  .pu_search_01 .box {
    padding: calc(var(--top) + 0.3rem) var(--bj) 0.3rem;
  }
  .about_01 .ab_bk video,
  .about_01 .ab_bk img,
  .index_brand .br_bk video,
  .index_brand .br_bk img {
    height: 8rem;
  }
  .about_03 .ab_bk img,
  .case_details_04 .ls_bot .swiper .swiper-slide .bk img,
  .pu_banner .ban_bk video,
  .pu_banner .ban_bk img,
  .index_selected .ed_box .swiper .swiper-slide .slide_img img,
  .index_selected .ed_box .swiper .swiper-slide .slide_img video,
  .index_banner .swiper .swiper-slide .slide_img img,
  .index_banner .swiper .swiper-slide .slide_img video {
    height: 6rem;
  }
  .index_case .se_bot {
    position: initial;
    margin-top: 0.4rem;
  }
  .index_case .se_top .le_box {
    padding-right: var(--bj);
  }
  .index_selected .ed_box .swiper .swiper-slide .slide_post > div .content2,
  .index_case .se_top .le_box .content2 .div1 > div .btn {
    margin-top: 0.2rem;
  }
  .index_brand .br_post > div .content1 .btn,
  .index_case .se_top .le_box .content2 .div2 {
    margin-top: 0.4rem;
  }
  .index_banner .div_,
  .index_selected .ed_box .div_ {
    bottom: 0.2rem;
  }
  .pu_banner .ban_post {
    padding: 0.6rem var(--bj);
  }
  .index_banner .swiper .swiper-slide .slide_post,
  .index_selected .ed_box .swiper .swiper-slide .slide_post {
    padding: var(--gap) var(--bj);
  }
  .pc_footer .ter_top .right_ {
    order: -1;
  }
  .pc_footer .ter_top .nav .item:first-child {
    display: none;
  }
  .pc_footer .ter_top .nav .item {
    display: flex;
    flex-wrap: wrap;
  }
  .pc_footer .ter_top .nav .item a {
    margin-right: 0.2rem;
  }
  .pc_footer .ter_top .nav .item a:last-child {
    margin-right: 0;
  }
  .pu_page .number a {
    display: none;
  }
  .pu_page .number a.active {
    display: block;
  }
  .case_01 {
    --w1: 1.2rem;
  }
  .case_01 .se_top .div2 a {
    margin-right: 6px;
    margin-bottom: 6px;
  }
  .case_details_01 {
    --w1: 100%;
  }
  .case_details_02 .ls_bot > div p {
    padding: 0;
  }
  .case_details_02 .ls_bot {
    grid-template-columns: repeat(2, 1fr);
  }
  .case_details_02 .ls_bot .div2 {
    grid-area: 2 / 1 / 3 / 3;
  }
  .case_details_02 .ls_bot .div3 {
    grid-area: 3 / 1 / 4 / 2;
  }
  .case_details_02 .ls_bot .div4 {
    grid-area: 3 / 2 / 4 / 3;
  }
  .case_details_02 .ls_bot .div5 {
    grid-area: 4 / 1 / 5 / 2;
  }
  .case_details_02 .ls_bot .div6 {
    grid-area: 4 / 2 / 5 / 3;
  }
  .case_details_03 .ls_bot .div1 {
    grid-area: 1 / 1 / 2 / 2;
  }
  .case_details_03 .ls_bot .div2 {
    grid-area: 1 / 2 / 2 / 3;
  }
  .case_details_03 .ls_bot .div3 {
    grid-area: 2 / 1 / 3 / 3;
  }
  .case_details_03 .ls_bot .div4 {
    grid-area: 3 / 1 / 4 / 3;
  }
  .case_details_03 .ls_bot > div p {
    padding: 0.4rem;
  }
  .about_02 .ri_box .swiper .swiper-slide {
    height: auto;
  }
  .pc_footer .ter_bot .copy {
    margin-top: 0.4rem;
  }
  .pc_footer .ter_bot .desige {
    font-size: 0.8rem;
  }
  .about_04 .ab_bot .content3 {
    position: initial;
    transform: translateY(0);
    margin-top: 0.4rem;
  }
  .certificate_01 .te_bot .listImg,
  .about_04 .ab_bot .content2 {
    display: none;
  }
  .about_04 .ab_bot .content3 .swiper {
    height: auto;
    text-align: center;
  }
  .about_04 .ab_bot .content1 .item > div {
    background: #fff;
  }
  .about_04 .ab_bot .content1 .item > div .text {
    padding: 0.4rem;
  }
  .about_04 .ab_bot .content1 .item > div .text .t2 {
    min-height: calc(var(--f14) * 1.8 * 6);
    max-height: calc(var(--f14) * 1.8 * 6);
    overflow: auto;
    padding-right: 0.1rem;
  }
  .about_04 .ab_bot .content1 .item > div .text .t2::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  .about_04 .ab_bot .content1 .item > div .text .t2::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #000000;
  }
  .about_04 .ab_bot .content1 .item > div .text .t2::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.5);
  }
  @-moz-document url-prefix() {
    .about_04 .ab_bot .content1 .item > div .text .t2 {
      scrollbar-color: #000000 rgba(0, 0, 0, 0.5);
      scrollbar-width: thin;
      -ms-overflow-style: none;
    }
  }
  .certificate_01 .te_bot .content1 .item > div {
    justify-content: space-between;
  }
  .certificate_01 .te_bot .content1 .item > div .img {
    display: block;
    width: 25%;
  }
  .certificate_01 .te_bot .content1 .item > div .content {
    width: 70%;
    display: block;
  }
  .certificate_01 .te_bot .content1 .item > div .content .text {
    margin: 0.2rem 0 0.4rem;
    text-align: left;
  }
  .certificate_01 .te_bot .content1 .item > div.ynoimg .content {
    width: 100%;
  }
  .contact_01 .box .ri_box {
    padding: var(--gap) var(--bj);
  }
  .news_details_01 .ls_top {
    position: initial;
    margin-bottom: 8px;
  }
  .about_02 .le_box {
    padding-bottom: 0;
  }
  .about_02 .le_box .content2 .item .text {
    opacity: 1;
  }
  .about_02 .le_box .content2 .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .about_02 .le_box .content2 .item .div1 {
    width: 50%;
  }
  .about_02 .le_box .content2 .item .div2 {
    display: block;
    width: 45%;
  }
  .about_02 .le_box .content2 .item .div2 img {
    width: 100%;
  }
  .about_02 .le_box .content2 .item .desc {
    margin-top: 0.16rem;
    grid-template-rows: 1fr;
  }
  .index_selected .div_tog,
  .index_banner .div_tog,
  .about_02 .ri_box {
    display: none;
  }
  .search_01 .ch_bot .content2 .list .box,
  .news_01 .ws_top,
  .case_details_03 .ls_bot,
  .case_01 .se_bot .content1 {
    grid-template-columns: repeat(2, 1fr);
  }
  .about_03 .ab_post > div .founder,
  .about_02 .le_box .content2 .item + .item,
  .about_02 .le_box .content2,
  .case_details_04 .ls_bot,
  .case_details_04,
  .case_details_03,
  .case_details_02,
  .case_details_01 .ls_bot,
  .case_details_01 .ls_top .ri_box,
  .pc_footer .ter_bot,
  .index_case .se_top .ri_box {
    margin-top: 0.6rem;
  }
  .contact_01 .box .ri_box,
  .contact_01 .box .le_box,
  .about_04 .ab_bot .content1 .item > div .text,
  .about_04 .ab_bot .content1 .item > div .img,
  .about_04 .ab_bot .content1,
  .about_03 .ab_post > div,
  .about_02 .le_box .content2,
  .about_02 .ri_box,
  .about_02 .le_box,
  .about_01 .ab_post > div,
  .case_details_04 .ls_bot .swiper .swiper-slide .post > div p,
  .case_details_04 .ls_top .t2,
  .case_details_03 .ls_top p,
  .case_details_02 .ls_top p,
  .case_details_01 .ls_top .ri_box,
  .pc_footer .ter_bot .copy,
  .pc_footer .ter_top .right_,
  .index_brand .br_post > div .content1 .desc,
  .index_selected .ed_box .swiper .swiper-slide .slide_post > div,
  .index_case .se_top .ri_box,
  .index_case .se_top .le_box {
    width: 100%;
    flex: none;
  }
  :root {
    --h42: 0.52rem;
  }
  .contact_01,
  .pc_footer {
    --w1: 0.5rem;
  }
  .toggle_01 {
    --w1: 0.64rem;
  }
  .contact_02 {
    --h1: 0.64rem;
  }
  .search_01 {
    --h1: 0.7rem;
  }
  .about_01 {
    --w1: 0.66rem;
  }
}
@media (max-width: 750px) {
  :root {
    --h42: 0.7rem;
  }
  .contact_01,
  .pc_footer {
    --w1: 0.8rem;
  }
  .toggle_01 {
    --w1: 0.8rem;
  }
  .contact_02 {
    --h1: 0.8rem;
  }
  .search_01 {
    --h1: 0.8rem;
  }
  .pu_search_01 {
    --h1: 0.8rem;
  }
  .about_01 {
    --w1: 0.76rem;
  }
  .pu_link .a {
    padding: 0 0.4rem;
  }
  .pu_search_01 .box .content1 form .item .btn label p {
    line-height: 2.5;
    padding: 0 0.4rem;
  }
  .about_03 .ab_bk img,
  .about_01 .ab_bk video,
  .about_01 .ab_bk img,
  .index_brand .br_bk video,
  .index_brand .br_bk img {
    height: 10rem;
  }
  .case_details_04 .ls_bot .swiper .swiper-slide .bk img {
    height: 8rem;
  }
  .case_details_04 .ls_bot .swiper .swiper-slide .bk::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
  }
  .pc_footer .ter_top .share .div2 .item .post img {
    width: 1.5rem;
  }
  .pc_footer .ter_top .right_ .share {
    margin-top: 0.2rem;
  }
  .pc_footer .ter_top .share .div2 .item .post {
    left: 0;
    transform: translateX(0) scale(0);
    transform-origin: left top;
  }
  .pc_footer .ter_top .share .div2 .item .post::before {
    left: calc(var(--w1) / 2);
  }
  .pc_footer .ter_top .share .div2 .item:hover .post {
    transform: translateX(0) scale(1);
  }
  .case_details_02 .ls_bot,
  .case_details_01 .ls_bot,
  .contact_02 .box .ct_bot .content1,
  .search_01 .ch_bot .content2 .list .box,
  .news_01 .ws_top,
  .case_details_03 .ls_bot,
  .case_01 .se_bot .content1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .search_01 .ch_top .content2 .div2 .d2 {
    flex: 1;
  }
  .search_01 .ch_top .content2 .div2 .d2 a {
    margin-bottom: 0.18rem;
  }
  .certificate_01 .te_bot .content1 .item > div .img {
    width: 40%;
  }
  .certificate_01 .te_bot .content1 .item > div .content {
    width: 55%;
  }
  .case_details_03 .ls_bot > div,
  .case_details_02 .ls_bot > div {
    grid-area: auto !important;
  }
  .case_details_04 .ls_top .t1 br {
    display: none;
  }
  .case_01 .se_top .div2 {
    margin-top: 4px;
  }
  .case_01 .se_top {
    line-height: 2;
  }
  .case_01 .se_top .content1 {
    position: relative;
  }
  .case_01 .se_top .div3 {
    position: absolute;
    right: 0;
    top: 13px;
    white-space: nowrap;
  }
  .about_02 .le_box .content2 .item .div2 {
    margin-top: 0.2rem;
  }
  .index_case .se_bot {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .index_selected .ed_box .div_ .li,
  .index_banner .div_ .li {
    width: 0.36rem;
  }
  .contact_02 .box .ct_bot .content1 .item .div2 p,
  .contact_02 .box .ct_bot .content1 .item .div1,
  .contact_02 .box .ct_bot .content1 .item input,
  .contact_02 .box .ct_bot .content1 .item .tips {
    padding: 0 0.3rem;
  }
  .about_02 .le_box .content2 .item .div2,
  .about_02 .le_box .content2 .item .div1,
  .case_01 .se_top .div1,
  .case_01 .se_top .div2,
  .pc_footer .ter_top .right_ .share,
  .pc_footer .ter_top .right_ .lxwm {
    width: 100%;
    flex: auto;
  }
}