.warp {

  padding-top: 0;

}

.home-box {
  width: 7.50rem;
  overflow-x: hidden;
  margin: 0 auto;
}

.home-header a {

  color: #fff;

}



/* 标题 */

.title {

  text-align: center;

  position: relative;

  padding-bottom: .14rem;

  margin-top: .30rem;

}



.title .title-en {

  font-size: .64rem;

  color: #000000;

  opacity: .1;

  font-weight: bold;

}



.title .title-cn {

  font-size: .38rem;

  font-weight: bold;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}



/* 公司介绍 */

.home-about {

  width: 6.90rem;

  background-color: #fff;

  box-shadow: 0 .10rem .10rem -.02rem #F8F8F8;

  padding: .40rem;

  box-sizing: border-box;

  margin: -.80rem auto 0;

  text-align: center;

}



.home-about p {

  color: #666666;

  font-size: .24rem;

  text-align: center;

  margin-top: .30rem;

  line-height: .40rem;

}







/* 轮播图 */

.swiper {

  width: 6.90rem;

  margin: .30rem auto;

  padding: .30rem;

  box-sizing: border-box;

  background-color: #fff;

  box-shadow: 0 0 .10rem #eee;

}



.swiper h4 {

  text-align: center;

}



.swiper p {

  color: #666666;

  font-size: .24rem;

  text-align: center;

  margin-top: .30rem;

  line-height: .40rem;

}



#banner-area {

  width: 100%;

  height: 3.60rem;

  position: relative;

  overflow: hidden;

  margin-bottom: .30rem;

}



#banners-img {

  position: absolute;

  width: 100%;

  height: 100%;

}



#banners-inset {

  position: absolute;

  top: 0;

  left: 0;

}



#img-area {

  width: 100%;

  height: 100%;

  border-radius: .14rem;

  position: absolute;

  top: 0;

  left: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  font-weight: bold;

  color: #fff;

  font-size: .40rem;

}



#img-area img {

  width: 100%;

  height: 100%;

  transition: all .2s;

  transform: scale(.96);

  border-radius: .20rem;

}





/* 底部操作按钮 */
.foot-tools-box {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.12rem;
}

.foot-tools-height {

  height: 1.12rem;

}



.foot-tools {

  width: 7.50rem;

  height: 1.12rem;

  background-color: #fff;

  box-shadow: 0 -0.10rem .10rem -0.10rem #eee;

  display: flex;

  justify-content: space-between;

  align-items: center;
  position: fixed;
  bottom: 0;

}



.foot-tools .foot-item {

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}



.foot-tools .foot-item img {

  width: .44rem;

  margin-right: .10rem;

}



/* 新闻资讯 */

.home-news {

  width: 6.90rem;

  margin: .30rem auto;

}



.home-news li {

  margin-bottom: .30rem;

  display: flex;

}



.home-news li span {

  color: #999;

}



.home-news li span:last-child {

  flex: 1;

  margin-left: .20rem;

  color: #000000;

}



/* 优质伙伴 */

.home-partner {

  width: 6.90rem;

  display: flex;

  flex-wrap: wrap;

  margin: .30rem auto;

}



.home-partner .home-partner-item {

  width: calc(50% - .10rem);

  height: 2.00rem;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  margin-right: .20rem;

  margin-bottom: .20rem;

  background-color: #fff;

  box-shadow: 0 0 .10rem #eee;

}



.home-partner .home-partner-item:nth-child(2n) {

  margin-right: 0;

}



.home-partner p {

  margin-top: .30rem;

  font-size: .26rem;

  color: #999;

}



.home-partner .ali {

  width: 1.87rem;

  height: .55rem;

}



.home-partner .tianmao {

  width: 2.28rem;

  height: .44rem;

}



.home-partner .huawei {

  width: 2.21rem;

  height: .66rem;

}



.home-partner .txy {

  width: 2.13rem;

  height: .66rem;

}



/* 微信弹窗 */

.home-wx-popup {

  width: 7.50rem;

  height: 100vh;

  position: fixed;

  z-index: 999;

  top: 0;

  left: 50%;

  transform: translate(-50%);

  justify-content: center;

  align-items: center;

  flex-direction: column;

  display: none;

}



.home-wx-popup-mask {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #00000050;

}



.home-wx-popup .qrcode {

  width: 6.20rem;

  height: 8.40rem;

  position: relative;

  z-index: 2;

}



.home-wx-popup .phone {

  width: 6.20rem;

  height: .98rem;

  border-radius: .98rem;

  line-height: .98rem;

  text-align: center;

  background-image: linear-gradient(to right, #9AC3FF, #0366F4 60%);

  color: #fff;

  font-weight: bold;

  margin-top: .30rem;

  position: relative;

  z-index: 2;

}



.home-wx-popup a {

  color: #fff;

}



.home-wx-popup .save {

  width: 6.20rem;

  height: .98rem;

  border-radius: .98rem;

  line-height: .98rem;

  text-align: center;

  border: .02rem solid #fff;

  color: #fff;

  font-weight: bold;

  margin-top: .30rem;

  position: relative;

  z-index: 2;

}

/* 案例轮播图 */

.case-swiper {

  width: 7.50rem;

  box-sizing: border-box;

  background-color: #fff;

  margin-top: .20rem;

}



#banner-case {

  width: 100%;

  height: 5.00rem;

  position: relative;

  overflow: hidden;

}



#banner-case #img-area {

  font-size: .28rem;

  color: #000;

  flex-direction: column;

  font-weight: 500;

}



#banner-case #img-area .image-box {

  width: 100%;

  height: 100%;

  transform: scale(.8);

  text-align: center;

  transition: all .5s;

}



#banner-case #img-area .image-box img {

  height: 4.50rem;

}



.slider {

  width: 100%;

  height: .10rem;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: .30rem;

}



.slider-item {

  width: .48rem;

  height: .10rem;

  background-color: #EEEEEE;

  margin: 0 .10rem;

}





.slider-item.active {

  background-color: #0064F4;

}


.keywordimg-box {
  width: 100%;
  display: flex;
  justify-content: center;
}

.keywordimg {
  width: 7.50rem;
  height: 3.68rem;
  margin-top: .30rem;
}


/* 关键词 */


.home-key-box {
  width: 100%;
  height: 3.60rem;
  margin: .40rem 0 .30rem;
}

.home-key-box-centet {
  width: 7.50rem;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.home-key-box-centet span {
  white-space: nowrap;
}

.home-key-box-centet .lanqiu {
  position: absolute;
  top: .34rem;
  left: -0.66rem;
  color: #999999;
  font-size: .32rem;
  font-weight: 400;
}

.home-key-box-centet .mc {
  position: absolute;
  top: 0rem;
  left: 1.50rem;
  font-weight: bold;
  color: #000000;
  font-size: .40rem;
}

.home-key-box-centet .xcxks {
  position: absolute;
  top: .05rem;
  left: 4.10rem;
  font-weight: bold;
  color: #3333AA;
  font-size: .40rem;
}

.home-key-box-centet .qcmr {
  position: absolute;
  top: .90rem;
  left: .50rem;
  font-weight: 300;
  color: #000000;
  font-size: .28rem;
}

.home-key-box-centet .mrxcx {
  position: absolute;
  top: .83rem;
  left: 3.00rem;
  font-weight: bold;
  color: #999;
  font-size: .40rem;
}

.home-key-box-centet .cyxcx {
  position: absolute;
  top: .94rem;
  left: 5.73rem;
  font-weight: 300;
  color: #000;
  font-size: .28rem;
}

.home-key-box-centet .zjxcx {
  position: absolute;
  top: 1.73rem;
  left: -0.28rem;
  font-weight: 500;
  color: #000;
  font-size: .32rem;
}

.home-key-box-centet .cyyxcx {
  position: absolute;
  top: 1.60rem;
  left: 1.86rem;
  font-weight: bold;
  color: #0064F4;
  font-size: .50rem;
}

.home-key-box-centet .xcxyl {
  position: absolute;
  top: 1.60rem;
  left: 4.90rem;
  font-weight: 500;
  color: #999;
  font-size: .28rem;
}


.home-key-box-centet .xcxyl {
  position: absolute;
  top: 1.60rem;
  left: 4.90rem;
  font-weight: 500;
  color: #999;
  font-size: .28rem;
}

.home-key-box-centet .sgxcx {
  position: absolute;
  top: 1.54rem;
  left: 6.80rem;
  font-weight: 500;
  color: #999;
  font-size: .28rem;
}

.home-key-box-centet .dyyxcx {
  position: absolute;
  top: 2.38rem;
  left: -0.04rem;
  font-weight: 500;
  color: #FE6A00;
  font-size: .32rem;
}

.home-key-box-centet .ncxcx {
  position: absolute;
  top: 2.56rem;
  left: 2.29rem;
  font-weight: 300;
  color: #000;
  font-size: .28rem;
}

.home-key-box-centet .xqxcx {
  position: absolute;
  top: 2.38rem;
  left: 4.13rem;
  font-weight: 400;
  color: #000;
  font-size: .28rem;
}

.home-key-box-centet .dsxcx {
  position: absolute;
  top: 2.06rem;
  left: 6.17rem;
  font-weight: bold;
  color: #0CAE42;
  font-size: .40rem;
}

.home-key-box-centet .xxxcx {
  position: absolute;
  top: 3.06rem;
  left: .75rem;
  font-weight: 500;
  color: #000;
  font-size: .32rem;
}

.home-key-box-centet .xcxkf2 {
  position: absolute;
  top: 3.06rem;
  left: 2.86rem;
  font-weight: bold;
  color: #000;
  font-size: .40rem;
}

.home-key-box-centet .pwxcx {
  position: absolute;
  top: 3.06rem;
  left: 5.37rem;
  font-weight: 500;
  color: #000;
  font-size: .28rem;
}