body {
  position: relative;
}
.bannerbox {
  width: 100%;
  height: 6.41333333rem;
  background: linear-gradient(90deg, #0da8fb 0%, #0061cf 100%);
}
.bannerbox .swiper-pagination-bullet {
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  border-radius: 0;
  background: initial;
  background-size: 100% 100%;
  opacity: .2;
  background-image: url(../img/dot.png);
}
.bannerbox .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.29333333rem;
  height: 0.16rem;
  background-image: url(../img/dot_select.png);
  opacity: 1;
}
.bannerbox .indexContainer {
  width: 100%;
  height: 100%;
}
.bannerbox .indexContainer .swiper-wrapper .swiper-slide .pic {
  width: 8.21333333rem;
  height: 5.72rem;
  margin: 0 auto;
  background-size: 100% 100%;
  margin-top: -0.32rem;
}
.bannerbox .indexContainer .swiper-wrapper .swiper-slide .bigTips {
  text-align: center;
  font-family: PingFang-SC-Bold;
  font-size: 0.53333333rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.56rem;
  letter-spacing: 0;
  color: #fff;
  margin-top: -0.8rem;
}
.bannerbox .indexContainer .swiper-wrapper .swiper-slide .smallTips {
  text-align: center;
  font-family: PingFang-SC-Medium;
  font-size: 0.34666667rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 0.34666667rem;
  letter-spacing: 0px;
  color: #fff;
  margin-top: 0.2rem;
}
.contactBox {
  width: 100%;
  height: 1.46666667rem;
  background-color: #f7f8fa;
  display: flex;
}
.contactBox .notice {
  flex: 1;
  font-family: PingFang-SC-Medium;
  font-size: 0.32rem;
  font-weight: normal;
  line-height: 1.46666667rem;
  color: #333333;
  padding-left: 0.38666667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contactBox .contact {
  flex: 0 0 2.4rem;
}
.contactBox .contact a {
  width: 2rem;
  height: 0.72rem;
  background-image: linear-gradient(90deg, #0da8fb 0%, #0061cf 100%), linear-gradient(#0061cf, #0061cf);
  display: inline-block;
  line-height: 0.72rem;
  text-align: center;
  cursor: pointer;
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  color: #ffffff;
  padding: 0;
  margin-top: 0.36rem;
}
.mycloud {
  width: 100%;
  height: 2rem;
  background-image: url(../img/product_bg.png);
  background-size: 100% 100%;
  text-align: center;
  font-family: PingFang-SC-Medium;
  font-size: 0.53333333rem;
  font-weight: normal;
  line-height: 2rem;
  color: #333333;
}
.solution {
  width: 100%;
  height: 2rem;
  background-image: url(../img/Solution_bg.png);
  background-size: 100% 100%;
  text-align: center;
  font-family: PingFang-SC-Medium;
  font-size: 0.53333333rem;
  font-weight: normal;
  line-height: 2rem;
  color: #ffffff;
}
.customerCase {
  width: 100%;
  height: 2rem;
  background-image: url(../img/Customercase_bg.png);
  background-size: 100% 100%;
  text-align: center;
  font-family: PingFang-SC-Medium;
  font-size: 0.53333333rem;
  font-weight: normal;
  line-height: 2rem;
  color: #ffffff;
}
.unitBox {
  width: 100%;
  height: auto;
}
.unitBox.addtopborder {
  border-top: solid 1px #dfdfdf;
}
.unitBox .unitTitleBox {
  width: 100%;
  height: 1.33333333rem;
  background-color: #ffffff;
  border-bottom: solid 1px #dfdfdf;
  position: relative;
  /*我们的云产品图片配置开始*/
  /*我们的云产品图片配置结束*/
  /*行业解决方案图片配置开始*/
  /*行业解决方案图片配置结束*/
}
.unitBox .unitTitleBox .icon0 {
  width: 0.64rem;
  height: 0.64rem;
  background-size: 100% 100%;
  position: absolute;
  top: 0.33333333rem;
  left: 0.42666667rem;
}
.unitBox .unitTitleBox .title0 {
  width: 100%;
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  padding: 0 1.17333333rem 0 1.30666667rem;
  font-family: PingFang-SC-Medium;
  font-size: 0.37333333rem;
  font-weight: normal;
  color: #333;
}
.unitBox .unitTitleBox .icon1 {
  width: 0.82666667rem;
  height: 1.33333333rem;
  background-size: 0.41333333rem 0.22666667rem;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0rem;
  right: 0.34666667rem;
  background-image: url(../img/arrow_open.png);
  cursor: pointer;
}
.unitBox .unitTitleBox.open .title0 {
  color: #1d73d4;
}
.unitBox .unitTitleBox.open .icon1 {
  background-image: url(../img/arrow_close.png);
}
.unitBox .unitTitleBox.productImg1 .icon0 {
  background-image: url(../img/producticon_all_gray.png);
}
.unitBox .unitTitleBox.productImg1.open .icon0 {
  background-image: url(../img/producticon_all_blue.png);
}
.unitBox .unitTitleBox.productImg2 .icon0 {
  background-image: url(../img/producticon_saas_gray.png);
}
.unitBox .unitTitleBox.productImg2.open .icon0 {
  background-image: url(../img/producticon_saas_blue.png);
}
.unitBox .unitTitleBox.productImg3 .icon0 {
  background-image: url(../img/producticon_paas_gray.png);
}
.unitBox .unitTitleBox.productImg3.open .icon0 {
  background-image: url(../img/producticon_paas_blue.png);
}
.unitBox .unitTitleBox.productImg4 .icon0 {
  background-image: url(../img/producticon_set_gray.png);
}
.unitBox .unitTitleBox.productImg4.open .icon0 {
  background-image: url(../img/producticon_set_blue.png);
}
.unitBox .unitTitleBox.productImg5 .icon0 {
  background-image: url(../img/producticon_ser_gray.png);
}
.unitBox .unitTitleBox.productImg5.open .icon0 {
  background-image: url(../img/producticon_ser_blue.png);
}
.unitBox .unitTitleBox.productImg6 .icon0 {
  background-image: url(../img/producticon_pbc_gray.png);
}
.unitBox .unitTitleBox.productImg6.open .icon0 {
  background-image: url(../img/producticon_pbc_blue.png);
}
.unitBox .unitTitleBox.solutionImg1 .icon0 {
  background-image: url(../img/cart_gray.png);
}
.unitBox .unitTitleBox.solutionImg1.open .icon0 {
  background-image: url(../img/cart_blue.png);
}
.unitBox .unitTitleBox.solutionImg2 .icon0 {
  background-image: url(../img/store_gray.png);
}
.unitBox .unitTitleBox.solutionImg2.open .icon0 {
  background-image: url(../img/store_blue.png);
}
.unitBox .unitTitleBox.solutionImg3 .icon0 {
  background-image: url(../img/coat_gray.png);
}
.unitBox .unitTitleBox.solutionImg3.open .icon0 {
  background-image: url(../img/coat_blue.png);
}
.unitBox .unitTitleBox.solutionImg4 .icon0 {
  background-image: url(../img/consumer_gray.png);
}
.unitBox .unitTitleBox.solutionImg4.open .icon0 {
  background-image: url(../img/consumer_blue.png);
}
.unitBox .unitTitleBox.solutionImg5 .icon0 {
  background-image: url(../img/refrigerator_gray.png);
}
.unitBox .unitTitleBox.solutionImg5.open .icon0 {
  background-image: url(../img/refrigerator_blue.png);
}
.unitBox .unitTitleBox.solutionImg6 .icon0 {
  background-image: url(../img/car_gray.png);
}
.unitBox .unitTitleBox.solutionImg6.open .icon0 {
  background-image: url(../img/car_blue.png);
}
.unitBox .unitTitleBox.solutionImg7 .icon0 {
  background-image: url(../img/Cabinet_gray.png);
}
.unitBox .unitTitleBox.solutionImg7.open .icon0 {
  background-image: url(../img/Cabinet_blue.png);
}
.unitBox .unitTitleBox.solutionImg8 .icon0 {
  background-image: url(../img/3c_gray.png);
}
.unitBox .unitTitleBox.solutionImg8.open .icon0 {
  background-image: url(../img/3c_blue.png);
}
.unitBox .moreInfro {
  width: 100%;
  background-color: #f7f8fa;
  height: auto;
  overflow: hidden;
  transition: all 0.3s ease;
  padding-bottom: 0.49333333rem;
  opacity: 0;
  display: none;
}
.unitBox .moreInfro .moreDesc {
  width: 100%;
  height: auto;
  padding: 0.4rem 0.66666667rem 0rem 0.38666667rem;
}
.unitBox .moreInfro .moreDesc .longTitle {
  font-family: PingFang-SC-Medium;
  font-size: 0.32rem;
  line-height: 0.66666667rem;
  color: #666;
  margin-bottom: 0.26666667rem;
}
.unitBox .moreInfro .moreDesc .bigTitle {
  font-family: PingFang-SC-Medium;
  font-size: 0.32rem;
  font-weight: normal;
  line-height: 0.53333333rem;
  color: #333;
}
.unitBox .moreInfro .moreDesc .desc {
  padding-top: 0.08rem;
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  line-height: 0.4rem;
  color: #999;
  height: auto;
  margin-bottom: 0.36rem;
  zoom: 1;
}
.unitBox .moreInfro .moreDesc .desc:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.unitBox .moreInfro .moreDesc .desc span {
  float: left;
  display: inline-block;
  margin-right: 0.8rem;
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  line-height: 0.37333333rem;
  color: #999;
  height: 0.37333333rem;
}
.unitBox .moreInfro .moreDesc a {
  width: 2rem;
  height: 0.72rem;
  background-image: linear-gradient(-90deg, #13c6fc 0%, #1d73d4 100%), linear-gradient(#1d73d4, #1d73d4);
  display: inline-block;
  line-height: 0.72rem;
  text-align: center;
  cursor: pointer;
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  color: #ffffff;
  padding: 0;
}
.unitBox .moreInfro .cellBox {
  width: 100%;
  height: auto;
  padding: 0.46666667rem 0.41333333rem 0 0.41333333rem;
}
.unitBox .moreInfro .cellBox .cellname {
  font-family: PingFang-SC-Medium;
  font-size: 0.32rem;
  font-weight: normal;
  line-height: 0.42666667rem;
  color: #333;
}
.unitBox .moreInfro .cellBox .ps {
  padding-top: 0.13333333rem;
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  line-height: 0.42666667rem;
  color: #999;
}
.unitBox .moreInfro.open {
  display: block;
  opacity: 1;
}
.customExample {
  width: 100%;
  height: auto;
  padding: 0.26666667rem 0.26666667rem 0;
  transform: translate(0, -0.8rem);
  -ms-transform: translate(0, -0.8rem);
  -webkit-transform: translate(0, -0.8rem);
}
.customExample .ImgExample{
  width: 100%;
  height: 1.6rem;
  padding: 0.13333333rem 0;
}
.customExample .ImgExample .cellImg{
  width: 2.2rem;
  height: 1.33333333rem;
  box-shadow: 0 0 5px 2px rgba(16, 16, 16, 0.16);
}
.customExample .ImgExample .cellImg img{
  width: 100%;
  height: 100%;
}
.customExample .ImgExample {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}
.visable{
	visibility: hidden;
}
/*服务承诺*/
.aboutService {
  width: 100%;
  height: 2.66666667rem;
  background-color: #f2f9fe;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}
.aboutService .cellImg {
  width: 25%;
  height: 1.86666667rem;
  text-align: center;
}
.aboutService .cellImg img {
  width: 0.89333333rem;
  height: 0.89333333rem;
}
.aboutService .cellImg p {
  margin-top: 0.24rem;
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  font-weight: normal;
  line-height: 0.4rem;
  color: #b5dcff;
}
/*底部的样式--start*/
.footBox {
  width: 100%;
  height: auto;
  background-color: #222;
}
.footBox .unitlink {
  width: 100%;
  height: 1.2rem;
  border-bottom: 1px #313131 solid;
  display: flex;
}
.footBox .unitlink a {
  display: inline-block;
  flex: 1;
  font-family: PingFang-SC-Medium;
  font-size: 0.37333333rem;
  line-height: 1.2rem;
  padding-left: 0.41333333rem;
  color: #999;
}
.footBox .unitlink .arrowIcon {
  flex: 0 0 1.06666667rem;
  text-align: center;
  margin-top: 0.33333333rem;
}
.footBox .unitlink .arrowIcon img {
  width: 0.22666667rem;
  height: 0.41333333rem;
}
.footBox .touchBox {
  width: 100%;
  height: auto;
  padding: 0.37333333rem 0.37333333rem 0.48rem 0.37333333rem;
}
.footBox .touchBox .desc1 {
  width: 100%;
  font-family: PingFang-SC-Regular;
  font-size: 0.32rem;
  line-height: 0.48rem;
  color: #666;
}
.footBox .touchBox .QRcode {
  width: 100%;
  height: auto;
  text-align: left;
  margin: 0.4rem 0 0.10666667rem 0;
}
.footBox .touchBox .QRcode img {
  width: 3.06666667rem;
  height: 3.06666667rem;
}
.footBox .copyRight {
  width: 100%;
  height: auto;
  padding: 0.24rem 0.4rem 0.6rem;
  border-top: 2px #313131 solid;
}
.footBox .copyRight p {
  font-family: PingFang-SC-Regular;
  font-size: 0.29333333rem;
  line-height: 0.48rem;
  color: #444;
  text-align: center;
}
/*底部的样式--end*/
.headbox {
  width: 100%;
  height: 1.2rem;
  background-color: #222222;
  box-sizing: border-box;
}
.headbox .logo {
  height: 0.62666667rem;
  width: 2.32rem;
  background-image: url(../img/logo.png);
  background-size: 100% 100%;
  margin-top: 0.24rem;
  margin-left: 0.37333333rem;
  float: left;
  display: inline-block;
}
.headbox .showmenu,
.headbox .myCenter {
  width: 0.74666667rem;
  height: 0.74666667rem;
  background-size: 100% 100%;
  float: right;
  display: inline-block;
  margin-top: 0.2rem;
}
.headbox .showmenu {
  margin-right: 0.34666667rem;
  background-image: url(../img/navicon_list.png);
}
.headbox .myCenter {
  margin-right: 0.49333333rem;
  background-image: url(../img/navicon_user.png);
}
/*右侧菜单样式开始*/
.menuHolder {
  width: 0;
  overflow: hidden;
  height: 100vh;
  background-color: #313131;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 18;
  transition: all .3s ease;
  opacity: 0;
}
.menuHolder.openmenu {
  width: 85.07%;
  overflow-y: auto;
  opacity: 1;
}
.menuHolder .unitlink0 {
  width: 100%;
  height: 1.2rem;
  display: flex;
}
.menuHolder .unitlink0 a {
  display: inline-block;
  flex: 1;
  font-family: PingFang-SC-Medium;
  font-size: 0.37333333rem;
  line-height: 1.2rem;
  padding-left: 0.38666667rem;
  color: #fff;
}
.menuHolder .unitlink0 .arrowIcon {
  flex: 0 0 1.06666667rem;
  text-align: center;
  padding-top: 0.46666667rem;
}
.menuHolder .unitlink0 .arrowIcon img {
  width: 0.41333333rem;
  height: 0.22666667rem;
}
.menuHolder .unitlink1 {
  width: 100%;
  height: 1.2rem;
  display: flex;
}
.menuHolder .unitlink1 a {
  display: inline-block;
  flex: 1;
  font-family: PingFang-SC-Medium;
  font-size: 0.37333333rem;
  line-height: 1.2rem;
  padding-left: 0.38666667rem;
  color: #fff;
}
.menuHolder .unitlink1 .arrowIcon1 {
  flex: 0 0 1.06666667rem;
  text-align: center;
  padding-top: 0.33333333rem;
}
.menuHolder .unitlink1 .arrowIcon1 img {
  width: 0.22666667rem;
  height: 0.41333333rem;
}
.menuHolder .unitlink0More {
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: all .3s ease;
}
.menuHolder .unitlink0More.showThis {
  height: auto;
  overflow: initial;
}
.menuHolder .unitlink0More a {
  height: 1.2rem;
  width: 100%;
  display: block;
  font-family: PingFang-SC-Medium;
  font-size: 0.32rem;
  line-height: 1.2rem;
  padding-left: 0.38666667rem;
  color: #999;
  background-color: #444;
  border-top: 1px #313131 solid;
}
.maskingLayer {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 16;
  background-color: rgba(49, 49, 49, 0.3);
  display: none;
}
/*右侧菜单样式结束*/
/*其它新增的class---开始*/
.ovfHiden {
  overflow: hidden;
  height: 100%;
}
/*其它新增的class---结束*/