body {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* 侧边导航 */
.logo {
  height: .45rem;
  position: fixed;
  top: .2rem;
  left: .2rem;
  z-index: 999;
}
.nav-icon {
  height: .3rem;
  position: fixed;
  top: .2rem;
  right: .2rem;
  z-index: 9999;
}
.isShow {
  opacity: 0;
}
.nav-list {
  width: 2.94rem;
  position: fixed;
  right: 0;
  z-index: 999;
  background: #fff;
  font-size: .3rem;
}
.nav-list ul li {
  padding: .2rem;
}
.nav-list ul li a {
  text-decoration: none;
  color: #000;
}
.nav-list ul li:hover {
  background: #F0F0F5;
}

/* banner轮播图 */
.productService-swiper {
  width: 100%;
  height: 3.62rem;
}
.banner {
  width: 100%;
  height: 3.62rem;
}

/* 产品服务 */
.productService-title {
  font-size: .4rem;
  text-align: center;
  padding: .2rem 0 .4rem;
  font-weight: bold;
}
.productService-swiper {
  height: 6.32rem;
  margin-top: .1rem;
}
.productService-swiper .swiper-slide {
  width: 5.84rem;
}
.contentHeight {
  height: 6.32rem;
  width: 5.8rem;
}
.contentBg {
  height: 6.32rem;
  background: url(../image/bg.png) no-repeat;
  background-size: contain;
  text-align: center;
  font-size: 0;
  border-radius: .2rem;
  padding: 0 .4rem;
}
.contentBg .icon {
  height: 1.37rem;
  width: 1.41rem;
  margin-top: .48rem;
}
.contentBg h3 {
  font-size: .3rem;
  color: #1D8EFE;
  margin: 0;
}
.contentBg .line {
  height: .04rem;
  width: .4rem;
  background: #1D8EFE;
  display: inline-block;
  margin-top: .1rem;
}
.contentBg .desc {
  font-size: .28rem;
  color: #333;
  line-height: .4rem;
}

/* 核心优势 */
.core {
  padding-bottom: .2rem;
}
.core-swiper {
  height: 4.02rem;
}
.core-swiper .swiper-slide {
  width: 3.09rem;
}
.core-title {
  font-size: .4rem;
  text-align: center;
  padding: .4rem 0;
  font-weight: bold;
}
.content-bg {
  height: 4.02rem;
  width: 3.09rem;
  text-align: center;
  font-size: 0;
}
.bg1 {
  background: url(../image/bg1.png) no-repeat;
  background-size: contain;
}
.bg2 {
  background: url(../image/bg2.png) no-repeat;
  background-size: contain;
}
.bg3 {
  background: url(../image/bg3.png) no-repeat;
  background-size: contain;
}
.bg4 {
  background: url(../image/bg4.png) no-repeat;
  background-size: contain;
}
.bg5 {
  background: url(../image/bg5.png) no-repeat;
  background-size: contain;
}
.content-bg .content-icon {
  height: .46rem;
  margin-top: .63rem;
}
.content-bg h4 {
  font-size: .32rem;
  color: #fff;
  margin: .2rem 0;
}
.content-bg .line {
  height: .04rem;
  width: .5rem;
  background: #1D8EFE;
  display: inline-block;
}
.content-bg .desc {
  font-size: .28rem;
  color: #fff;
  margin: .3rem .3rem 0;
  line-height: .35rem;
}

/* 全品类商品 */
.goods-box {
  height: 6.08rem;
  background: url(../image/iceberg1.png) no-repeat;
  background-size: contain;
}
.goods-box .title-box .title {
  font-size: .4rem;
  text-align: center;
  padding: .4rem 0 .2rem;
  font-weight: bold;
}
.goods-swiper {
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-radius: .1rem;
}
.goods-swiper .swiper-slide {
  text-align: center;
  background: #fff;
  height: 1.91rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.goods-swiper .swiper-slide img {
  height: .45rem;
  margin-bottom: .2rem;
}
.goods-swiper .swiper-slide div {
  font-size: .28rem;
}

/* 变现 */
.logo-box {
  background: #fff;
  padding-bottom: .2rem;
}
.logo-box .title-box .title {
  font-size: .4rem;
  text-align: center;
  padding: .2rem 0 .2rem;
  font-weight: bold;
}
.card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0 .2rem;
}
.card-item {
  width: 2.044rem;
  height: .915rem;
  line-height: .915rem;
  border: 1px solid #D2DDE5;
  list-style: none;
  margin-bottom: .2rem;
}
.card-item img {
  height: 100%;
  width: 100%;
}

/* 即刻开始 */
.start-box {
  height: 4.258rem;
  background: url(../image/black.png) no-repeat;
  background-size: cover;
}
.start-box .title-box .title {
  font-size: .4rem;
  text-align: center;
  padding: .4rem 0;
  font-weight: bold;
}
.step {
  position: relative;
  padding: 0 .4rem;
}
.step .line {
  position: absolute;
  top: .66rem;
  left: 10%;
  z-index: 0;
  width: 80%;
  height: .1rem;
  border-top: .04rem dashed #dfe0e1;
}
.step-list {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.step-item {
  list-style: none;
  text-align: center;
  z-index: 99;
}
.step-item img {
  height: 1.329rem;
  width: 1.153rem;
}
.step-item .title {
  color: #fff;
  font-size: .28rem;
  margin-top: .1rem;
}

/* 底部 */
.footer-box {
  background: #242A37;
}
.footer-tab {
  padding-top: .6rem;
}
.tablist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.tabitem {
  width: 33%;
  font-size: .24rem;
  color: #fff;
  text-align: center;
  padding-bottom: .6rem;
}
.footer-box .phone {
  font-size: .22rem;
  color: #fff;
  text-align: center;
  padding: 0 .4rem;
}
.footer-box .address {
  font-size: .22rem;
  color: #fff;
  text-align: center;
  padding: .2rem .4rem .4rem;
  border-bottom: .01rem solid #5F5F5F;
}
.footer-box .copyright {
  padding: .4rem;
  font-size: .14rem;
  color: #959BA8;
  text-align: center;
}

/* 侧边 */
.fixed-container {
  position: fixed;
  bottom: 10%;
  right: .26rem;
  width: .96rem;
  background: #fff;
  text-align: center;
  z-index: 100;
  border-radius: .48rem;
  box-shadow: 0 0 .6rem 0 rgba(51, 51, 51, 0.13);
}
.fixed-item1, .fixed-item2 {
  padding: .2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: .24rem;
  position: relative;
}
.fixed-item1:hover .card-tel{
  opacity: 1;
}
.fixed-item1 .card-tel {
  opacity: 0;
}
.fixed-item2:hover .code {
  opacity: 1;
}
.fixed-item2 .code {
  opacity: 0;
}
.item-icon {
  height: .33rem;
  width: .33rem;
  margin-bottom: .1rem;
}
.card-tel {
  width: 3rem;
  position: absolute;
  top: 0;
  right: 1rem;
  padding: .2rem;
  background: #fff;
  color: #374666;
  border-radius: .1rem;
  box-shadow: 0 0 .6rem 0 rgba(51, 51, 51, 0.13);
  opacity: 0;
  z-index: 999;
}
.tel-box {
  display: flex;
}
.tel-box img {
  height: .25rem;
  width: .25rem;
  margin-right: .1rem;
}
.tel-box div {
  text-align: left;
}
.tel-style {
  color: #1d8efe;
}
.time {
  color: #7C8CA5;
}
.code {
  position: absolute;
  top: -1rem;
  right: 1rem;
  padding: .2rem;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.13);
  opacity: 0;
  z-index: 999;
}
.code img {
  width: 2rem;
  height: 2rem;
}