body.over {
  overflow: hidden;
}
body.over:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: .88rem;
  background: #fff;
  border-bottom: 1px solid #eee;
  z-index: 999;
}
.header .header-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: inherit;
  padding: 0 .3rem;
  box-sizing: border-box;
}
.header .header-wrap .logo {
  width: 2.25rem;
}
.header .header-wrap .brand {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: .5rem;
  height: .5rem;
  transition: transform .2s linear;
}
.header .header-wrap .brand.tran {
  transform: rotate(90deg);
}
.header .header-wrap .brand span {
  display: block;
  width: 100%;
  height: .08rem;
  background: #d7151a;
  border-radius: .08rem;
}

.nav {
  position: fixed;
  top: 0;
  width: 70%;
  right: -100%;
  padding-top: .88rem;
  height: 100%;
  background: #fff;
  box-sizing: border-box;
  overflow-y: auto;
  transition: right .2s linear;
  z-index: 11;
}
.nav.change {
  right: 0;
}
.nav .nav-list {
  width: 100%;
  padding: .3rem;
  box-sizing: border-box;
}
.nav .nav-list .item {
  padding: .2rem 0;
  border-bottom: 1px solid #eee;
}
.nav .nav-list .item:last-child {
  border-bottom: none;
}
.nav .nav-list .item .lk {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.1rem;
  color: #424242;
  height: inherit;
  font-size: .32rem;
  box-sizing: border-box;
}
.nav .nav-list .item .lk i {
  transition: transform .2s linear;
}
.nav .nav-list .item .lk.rote {
  color: #d7151a;
}
.nav .nav-list .item .lk.rote i {
  color: #d7151a;
  transform: rotate(90deg);
}
.nav .nav-list .item .submenu {
  display: none;
  padding-left: .5rem;
  box-sizing: border-box;
}
.nav .nav-list .item .submenu .sub-item {
  display: block;
  font-size: .30rem;
  line-height: .5rem;
  margin-top: .2rem;
  width: 100%;
  color: #666;
}

.footer {
  width: 100%;
  padding: .5rem .3rem;
  margin-bottom: 1rem;
  background: #333;
  box-sizing: border-box;
}
.footer .ewm-info {
  font-size: .28rem;
  color: #fff;
  text-align: center;
}
.footer .ewm-info .ewm {
  width: 50%;
  margin: .5rem auto;
}
.footer .ban {
  font-size: .28rem;
  color: #fff;
  text-align: center;
}

.btm-bar {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1rem;
  background: #d7151a;
  z-index: 7;
}
.btm-bar a {
  display: block;
  flex: 1;
  font-size: .34rem;
  text-align: center;
  color: #fff;
  border-right: 1px solid #eee;
}
.btm-bar a:last-child {
  border: none;
}

.home-tit {
  font-size: .52rem;
  color: #d7151a;
  font-weight: bold;
  text-align: center;
}

.wrap {
  padding: .5rem .3rem;
}

.main {
  padding-top: .88rem;
}
.main .swiper {
  width: 100%;
  height: 100%;
}
.main .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: auto;
}
@media screen and (max-width: 728px) {
  .main .swiper-slide {
    height: 195px;
  }
}
.main .swiper-slide img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.main .swiper {
  margin-left: auto;
  margin-right: auto;
}
.main .swiper-pagination-bullet {
  width: .6rem;
}
.main .swiper-horizontal > .swiper-pagination-bullets,
.main .swiper-pagination-bulletsswiper-pagination-horizontal,
.main .swiper-pagination-custom, .main .swiper-pagination-fraction {
  bottom: 10%;
  left: 11%;
  width: auto;
}
.main .product-number-inner {
  width: 100%;
}
.main .product-number-inner .q {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 2rem;
  align-items: center;
}
.main .product-number-inner .item {
  flex: 1;
}
.main .product-number-inner .item .nums {
  display: flex;
  text-align: center;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.main .product-number-inner i {
  display: inline-block;
  font-size: .6rem;
  font-weight: bold;
  color: #d7151a;
}
.main .product-number-inner .plus {
  display: inline-block;
  font-size: .28rem;
  font-weight: bold;
  color: #d7151a;
}
.main .product-number-inner p {
  font-size: .28rem;
  color: #666;
  text-align: center;
}
.main .about {
  width: 100%;
}
.main .about .about-body {
  margin-top: .5rem;
}
.main .about .about-info {
  margin-top: .3rem;
  font-size: .28rem;
  color: #424242;
  text-align: justify;
  line-height: .5rem;
}
.main .about .more {
  display: block;
  width: 2.4rem;
  height: .6rem;
  line-height: .6rem;
  margin: .5rem auto 0;
  text-align: center;
  font-size: .28rem;
  color: #d7151a;
  border: 1px solid #d7151a;
}
.main .about .more:active {
  background: #d7151a;
  color: #fff;
}
.main .news {
  width: 100%;
}
.main .news .news-wrap {
  padding: .5rem .3rem 0;
}
.main .news .news-body {
  margin-top: .5rem;
}
.main .news .news-body .news-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.main .news .news-body .news-nav .news-item {
  position: relative;
  font-size: .4rem;
  font-weight: bold;
  padding: .1rem .3rem;
  margin: 0 .3rem;
  color: #424242;
}
.main .news .news-body .news-nav .news-item.cur {
  color: #d7151a;
}
.main .news .news-body .news-nav .news-item.cur:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #d7151a;
}
.main .news .news-body .news-content .news-content-item {
  display: none;
}
.main .news .news-body .news-content .news-content-item.active {
  display: block;
}
.main .news .news-body .news-content .lk {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: .5rem 0;
  border-bottom: 1px solid #eee;
}
.main .news .news-body .news-content .lk .news-f-img {
  width: 35%;
}
.main .news .news-body .news-content .lk .news-f-info {
  flex: 1;
  padding-left: .3rem;
}
.main .news .news-body .news-content .lk .news-f-info .time {
  display: block;
  font-size: .26rem;
  color: #666;
}
.main .news .news-body .news-content .lk .news-f-info .info {
  margin-top: .2rem;
  font-size: .3rem;
  color: #424242;
}
.main .news .news-body .news-content .news-list {
  width: 100%;
  padding: .3rem 0;
}
.main .news .news-body .news-content .news-list .lk-sub {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: .6rem;
  align-items: center;
  justify-content: space-between;
}
.main .news .news-body .news-content .news-list .info {
  width: 75%;
  font-size: .3rem;
  color: #424242;
}
.main .news .news-body .news-content .news-list .time {
  display: block;
  font-size: .26rem;
  color: #666;
}
.main .server .swiper {
  margin: .5rem 0 0;
}
.main .server .swiper .swiper-slide {
  position: relative;
  width: 75%;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 728px) {
  .main .server .swiper .swiper-slide {
    max-height: 200px;
  }
}
.main .server .swiper .swiper-slide:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.main .server .swiper .swiper-slide .ser-info {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 .3rem;
  box-sizing: border-box;
  transform: translateY(-50%);
  z-index: 2;
}
.main .server .swiper .swiper-slide .ser-info .ser-info-tit {
  color: #fff;
  font-size: .32rem;
  font-weight: bold;
}
.main .server .swiper .swiper-slide .ser-info .ser-info-tip {
  margin-top: .2rem;
  color: #fff;
  font-size: .28rem;
  color: #fff;
}
.main .plan {
  width: 100%;
  overflow: hidden;
}
.main .plan .plan-wrap {
  margin-bottom: .3rem;
}
.main .plan .swiper {
  padding: .5rem 0;
  overflow: visible;
}
.main .plan .swiper .swiper-slide {
  position: relative;
  width: 55%;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 728px) {
  .main .plan .swiper .swiper-slide {
    max-height: 160px;
  }
}
.main .plan .swiper .swiper-slide:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.main .plan .swiper .swiper-slide .ser-info {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 .3rem;
  box-sizing: border-box;
  transform: translateY(-50%);
  z-index: 2;
}
.main .plan .swiper .swiper-slide .ser-info .ser-info-tit {
  color: #fff;
  font-size: .32rem;
  font-weight: bold;
}
.main .plan .swiper .swiper-slide .ser-info .ser-info-tip {
  margin-top: .2rem;
  color: #fff;
  font-size: .28rem;
  color: #fff;
}
.main .plan .swiper .swiper-pagination-bullets {
  display: flex;
  bottom: -5%;
  left: 50%;
  font-size: 0;
  transform: translateX(-50%);
}
.main .solve {
  width: 100%;
}
.main .solve .solve-body {
  margin-top: .5rem;
}
.main .solve .solve-body .so-item {
  padding: .5rem 0;
  border-bottom: 1px solid #eee;
}
.main .solve .solve-body .so-item .lk {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.main .solve .solve-body .so-item .tip {
  font-weight: bold;
  font-size: .32rem;
  color: #424242;
}
.main .solve .solve-body .so-item .tip span {
  color: #d7151a;
}
.main .solve .solve-body .so-item .tp-body {
  margin: .3rem 0;
}
.main .solve .solve-body .so-item .tp-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 5.06rem;
}
.main .solve .solve-body .so-item .tp-list .tp-item {
  font-size: .28rem;
  margin-right: .3rem;
  margin-bottom: .3rem;
}
.main .solve .solve-body .so-item .tp-list .tp-item:last-child {
  margin-right: 0;
}
.main .solve .solve-body .so-item .more {
  display: block;
  font-size: .28rem;
  color: #d7151a;
}
.main .solve .solve-body .so-item .so-icon {
  width: 1.3rem;
}
.main .kehu {
  width: 100%;
}
.main .kehu .kehu-body {
  margin-top: .5rem;
}
.main .kehu .lk {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: .5rem 0;
  border-bottom: 1px solid #eee;
}
.main .kehu .lk .kh-img {
  width: 40%;
}
@media screen and (max-width: 728px) {
  .main .kehu .lk .kh-img {
    height: 100px;
  }
}
.main .kehu .lk .kh-img img {
  height: 100%;
}
.main .kehu .lk .kh-info {
  flex: 1;
  margin-left: .3rem;
}
.main .kehu .lk .kh-info .info-tit {
  font-size: .32rem;
  color: #424242;
  font-weight: bold;
}
.main .kehu .lk .kh-info .content {
  margin-top: .1rem;
  font-size: .28rem;
  color: #666;
  line-height: .5rem;
}
.main .swiper-friend {
  margin-top: .5rem;
}
.main .swiper-friend .swiper-slide {
  width: 100%;
  padding: .1rem;
  box-sizing: border-box;
  height: auto !important;
}
.main .swiper-friend .swiper-slide .f-list {
  display: flex;
  flex-wrap: wrap;
}
.main .swiper-friend .swiper-slide .f-list .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  margin-right: .3rem;
  margin-bottom: .3rem;
  box-shadow: 0 0 5px #ccc;
  border-radius: 4px;
  overflow: hidden;
}
.main .swiper-friend .swiper-slide .f-list .item:nth-child(3n) {
  margin-right: 0;
}
.main .style-body {
  margin-top: .5rem;
}
.main .style-body .list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.main .style-body .list .item {
  position: relative;
  width: calc(50% - .15rem);
  border-radius: 4px;
  margin-right: .3rem;
  margin-bottom: .3rem;
  overflow: hidden;
}
.main .style-body .list .item:nth-child(even) {
  margin-right: 0;
}
@media screen and (max-width: 728px) {
  .main .style-body .list .item {
    height: 120px;
  }
}
.main .style-body .list .item img {
  height: 100%;
}
.main .style-body .list .item .mark {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  padding: 0 .3rem;
  font-size: .28rem;
  color: #fff;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
}

/*# sourceMappingURL=index.css.map */
<!--ºÄʱ1774379335.5786Ãë-->