@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexAuto {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flexCetween {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexAlign {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
}
.header {
  position: fixed;
  left: 50%;
  margin-left: -600px;
  top: 0.3rem;
  z-index: 99;
}
.header.scroll .header__wrap,
.header.hovers .header__wrap {
  background: #fff;
}
.header.scroll.header__color,
.header.hovers.header__color {
  background: #0b0b0b;
}
.header.scroll.header__color .header__wrap {
  background: #0b0b0b;
}
.header.header__color .header__wrap {
  border-color: rgba(255, 255, 255, 0.1);
}
.header.header__color .header__wrap .logo img.show {
  opacity: 0;
}
.header.header__color .header__wrap .logo img.hide {
  opacity: 1;
}
.header.header__color .header__wrap .header__case > li > a {
  color: #fff;
}
.header.header__color .header__wrap .header__case > li > a i {
  color: #fff;
}
.header.header__color .header__wrap .navs__list > li > a {
  color: #fff;
}
.header.header__color .header__wrap .menubtn span:before,
.header.header__color .header__wrap .menubtn span:after {
  background: #fff;
}
.header.header__color.hovers .header__wrap {
  background: #fff;
  border-color: #dddddd;
}
.header.header__color.hovers .header__wrap .logo img.show {
  opacity: 1;
}
.header.header__color.hovers .header__wrap .logo img.hide {
  opacity: 0;
}
.header.header__color.hovers .header__wrap .header__case > li > a {
  color: #111111;
}
.header.header__color.hovers .header__wrap .header__case > li > a i {
  color: #111111;
}
.header.header__color.hovers .header__wrap .navs__list > li > a {
  color: #111111;
}
.header.header__color.hovers .header__wrap .menubtn span:before,
.header.header__color.hovers .header__wrap .menubtn span:after {
  background: #111111;
}
.header__wrap {
  padding: 0 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 99;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  height: 1rem;
}
.header__left {
  display: flex;
  align-items: center;
}
.logo {
  position: relative;
  line-height: 1;
}
.logo img {
  display: inline-block;
  width: auto;
  height: 0.56rem;
}
.logo img.hide {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.35s;
}
.header__case {
  position: absolute;
  left: 1.52rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
.header__case li {
  margin-right: 0.3rem;
}
.header__case li.active a b {
  opacity: 1;
  transform: scale(1);
}
.header__case li a {
  display: inline-block;
  color: #111111;
  font-size: 0.16rem;
}
.header__case li a:hover {
  color: #777777;
}
.header__case li a b {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 0.05rem;
  font-size: 0.14rem;
  font-weight: normal;
  line-height: 1;
  transition: 0.3s;
  opacity: 0;
  transform: scale(0);
}
.header__case li a i {
  display: inline-block;
  transform: translateY(-0.04rem);
  margin-left: 0.06rem;
  font-style: normal;
  font-size: 0.12rem;
  vertical-align: middle;
  line-height: 1;
}
.navs__list {
  display: flex;
}
.navs__list > li:hover > a {
  color: #777777;
}
.navs__list > li:hover > a i {
  transform: rotate(180deg);
}
.navs__list > li.active > a b {
  opacity: 1;
  transform: scale(1);
}
.navs__list > li > a {
  display: inline-flex;
  align-items: center;
  padding: 0 0.2rem;
  height: 0.98rem;
  color: #111;
  font-size: 0.16rem;
}
.navs__list > li > a > b {
  display: inline-block;
  position: relative;
  top: 0.02rem;
  margin-right: 0.05rem;
  font-weight: normal;
  font-size: 0.12rem;
  line-height: 1;
  transform: scale(0);
  opacity: 0;
  transition: 0.3s;
}
.navs__list > li > a > i {
  display: inline-block;
  margin-left: 0.04rem;
  font-style: normal;
  transition: 0.3s;
}
.navs__leval {
  position: absolute;
  left: 0;
  top: 100%;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #dddddd;
  border-top: none;
  background: #fff;
  clip-path: inset(0 0 100% 0);
  visibility: hidden;
  pointer-events: none;
  transition: 0.67s;
}
.navs__leval.show {
  visibility: visible;
  pointer-events: auto;
  clip-path: inset(0 0 0 0);
}
.navs__bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  display: none;
}
.navs__flex {
  display: flex;
  align-items: flex-start;
  padding: 0.6rem 0.6rem 0;
  min-height: 3.6rem;
}
.navs__dl {
  display: block;
  width: 2.84rem;
}
.navs__dl:last-child {
  width: auto;
}
.navs__dl:first-child {
  width: 3.4rem;
}
.navs__dl:first-child dd p a {
  font-size: 0.24rem;
}
.navs__dl dt {
  display: block;
  margin-bottom: 0.14rem;
  line-height: 1;
  color: #777777;
  font-size: 0.16rem;
}
.navs__dl dd {
  display: block;
}
.navs__dl dd p {
  margin-bottom: 0.06rem;
}
.navs__dl dd p a {
  display: inline-block;
  position: relative;
  z-index: 2;
  line-height: 1.2;
  color: #111111;
  font-size: 0.16rem;
}
.navs__dl dd p a:hover {
  color: #777;
}
.navs__dl dd p a i {
  display: inline-block;
  margin-left: 0.05rem;
  font-style: normal;
  font-size: 0.12rem;
}
.navs__items {
  display: none;
}
.navs__close {
  position: absolute;
  right: 4vw;
  top: 40px;
  z-index: 7;
  color: #000;
  font-size: 30px;
  display: none;
  line-height: 1;
}
.navs__arrow {
  position: absolute;
  left: 4vw;
  top: 43px;
  z-index: 3;
  color: #000;
  font-size: 22px;
  display: none;
  line-height: 1;
}
.banner {
  position: relative;
}
.banner__ico {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.banner__ico img {
  display: inline-block;
  width: auto;
  position: relative;
  z-index: -1;
  height: 3.49rem;
}
.banner__imgs {
  position: relative;
  padding-bottom: 100vh;
}
.banner__imgs img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.banner__imgs img.mb {
  display: none;
}
.banner__text {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 0.3rem;
  z-index: 3;
}
.banner__text .banner__tt {
  display: block;
  margin-bottom: 0.7rem;
  line-height: 1;
  font-size: 1.1rem;
  font-weight: normal;
}
.banner__text p {
  line-height: 1;
  font-size: 0.16rem;
}
.brands {
  overflow: hidden;
  position: relative;
}
.brands figure {
  display: block;
  line-height: 1;
}
.brands figure video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.brands figure video.mb {
  display: none;
}
.video__btn {
  position: absolute;
  right: 5%;
  bottom: 30px;
  z-index: 5;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}
.home__about {
  padding: 3rem 0 2.75rem;
}
.home__about .common__more {
  margin-top: 0.4rem;
}
.home__about .home__title {
  font-size: 0.78rem;
  line-height: 1.125;
}
.home__font p {
  margin-bottom: 0.18rem;
  line-height: 1.08;
  color: #111111;
  font-size: 0.16rem;
}
.home__title {
  display: block;
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 1.085;
}
.common__more a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
  width: 1.68rem;
  height: 0.68rem;
  border: 1px solid #dddddd;
  color: #111;
  font-size: 0.16rem;
  line-height: 1;
}
.common__more a b {
  display: inline-block;
  align-items: center;
  position: relative;
  font-weight: normal;
  overflow: hidden;
  height: 0.16rem;
}
.common__more a:hover {
  border-color: #777;
}
.common__more a:hover b i.start {
  transform: translateY(-120%);
}
.common__more a:hover b i.end {
  top: 0;
}
.common__more a i {
  display: inline-block;
  position: relative;
  margin-right: 0.03rem;
  font-style: normal;
  font-size: 0.12rem;
  transition: 0.3s;
  line-height: 0.16rem;
}
.common__more a i.end {
  position: absolute;
  left: 0;
  top: 100%;
}
.home__business {
  padding-bottom: 1.8rem;
}
.business__wrap {
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
}
.business__left {
  position: relative;
  width: 48.75%;
}
.business__left:hover figure img {
  transform: scale(1.02);
}
.business__left:hover .business__info span {
  color: #777;
}
.business__left:hover .business__info span b i {
  color: #111111;
}
.business__left:hover .business__info span b i.start {
  top: -100%;
}
.business__left:hover .business__info span b i.end {
  top: 0;
}
.business__left figure {
  position: relative;
  display: block;
  padding-bottom: 135.04%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border: 1px solid #ddd;
}
.business__left figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business__left figure img {
  transition: 0.8s;
}
.business__info {
  position: absolute;
  left: 0.3rem;
  right: 0.3rem;
  top: 0.3rem;
}
.business__info p {
  margin-bottom: 0.1rem;
  line-height: 1;
  font-size: 0.16rem;
}
.business__info strong {
  display: block;
  color: #111111;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 1.25;
  max-width: 100%;
}
.business__info strong.mb {
  display: none;
}
.business__info span {
  display: flex;
  align-items: center;
  margin-top: 0.12rem;
  line-height: 1;
  color: #111111;
  font-size: 0.16rem;
  transition: 0.3s;
}
.business__info span b {
  display: inline-block;
  position: relative;
  top: 0.01rem;
  line-height: 1;
  height: 0.2rem;
  overflow: hidden;
  font-weight: normal;
}
.business__info span i {
  position: relative;
  top: 0rem;
  display: block;
  font-style: normal;
  margin-right: 0.02rem;
  font-size: 0.15rem;
  line-height: 0.2rem;
  transition: 0.3s;
}
.business__info span i.end {
  position: absolute;
  left: 0;
  top: 100%;
}
.business__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 48.75%;
}
.business__item {
  position: relative;
}
.business__item:hover figure img {
  transform: scale(1.02);
}
.business__item:hover .business__info span {
  color: #777;
}
.business__item:hover .business__info span b i {
  color: #111111;
}
.business__item:hover .business__info span b i.start {
  top: -100%;
}
.business__item:hover .business__info span b i.end {
  top: 0;
}
.business__item:hover .business__info.business__color span i {
  color: #fff;
}
.business__item figure {
  position: relative;
  display: block;
  padding-bottom: 64.957%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border: 1px solid #ddd;
}
.business__item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business__item figure img {
  transition: 0.6s;
}
.business__item figure img.mb {
  display: none;
}
.business__color p,
.business__color strong,
.business__color span {
  color: #fff;
}
.home__cases {
  padding-bottom: 1.8rem;
}
.cases__list {
  margin-top: 0.5rem;
  margin-bottom: 0.7rem;
  display: grid;
  gap: 0.8rem 0.3rem;
  grid-template-columns: repeat(2, 1fr);
}
.cases__list li:hover figure img {
  transform: scale(1.02);
}
.cases__list li figure {
  position: relative;
  display: block;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.cases__list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cases__list li figure img {
  transition: 0.6s;
}
.cases__list li strong {
  display: block;
  margin-top: 0.28rem;
  margin-bottom: 0.16rem;
  line-height: 1;
  color: #111;
  font-size: 0.24rem;
  font-weight: normal;
}
.innercase li strong {
  margin-top: 0.22rem;
  margin-bottom: 0.15rem;
  line-height: 1;
}
.cases__tag {
  display: flex;
}
.cases__tag span {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 0.15rem;
  height: 0.4rem;
  color: #777777;
  font-size: 0.15rem;
  background: #f6f7f9;
  border: 1px solid #f6f7f9;
  transition: 0.3s;
}
.cases__tag span:hover {
  background: none;
  border-color: #dddddd;
  color: #111111;
}
.common__center {
  display: flex;
  justify-content: center;
}
.home__news {
  padding-bottom: 0.76rem;
}
.news__list {
  margin-top: 0.5rem;
  margin-bottom: 0.7rem;
}
.news__list .swiper-pagination {
  margin-top: 35px;
  position: relative;
  display: none;
}
.news__list .swiper-pagination .swiper-pagination-bullet {
  margin: 0 6px;
  width: 6px;
  height: 6px;
  border-radius: 0;
  opacity: 1;
  background: #f0f1f4;
}
.news__list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #111111;
}
.news__list li {
  box-sizing: border-box;
  border: 1px solid #dddddd;
}
.news__list li a:hover figure img {
  transform: scale(1.03);
}
.news__list li a figure {
  position: relative;
  display: block;
  padding-bottom: 56.315%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.news__list li a figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news__list li a figure img {
  transition: 0.6s;
}
.news__info {
  padding: 0.25rem 0.3rem 0.28rem;
  border-top: none;
}
.news__info strong {
  display: block;
  color: #111111;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 1.333;
  height: 1.42rem;
}
.news__time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
}
.news__time time,
.news__time span {
  display: inline-block;
  color: #666666;
  font-size: 0.15rem;
}
.pandes {
  position: relative;
  display: block;
  padding-bottom: 62.06%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.pandes img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer {
  padding: 0.3rem 0 0;
  border-top: 1px solid #dddddd;
}
.footer.footer__color {
  background: #040404;
  border-top: 1px solid #222222;
}
.footer.footer__color .footer__tell h2,
.footer.footer__color .footer__tell p {
  color: #fff;
}
.footer.footer__color .footer__navs--item {
  border-color: #222222;
}
.footer.footer__color .footer__navs--item dt i {
  color: #fff;
}
.footer.footer__color .common__more a {
  border-color: #333333;
  color: #fff;
}
.footer.footer__color .common__more a:hover {
  color: #fff;
  border-color: #fff;
}
.footer.footer__color .common__more a:before {
  background: #fff;
}
.footer.footer__color .footer__navs--item dt {
  color: #fff;
}
.footer.footer__color .footer__navs--item dd p a {
  color: #fff;
}
.footer.footer__color .footer__navs--item dd p a:hover {
  color: #777;
}
.footer.footer__color .copy a {
  color: #fff;
}
.footer.footer__color .copy a:before {
  background: #777777;
}
.footer__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footer__tell h2 {
  display: block;
  margin-bottom: 0rem;
  line-height: 1;
  font-size: 0.9rem;
  font-weight: normal;
}
.footer__tell p {
  margin-top: 0.1rem;
  color: #111111;
  font-size: 0.18rem;
  line-height: 1.25;
}
.footer__tell .common__more {
  margin-top: 0.26rem;
}
.footer__tell .common__more a {
  width: 2.38rem;
}
.footer__navs {
  column-count: 2;
  width: 4.22rem;
}
.footer__navs--item {
  display: block;
  margin-bottom: 0.74rem;
  break-inside: avoid;
}
.footer__navs--item dt {
  display: block;
  margin-bottom: 0.1rem;
  font-weight: normal;
  font-size: 0.16rem;
  line-height: 1;
}
.footer__navs--item dt i {
  display: none;
  color: #1f1f1f;
  font-size: 0.2rem;
  font-style: normal;
  transition: 0.3s;
  line-height: 1;
}
.footer__navs--item dd {
  display: block;
}
.footer__navs--item dd p {
  margin-bottom: 0.04rem;
}
.footer__navs--item dd p:last-child {
  margin-bottom: 0;
}
.footer__navs--item dd p a {
  display: inline-block;
  color: #111111;
  font-size: 0.16rem;
  line-height: 1.5;
}
.footer__navs--item dd p a:hover {
  color: #777;
}
.footer__navs--item dd p a i {
  display: inline-block;
  margin-left: 3px;
  font-style: normal;
  font-size: 0.12rem;
}
.footer__navs--item:nth-child(n+3) {
  margin-left: auto;
  width: 1.2rem;
  column-width: 1.2rem;
}
.footer__bottom {
  display: flex;
  align-items: center;
  padding-bottom: 0.26rem;
  padding-top: 1.2rem;
}
.flogos {
  margin-right: 0.28rem;
}
.flogos img {
  display: inline-block;
  width: auto;
  height: 0.46rem;
}
.copy {
  display: flex;
  align-items: center;
}
.copy a {
  display: inline-block;
  position: relative;
  margin-right: 0.3rem;
  color: #111111;
  font-size: 0.14rem;
}
.copy a:before {
  position: absolute;
  right: -0.15rem;
  top: 50%;
  margin-top: -0.06rem;
  content: "";
  width: 1px;
  height: 0.12rem;
  background: #dddddd;
}
.copy a:last-child {
  margin-right: 0;
}
.copy a:last-child:before {
  display: none;
}
.prompt {
  position: fixed;
  left: 50%;
  margin-left: -2rem;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  padding: 0.58rem 0;
  width: 4rem;
  background: #fff;
  border: 1px solid #dddddd;
  z-index: 188;
  display: none;
}
.prompt__close {
  position: absolute;
  right: 0.18rem;
  top: 0.18rem;
  line-height: 1;
  color: #121212;
  font-size: 0.2rem;
  cursor: pointer;
  transition: 0.4s;
}
.prompt__close:hover {
  transform: rotate(180deg);
}
.prompt__info {
  margin: auto;
  width: 2.9rem;
  text-align: center;
}
.prompt__info strong {
  display: block;
  margin-bottom: 0.24rem;
  line-height: 1;
  color: #111111;
  font-size: 0.24rem;
  font-weight: normal;
}
.prompt__info p {
  color: #111111;
  font-size: 0.16rem;
  line-height: 0.28rem;
}
.common__btn {
  display: flex;
  justify-content: center;
  margin-top: 0.24rem;
}
.common__btn span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.18rem;
  height: 0.58rem;
  margin-right: 0.14rem;
  font-size: 0.16rem;
  border: 1px solid #dddddd;
  transition: 0.4s;
  cursor: pointer;
}
.common__btn span:first-child,
.common__btn span:hover {
  background: #111111;
  border-color: #111111;
  color: #fff;
}
.common__btn span:last-child {
  margin-right: 0;
}
.cookies {
  position: fixed;
  left: 50%;
  margin-left: -600px;
  bottom: 0.3rem;
  padding: 0.14rem 0.2rem 0.14rem 0.28rem;
  z-index: 49;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dddddd;
}
.cookies__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cookie__info {
  margin-right: 0.2rem;
  color: #111111;
  font-size: 0.16rem;
}
.cookie__info a {
  position: relative;
  color: #0375ff;
}
.cookie__info a:before {
  position: absolute;
  left: 0.14rem;
  right: 0.14rem;
  bottom: 0;
  content: "";
  height: 1px;
  background: #0375ff;
}
.cookies__btn {
  margin-top: 0;
}
.cookies__btn span {
  width: 1.58rem;
  height: 0.58rem;
}
.scroll__top {
  position: fixed;
  right: 0.3rem;
  bottom: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 89;
  width: 0.48rem;
  height: 0.48rem;
  border: 1px solid #dddddd;
  cursor: pointer;
  transition: 0.38s;
  background: #fff;
  transform: scale(0);
  visibility: hidden;
}
.scroll__top.show {
  transform: scale(1);
  visibility: visible;
}
.scroll__top:hover {
  background: #111111;
  border-color: #111111;
}
.scroll__top:hover span {
  color: #fff;
}
.scroll__top span {
  display: inline-block;
  color: #141414;
  font-size: 0.2rem;
}
.case__box {
  padding-bottom: 2.4rem;
  position: relative;
  z-index: 2;
}
.case__box .cases__list {
  margin-top: 0;
  margin-bottom: 0;
}
.cases__banner {
  padding: 3.6rem 0 0.8rem;
}
.cases__banner figure {
  text-align: center;
}
.cases__banner figure img {
  display: inline-block;
  width: auto;
  height: 3.6rem;
}
.case__tops {
  margin-top: -2.8rem;
  margin-bottom: 0.58rem;
}
.posite {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
}
.posite a,
.posite span,
.posite b {
  display: inline-block;
  color: #000000;
  font-size: 0.16rem;
}
.posite b {
  margin: 0 0.05rem;
  position: relative;
  top: -0.01rem;
  transform: rotate(180deg) scale(0.8);
  font-weight: normal;
  font-size: 0.12rem;
  line-height: 1;
}
.posite a {
  color: #777777;
}
.posite a:hover {
  color: #000;
}
.case__infos {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.case__title {
  display: flex;
  align-items: flex-start;
  line-height: 1;
}
.case__title strong {
  display: block;
  color: #111111;
  font-size: 0.9rem;
  font-weight: normal;
}
.case__title strong b {
  display: inline-block;
  margin-left: 0.17rem;
  font-weight: normal;
  font-size: 0.18rem;
  vertical-align: top;
}
.case__desc {
  color: #111111;
  font-size: 0.18rem;
  line-height: 1.4;
}
.case__menu {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}
.case__menu--list {
  display: flex;
  flex-wrap: wrap;
}
.case__menu--list li {
  margin-right: 0.1rem;
}
.case__menu--list li:last-child {
  margin-right: 0;
}
.case__menu--list li:hover a,
.case__menu--list li.active a {
  background: #000000;
  border-color: #000000;
  color: #fff;
}
.case__menu--list li a {
  display: flex;
  align-items: center;
  padding: 0 0.24rem;
  height: 0.58rem;
  border: 1px solid #dddddd;
  color: #111111;
  font-size: 0.16rem;
}
.case__view {
  padding: 2.3rem 0 0;
}
.case__banners {
  padding-bottom: 1.7rem;
}
.case__titles {
  margin-bottom: 0.9rem;
}
.case__titles .cases__tt {
  display: block;
  color: #111111;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1;
}
.posite1 a {
  color: #111111;
}
.posite1 a:first-child {
  color: #777777;
}
.case__images img {
  display: block;
  width: 100%;
  height: auto;
}
.case__images img.mg {
  display: none;
}
.introducte {
  padding: 0 0 1.75rem;
}
.introducte__top {
  margin-bottom: 0.5rem;
}
.introducte__top p {
  margin-bottom: 0.24rem;
  line-height: 1;
  color: #000000;
  font-size: 0.16rem;
}
.introducte__top h3 {
  display: block;
  line-height: 1.2;
  color: #111111;
  font-size: 0.7rem;
  font-weight: normal;
}
.introducte__wrap {
  display: flex;
  align-items: flex-start;
}
.introducte__item {
  display: block;
  width: 50%;
}
.introducte__item dt {
  display: block;
  margin-bottom: 0.1rem;
  line-height: 1;
  color: #777777;
  font-size: 0.16rem;
}
.introduct__text p {
  color: #111111;
  font-size: 0.16rem;
  line-height: 0.28rem;
}
.links {
  margin-top: 0.66rem;
}
.links p {
  display: block;
  margin-bottom: 0.1rem;
  line-height: 1;
  color: #777777;
  font-size: 0.16rem;
}
.link__btn a {
  display: inline-flex;
  align-items: center;
}
.link__btn a:hover span {
  border-color: #111111;
}
.link__btn a i {
  display: inline-block;
  margin-right: 4px;
  color: #111111;
  font-size: 0.16rem;
  font-style: normal;
}
.link__btn a span {
  display: block;
  padding: 0 2px;
  color: #111111;
  font-size: 0.16rem;
  line-height: 1;
  border-bottom: 1px solid transparent;
  transition: 0.3s;
}
.introduct__fixs {
  color: #111111;
  font-size: 0.16rem;
}
.introduct__fixs img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.introduct__fixs img.mg {
  display: none;
}
.highlight {
  padding: 1.7rem 0 0;
}
.highlight__list {
  display: grid;
  gap: 0.6rem 0.3rem;
  grid-template-columns: repeat(2, 1fr);
}
.highlight__list li figure {
  position: relative;
  padding-bottom: 100%;
}
.highlight__list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.highlight__list li figure video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.highlight__list li figure span {
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
  display: flex;
  align-items: center;
  z-index: 3;
  padding: 0 0.1rem;
  height: 0.38rem;
  color: #fff;
  font-size: 0.15rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.3);
}
.highlight__list li strong {
  display: block;
  line-height: 1.1;
  margin-top: 0.18rem;
  color: #111111;
  font-size: 0.24rem;
  font-weight: normal;
}
.case__message {
  padding-bottom: 2.3rem;
  padding-top: 1.7rem;
}
.case__message .introducte__item dt {
  margin-bottom: 0.14rem;
}
.water__list {
  display: flex;
  flex-wrap: wrap;
}
.water__item {
  margin-right: 0.3rem;
  display: flex;
  align-items: center;
}
.water__item:last-child {
  margin-right: 0;
}
.water__item figure {
  display: block;
  border-radius: 50%;
}
.water__item figure img {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  object-fit: cover;
}
.water__item p {
  margin-left: 0.1rem;
  color: #111111;
  font-size: 0.15rem;
}
.message__tag {
  display: flex;
  flex-wrap: wrap;
}
.message__tag a {
  display: inline-flex;
  align-items: center;
  margin-right: 0.1rem;
  padding: 0 0.16rem;
  height: 0.38rem;
  color: #111111;
  font-size: 0.15rem;
  border: 1px solid #f6f7f9;
  background: #f6f7f9;
}
.message__tag a:hover {
  background: transparent;
  border-color: #dddddd;
}
.message__tag a:last-child {
  margin-right: 0;
}
.keyword {
  margin-top: 0.66rem;
}
.keyword p {
  line-height: 1;
  color: #777777;
  font-size: 0.16rem;
}
.keyword__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.15rem;
}
.keyword__list li {
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
  display: flex;
  align-items: center;
  padding: 0 0.18rem;
  height: 0.4rem;
  color: #777777;
  font-size: 0.15rem;
  background: #f6f7f9;
}
.fancybox-toolbar {
  display: none !important;
}
.fancybox-can-swipe .fancybox-content {
  cursor: url('../images/close.png'), pointer !important;
}
.fancybox-stage {
  cursor: url('../images/close.png'), pointer;
}
.fancybox-bg {
  background: #fff !important;
  opacity: 1 !important;
}
.story__box {
  position: relative;
  z-index: 2;
  background: #000;
}
.story__banner figure {
  display: block;
  margin: auto;
  line-height: 1;
  width: 90.9896vw;
  max-width: 17.47rem;
}
.story__banner figure img {
  display: block;
  width: 100%;
  height: auto;
}
.story__wrap {
  padding-bottom: 2.4rem;
  position: relative;
}
.case__color .posite span {
  color: #fff;
}
.case__color .posite a,
.case__color .posite b {
  color: #777777;
}
.case__color .posite a:hover {
  color: #fff;
}
.case__color .case__title strong {
  color: #fff;
}
.case__color .case__desc {
  color: #fff;
}
.case__color .case__menu--list li a {
  color: #fff;
  border-color: #333333;
}
.case__color .case__menu--list li:hover a,
.case__color .case__menu--list li.active a {
  background: #fff;
  border-color: #fff;
  color: #111111;
}
.story__list {
  margin-bottom: 0;
}
.story__list li figure {
  border: 1px solid #222222;
}
.story__list li strong {
  color: #fff;
}
.story__list li .cases__tag span {
  background: #111111;
  color: #666666;
  border-color: #111;
}
.story__list li .cases__tag span:hover {
  background: transparent;
}
.business__banner {
  padding: 2.1rem 0 2.2rem;
  box-sizing: border-box;
  position: relative;
  min-height: 12rem;
}
.business__banner .cases__banner {
  margin-top: 0;
  padding: 0;
}
.business__banner .cases__banner figure img {
  height: 3.88rem;
}
.business__top {
  position: absolute;
  left: 0;
  top: 10.9375vw;
  margin-bottom: 0 !important;
  text-align: center;
  width: 100%;
}
.business__top small {
  display: block;
  margin-bottom: 0.22rem;
  line-height: 1;
  color: #111111;
  font-size: 0.16rem;
}
.business__top strong {
  display: block;
  margin: auto;
  width: 8.7rem;
  color: #111111;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1.111;
}
.business__top p {
  margin-top: 0.16rem;
  color: #111111;
  font-size: 0.18rem;
  line-height: 1.5;
}
.business__in {
  position: relative;
  z-index: 2;
  margin-bottom: 0.56rem;
  margin-top: 1.1rem;
  text-align: center;
}
.business__in p {
  margin: auto;
  max-width: 100%;
  width: 7.2rem;
  color: #111111;
  font-size: 0.24rem;
  line-height: 1.25;
}
.business__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.business__row:nth-child(2n+2) .business__items {
  width: 31.66%;
}
.business__row:nth-child(2n+2) .business__items figure {
  padding-bottom: 123.684%;
}
.business__row:nth-child(2n+2) .business__items:nth-child(2n+2) {
  width: 65.8333%;
}
.business__row:nth-child(2n+2) .business__items:nth-child(2n+2) figure {
  position: relative;
  display: block;
  padding-bottom: 59.49%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.business__row:nth-child(2n+2) .business__items:nth-child(2n+2) figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business__items {
  margin-bottom: 0.3rem;
  position: relative;
  width: 65.8333%;
}
.business__items:hover figure img {
  transform: scale(1.03);
}
.business__items:hover .business__info span {
  color: #777;
}
.business__items:hover .business__info span b i {
  color: #111111;
}
.business__items:hover .business__info span b i.start {
  top: -100%;
}
.business__items:hover .business__info span b i.end {
  top: 0;
}
.business__items:hover .business__info.business__color span i {
  color: #fff;
}
.business__items:nth-child(2n+2) {
  width: 31.666%;
}
.business__items:nth-child(2n+2) figure {
  padding-bottom: 123.684%;
}
.business__items figure {
  position: relative;
  display: block;
  padding-bottom: 59.49%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border: 1px solid #dddddd;
}
.business__items figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business__items figure img {
  transition: 0.6s;
}
.business__items figure img.mb {
  display: none;
}
.common__business {
  padding: 2.06rem 0 2.4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.business__menu {
  position: sticky;
  top: 1.8rem;
  z-index: 3;
}
.business__class li {
  margin-bottom: 0.08rem;
}
.business__class li:hover a,
.business__class li.active a {
  color: #111111;
}
.business__class li a {
  display: inline-block;
  color: #777777;
  font-size: 0.16rem;
}
.business__mains {
  width: 80%;
}
.business__targes {
  margin-bottom: 1.7rem;
}
.business__targes:last-child {
  margin-bottom: 0;
}
.business__texts {
  margin-bottom: 0.52rem;
}
.business__texts strong {
  display: block;
  margin-bottom: 0.16rem;
  line-height: 1.142;
  color: #111111;
  font-size: 0.7rem;
  font-weight: normal;
}
.business__texts p {
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.3rem;
}
.business__texts .common__more {
  margin-top: 0.34rem;
}
.business__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 56.7%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border: 1px solid #ddd;
}
.business__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lazy {
  background: url(../images/load.gif) center no-repeat;
  background-size: 0.35rem auto;
}
.business__bgs {
  position: relative;
  z-index: 2;
  background: #040404;
}
.business__bgs ::-moz-selection {
  background: #fff;
  color: #000;
  text-shadow: none;
}
.business__bgs ::selection {
  background: #fff;
  color: #000;
  text-shadow: none;
}
.business__bgs .business__top small,
.business__bgs .business__top strong,
.business__bgs .business__top p {
  color: #fff;
}
.business__bgs .business__in p {
  color: #ffffff;
}
.business__bgs .business__items {
  box-shadow: 0 0 0.24rem rgba(0, 0, 0, 0.05);
}
.business__bgs .business__items figure {
  border-color: #222222;
}
.business__bgs .business__class li:hover a,
.business__bgs .business__class li.active a {
  color: #fff;
}
.business__bgs .business__class li a {
  color: #777777;
}
.business__bgs .business__texts strong,
.business__bgs .business__texts p {
  color: #fff;
}
.business__bgs .business__imgs figure {
  border-color: #222;
}
.business__bgs .common__more a {
  border-color: #333333;
  color: #fff;
}
.business__bgs .common__more a:hover {
  border-color: #fff;
  color: #fff;
}
.business__bgs .common__more a:before {
  background: #fff;
}
.business__bgs .attention {
  background: #0a0a0a;
}
.business__bgs .attention strong {
  color: #fff;
}
.business__bgs .attention strong b {
  background: #fff;
  color: #000;
}
.business__bgs .attention p {
  color: #777777;
}
.business__bgs .process__list li {
  background: #0e0e0e;
  border-color: #222222;
  box-shadow: 0 0 0.24rem rgba(0, 0, 0, 0.05);
}
.business__bgs .process__list li b {
  background: #fff;
  color: #000;
}
.business__bgs .process__list li strong {
  color: #fff;
}
.business__bgs .process__list li p {
  color: #777777;
}
.custom__bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.34rem;
  width: 100%;
  max-width: 1920px;
  z-index: -1;
}
.custom__bg img {
  display: block;
  width: 100%;
  height: auto;
}
.custom__bg img.mb {
  display: none;
}
.business__layout {
  display: grid;
  margin-bottom: 0.3rem;
  gap: 0.3rem;
  grid-template-columns: 1fr 1fr 1fr;
  /* 三列等宽 */
  grid-template-rows: auto auto;
}
.business__layout .business__items {
  margin-bottom: 0;
  width: auto;
}
.business__layout .business__items:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.business__layout .business__items:nth-child(1) figure {
  padding-bottom: 255.26%;
}
.business__layout .business__items:nth-child(2) {
  grid-column: 2 / span 2;
  /* 跨两列 */
  grid-row: 1;
}
.business__layout .business__items:nth-child(2) figure {
  padding-bottom: 59.49%;
}
.business__layout .business__items:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}
.business__layout .business__items:nth-child(3) figure {
  padding-bottom: 123.68%;
}
.business__layout .business__items:nth-child(4) {
  grid-column: 3;
  grid-row: 2;
}
.attention {
  padding: 0.3rem 0.3rem 0.3rem 0.3rem;
  background: #fafbfd;
}
.attention strong {
  display: flex;
  align-items: center;
  margin-bottom: 0.16rem;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 1.1;
}
.attention strong b {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.08rem;
  width: 0.24rem;
  height: 0.24rem;
  color: #fff;
  background: #111111;
  font-size: 0.2rem;
  font-weight: normal;
  border-radius: 50%;
}
.attention__info p {
  color: #000000;
  font-size: 0.16rem;
}
.attention__info p:last-child {
  margin-bottom: 0;
}
.attention__info p a {
  position: relative;
  display: inline-block;
  color: #0375ff;
  font-size: 0.16rem;
}
.attention__info p a:before {
  position: absolute;
  left: 0.1rem;
  right: 0.1rem;
  bottom: 0.06rem;
  content: "";
  height: 1px;
  background: #0375ff;
}
.deploy {
  position: relative;
  z-index: 2;
  background: #f0f1f4;
}
.deploy__banner {
  padding-bottom: 0.74rem;
}
.deploy__banner .cases__banner figure img {
  height: 4.6rem;
}
.business__layout--two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* 三列等宽 */
  grid-template-rows: auto auto;
  gap: 0.3rem;
}
.business__layout--two .business__items {
  width: auto;
  margin-bottom: 0;
}
.business__layout--two .business__items figure {
  padding-bottom: 64.957%;
}
.business__layout--two .business__items:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.business__layout--two .business__items:nth-child(1) figure {
  padding-bottom: 135%;
}
.business__layout--two .business__items:nth-child(5) {
  grid-column: 2;
  grid-row: 3 / span 2;
}
.business__layout--two .business__items:nth-child(5) figure {
  padding-bottom: 135%;
}
.businss__bz .business__items:nth-child(5) {
  grid-column: auto;
  grid-row: auto;
}
.businss__bz .business__items:nth-child(5) figure {
  padding-bottom: 64.957%;
}
.businss__bz .business__items:nth-child(6) {
  grid-column: 2;
  grid-row: 3 / span 2;
}
.businss__bz .business__items:nth-child(6) figure {
  padding-bottom: 135%;
}
.cbao__banner {
  padding-bottom: 0 !important;
}
.cbao__banner .business__top {
  margin-bottom: 0.5rem;
}
.cbao__banner .cases__banner figure img {
  width: 100%;
  height: auto !important;
}
.zhunshu {
  width: 100%;
  max-width: 1920px;
  top: 0;
}
.service__banner {
  padding-bottom: 2rem;
}
.service__banner .business__top {
  margin-bottom: 0.24rem;
}
.service__banner .business__top strong {
  width: 8rem;
}
.process__banner .cases__banner {
  position: absolute;
  left: 0;
  top: 6rem;
  width: 63.75vw;
  z-index: -1;
}
.process__banner .cases__banner img {
  width: 100%;
  height: auto !important;
}
.process__list {
  display: grid;
  padding-bottom: 2.4rem;
  gap: 0.3rem;
  grid-template-columns: repeat(3, 1fr);
}
.process__list li {
  padding: 0.29rem 0.28rem;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  height: 3.8rem;
}
.process__list li b {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size: 0.15rem;
  font-weight: normal;
}
.process__list li strong {
  display: block;
  margin-top: 0.12rem;
  margin-bottom: 0.05rem;
  line-height: 1.1;
  color: #010201;
  font-size: 0.24rem;
  font-weight: normal;
}
.process__list li p {
  color: #777777;
  font-size: 0.16rem;
  line-height: 0.26rem;
}
.case__tops .banner__text {
  position: relative;
  left: 0;
  margin-left: 0;
  bottom: auto;
}
.no__margin {
  margin-bottom: 0 !important;
}
.about__introduct {
  padding-bottom: 2.2rem;
  position: relative;
  z-index: 2;
  padding-top: 2.2rem;
  border-top: 1px solid #ddd;
}
.about__introduct .home__title {
  font-size: 0.88rem;
}
.missin {
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.missin__item {
  position: relative;
  z-index: 2;
  border-top: 1px solid #dddddd;
}
.missin__item.scroll__title .missin__in dt {
  position: sticky;
  top: 1.4rem;
}
.missin__in {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.58rem 0 0;
  min-height: 4.8rem;
  box-sizing: border-box;
  padding-bottom: 2.2rem;
}
.missin__in dt {
  display: block;
  line-height: 1.1;
  color: #111111;
  font-size: 0.7rem;
  font-weight: normal;
}
.missin__in dd {
  display: block;
  width: 50%;
}
.missin__in--padd {
  padding-top: 1.9rem;
}
.missin__text {
  color: #111111;
  font-size: 0.24rem;
  line-height: 0.3rem;
}
.founder {
  margin-top: 0.55rem;
}
.founder span {
  display: block;
  margin-bottom: 0.1rem;
  line-height: 1;
  color: #000000;
  font-size: 0.16rem;
}
.founder p {
  color: #777777;
  font-size: 0.16rem;
  line-height: 1.5;
}
.predicament {
  position: relative;
  display: block;
  padding-bottom: 56.666%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.predicament img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sppeds p {
  font-size: 0.5rem;
  line-height: 1.2;
}
.overview li {
  margin-bottom: 0.3rem;
  padding: 0.3rem;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  background: #fff;
  height: 3.8rem;
}
.overview li:last-child {
  margin-bottom: 0;
}
.overview li p {
  margin-bottom: 0.12rem;
  line-height: 1;
  color: #010201;
  font-size: 0.16rem;
}
.overview li strong {
  display: block;
  color: #010201;
  font-size: 0.24rem;
  line-height: 1.2;
  font-weight: normal;
}
.vision {
  padding: 2.5rem 0 0;
}
.vision__tops {
  margin-bottom: 1.8rem;
}
.vision__infos {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.9rem;
}
.vision__infos strong {
  display: block;
  line-height: 1.1;
  color: #0b0b0b;
  font-size: 0.7rem;
  font-weight: normal;
}
.vision__infos p {
  color: #111111;
  font-size: 0.24rem;
  line-height: 1.5;
}
.process__banners .business__top {
  margin-bottom: 0 !important;
}
.process__banners .cases__banner {
  margin-top: -0.4rem;
}
.culture__list li {
  padding: 0;
  position: relative;
  height: auto;
}
.culture__list li .overview__info {
  position: absolute;
  z-index: 2;
  left: 0.3rem;
  top: 0.3rem;
}
.culture__list li figure {
  position: relative;
  display: block;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.culture__list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.values__box {
  padding: 0.6rem 0 2.4rem;
  background-position: center 15.625vw;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-top: 1px solid #dddddd;
}
.about__title h3 {
  display: block;
  line-height: 1;
  color: #000000;
  font-size: 0.7rem;
  font-weight: normal;
}
.about__title p {
  margin-top: 0.1rem;
  margin-bottom: 0.22rem;
  color: #000000;
  font-size: 0.16rem;
}
.values__list {
  margin-top: 0.6rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
}
.values__list li {
  margin: 0;
}
.values__list li strong {
  margin-bottom: 0.1rem;
}
.values__list li p {
  margin-bottom: 0;
  color: #777777;
}
.overview__chengd {
  padding: 2.36rem 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.jing__imgs {
  width: 6rem;
}
.jing__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.jing__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.missin__in .idea__infos {
  width: 7.94rem;
}
.missin__in .idea__infos .values__list {
  grid-template-columns: repeat(2, 1fr);
  margin-top: 0;
  gap: 0.2rem;
}
.missin__in .idea__infos .values__list li {
  margin-bottom: 0;
}
.idex__box {
  padding-bottom: 0.3rem !important;
}
.responsibility__list {
  padding-bottom: 1.8rem;
}
.responsibility__list > li {
  padding: 0.6rem 0;
  border-top: 1px solid #ddd;
}
.responsibility__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.responsibility__info {
  width: 4.3rem;
}
.responsibility__info h3 {
  display: block;
  margin-bottom: 0.14rem;
  color: #000000;
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 1;
}
.responsibility__text {
  color: #000000;
  font-size: 0.16rem;
  line-height: 1.5;
  width: 2.8rem;
}
.responsibility__imgs {
  width: 50%;
}
.responsibility__imgs figure {
  border: 1px solid #dddddd;
  position: relative;
  display: block;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.responsibility__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact__list li {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.contact__list li figure {
  display: block;
  line-height: 1;
  width: 1.1rem;
}
.contact__list li figure img {
  display: block;
  width: 100%;
  height: auto;
}
.contact__list li .contact__top p {
  margin-bottom: 0.1rem;
  color: #000000;
}
.contact__list li .contact__top img {
  display: inline-block;
  width: auto;
  height: 0.25rem;
}
.contact__list li .contact__top strong {
  margin-bottom: 0rem;
  color: #000000;
}
.contact__list li .contact__top a {
  display: inline-block;
  color: #000000;
  font-size: 0.24rem;
  line-height: 1.2;
}
.contact__list li .contact__top a span {
  display: block;
}
.contact__links a {
  display: inline-flex;
  position: relative;
  z-index: 2;
  align-items: center;
  line-height: 1.2;
  color: #000000;
  font-size: 0.16rem;
}
.contact__links a:hover b i.start {
  transform: translateY(-100%);
}
.contact__links a:hover b i.end {
  top: 0;
}
.contact__links a b {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-left: 0.05rem;
  font-weight: normal;
  height: 0.2rem;
}
.contact__links a b i {
  display: inline-block;
  font-style: normal;
  line-height: 0.2rem;
  transition: 0.3s;
}
.contact__links a b i.end {
  position: absolute;
  left: 0;
  top: 100%;
}
.support__list li {
  border-bottom: 1px solid #dddddd;
}
.support__list li.active .support__defaut b:after {
  opacity: 0;
  visibility: hidden;
}
.support__defaut {
  position: relative;
  padding: 0.3rem 0 0.3rem 0.32rem;
  cursor: pointer;
}
.support__defaut b {
  display: block;
  position: absolute;
  left: 0;
  top: 0.32rem;
  width: 0.2rem;
  height: 0.2rem;
}
.support__defaut b:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  content: "";
  width: 100%;
  height: 2px;
  background: #000;
}
.support__defaut b:after {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -1px;
  content: "";
  width: 2px;
  height: 100%;
  background: #000;
  transition: 0.3s;
}
.support__defaut strong {
  display: block;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 1.2;
}
.support__infos {
  padding: 0 0.3rem 0.3rem;
  color: #000000;
  font-size: 0.16rem;
  display: none;
}
.support__infos a {
  position: relative;
  display: inline-block;
  color: #0375ff;
}
.support__infos a:before {
  position: absolute;
  left: 0.1rem;
  right: 0.1rem;
  bottom: 0.06rem;
  content: "";
  height: 1px;
  background: #0375ff;
}
.support__boxs .missin__in {
  padding-bottom: 1.8rem;
  min-height: auto;
}
.service__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem;
  width: 65.83%;
}
.service__list li {
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
}
.service__list li:hover figure img {
  transform: scale(1.04);
}
.service__list li:hover .service__infos b i.start {
  transform: translateY(-100%);
}
.service__list li:hover .service__infos b i.end {
  top: 0;
}
.service__list li figure {
  position: relative;
  display: block;
  padding-bottom: 56.34%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.service__list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service__list li figure img {
  transition: 0.6s;
}
.service__infos {
  box-sizing: border-box;
  padding: 0.28rem 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 2.12rem;
}
.service__infos strong {
  display: block;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 1.2;
}
.service__infos p {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 0.16rem;
  line-height: 1;
}
.service__infos p b {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-left: 0.05rem;
  font-weight: normal;
  height: 0.2rem;
}
.service__infos p b i {
  display: inline-block;
  font-style: normal;
  line-height: 0.2rem;
  transition: 0.3s;
}
.service__infos p b i.end {
  position: absolute;
  left: 0;
  top: 100%;
}
.service__li {
  padding-bottom: 0;
}
.service__li > li {
  padding-bottom: 1.8rem;
}
.service__li > li:last-child {
  padding-bottom: 2.4rem;
}
.terms__list > li .service__infos b {
  margin-left: 0;
  margin-right: 0.02rem;
}
.terms__fix .responsibility__info {
  width: 3.2rem;
}
.terms__view {
  padding: 2.08rem 0 2.4rem;
}
.terms__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.terms__flexs {
  position: sticky;
  top: 1.85rem;
  width: 30%;
}
.terms__flexs time {
  display: block;
  margin-top: 0.12rem;
  color: #777777;
  font-size: 0.15rem;
  line-height: 1.2;
}
.terms__flexs .water__list {
  margin-top: 0.2rem;
}
.terms__title {
  display: block;
  color: #111111;
  font-size: 0.6rem;
  line-height: 1.166;
  font-weight: normal;
}
.terms__common {
  width: 63.333%;
}
.terms__figure {
  position: relative;
  display: block;
  padding-bottom: 56.18%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.terms__figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.terms__v {
  margin-top: 0.66rem;
  color: #111111;
  font-size: 0.16rem;
  line-height: 1.75;
}
.terms__v table {
  border-collapse: collapse;
  width: 100% !important;
  table-layout: initial !important;
}
.terms__v table thead tr th,
.terms__v table thead tr td {
  padding-left: 0.2rem !important;
  height: 0.58rem !important;
  border: 1px solid #ddd !important;
  background: #f6f7f9 !important;
  color: #111111 !important;
  font-size: 0.16rem !important;
  text-align: left;
  font-weight: normal;
}
.terms__v table thead tr th:first-child,
.terms__v table thead tr td:first-child {
  width: 1.6rem;
  box-sizing: border-box;
}
.terms__v table tbody tr td {
  padding: 0.16rem 0.2rem !important;
  color: #111111 !important;
  font-size: 0.16rem !important;
  border: 1px solid #ddd !important;
}
.terms__v h1 {
  display: block;
  margin-bottom: 0.15rem;
  font-weight: normal;
  font-size: 0.3rem !important;
  line-height: 1.15 !important;
}
.terms__v h2 {
  font-size: 0.24rem !important;
  line-height: 1.15 !important;
  font-weight: normal;
  margin-bottom: 0.15rem;
}
.terms__v img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.news___boxs {
  padding: 0.6rem 0 2.4rem;
  border-top: 1px solid #ddd;
}
.hot__news {
  margin-bottom: 0.6rem;
}
.hot__news a {
  display: flex;
  justify-content: space-between;
}
.hot__news a:hover .hot__imgs figure img {
  transform: scale(1.02);
}
.hot__imgs {
  width: 65.833%;
}
.hot__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 56.329%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.hot__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hot__imgs figure img {
  transition: 0.6s;
}
.hot__info {
  flex: 1;
  padding: 0.25rem 0.3rem 0.3rem;
  width: 0;
  border: 1px solid #ddd;
  border-left: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hot__info strong {
  display: block;
  padding-right: 0.2rem;
  line-height: 1.2;
  color: #000000;
  font-size: 0.3rem;
  font-weight: normal;
}
.hot__down {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
}
.hot__down span {
  display: inline-block;
  color: #777777;
  font-size: 0.15rem;
}
.news__li {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.6rem 0.3rem;
  margin-bottom: 0 !important;
}
.news__banner .cases__banner {
  padding-bottom: 1.8rem;
  padding-top: 4.15rem;
}
.news__banner .cases__banner figure img {
  height: 2rem;
}
.keywords {
  margin-top: 0.6rem;
}
.keywords strong {
  display: block;
  line-height: 1;
  color: #111111;
  font-weight: normal;
  font-size: 0.3rem;
}
.keywords__li {
  display: flex;
  flex-wrap: wrap;
}
.keywords__li li {
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
  padding: 0 0.16rem;
  height: 0.4rem;
  color: #777777;
  font-size: 0.15rem;
  background: #f6f7f9;
}
.more__news {
  margin-top: 1.7rem;
}
.more__title {
  display: block;
  margin-bottom: 0.6rem;
  line-height: 1;
  color: #000000;
  font-size: 0.3rem;
  font-weight: normal;
}
.errors {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.errors__wrap {
  text-align: center;
}
.errors__wrap h1 {
  display: block;
  margin-bottom: 0.24rem;
  line-height: 1;
  font-size: 2rem;
  font-weight: normal;
}
.errors__wrap p {
  color: #000000;
  font-size: 0.15rem;
}
.errors__wrap .common__more {
  margin-top: 0.3rem;
  display: flex;
  justify-content: center;
}
.errors__wrap .common__more a i {
  top: 0;
}
.load-mores {
  margin-top: 1.6rem;
  display: flex;
  justify-content: center;
}
.load-mores.loaderhide p {
  background: none;
  animation: none;
}
.load-mores p {
  width: 100%;
  font-size: 0.16rem;
  height: 0.2rem;
  background: url(../images/loadlogo.png) center no-repeat;
  background-size: auto 100%;
  transition: 0.3s;
  text-align: center;
  animation: rolateMove infinite 1.2s linear;
}
.load-mores span {
  font-size: 0.16rem;
  display: none;
}
.load__color p {
  background: url(../images/loadlogo1.png) center no-repeat;
  background-size: auto 100%;
}
.load__color span {
  color: #fff;
}
@keyframes rolateMove {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.fancybox-slide--image {
  padding: 0;
}
.footerbg1 {
  background: #f0f1f4;
}
.news1__banner {
  padding: 3.14rem 0 0.6rem;
}
.news1__banner figure img {
  height: 4.31rem;
}
.process__color .cases__banner {
  margin-top: -1.5rem;
}
.process__color .business__top strong {
  width: 9.2rem;
}
.process__color .cases__banner figure img {
  height: 6.25rem;
}
.innerbanners .banner__imgs {
  padding-bottom: 56.25%;
}
.case__banner {
  position: relative;
  overflow: hidden;
}
.case__banner .banner__imgs img.pc {
  top: 50%;
  transform: translateY(-50%);
}
.case__banner .case__box {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 0;
  padding-bottom: 0.3rem;
}
.case__banner .case__box .case__tops {
  margin-top: 0 !important;
}
.case__banner .case__box .banner__text .banner__tt {
  font-size: 0.9rem;
}
.business__block {
  position: relative;
  z-index: 2;
}
.process__bg {
  position: relative;
  z-index: 2;
  background: #0b0b0b;
}
.footer.footer__color1 {
  background: #0b0b0b;
}
.home__banner .banner__imgs img.pc {
  top: 50%;
  transform: translateY(-50%);
}
.footer__height {
  height: 2.4rem;
}
.nomarginbott {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.idea__item:last-child .missin__in {
  padding-bottom: 2.4rem;
}