.online-context {
  display: inline-block;
  position: fixed;
  right: 0;
  bottom: 50%;
  width: 165px;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  padding-left: 60px;
  background: #fff url(//cdn.kuaidi100.com/images/cloud/cloudptr_online_help.png) left center no-repeat;
  background-size: 50px 50px;
  font-size: 16px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  border: 2px solid #1195db;
  border-right: 0;
}

.banner-wrap {
  overflow: hidden;
  height: 500px;
  min-width: 960px;
  background: #2c82e5;
  margin: 0 auto;
  font-size: 0;
}
.banner-wrap .each-banner.each01 {
  height: 167px;
  background: #2c82e5 url(//cdn.kuaidi100.com/images/cloud/bg_www_cloudprinter_01.jpg?version=20181017854) center center no-repeat;
}
.banner-wrap .each-banner.each01 .banner-word {
  font-size: 33px;
  color: #fff;
  text-align: right;
  box-sizing: border-box;
  padding-right: 0;
  padding-top: 60px;
}
.banner-wrap .each-banner.each02 {
  height: 166px;
  background: #2c82e5 url(//cdn.kuaidi100.com/images/cloud/bg_www_cloudprinter_02.jpg?version=20181017854) center center no-repeat;
}
.banner-wrap .each-banner.each03 {
  height: 167px;
  background: #2c82e5 url(//cdn.kuaidi100.com/images/cloud/bg_www_cloudprinter_03.jpg?version=20181017854) center center no-repeat;
}

.section01 {
  background: #fff;
}
.section01 .each {
  text-align: center;
  height: 452px;
  margin-top: 0;
}
.section01 .each .img {
  display: inline-block;
  height: 452px;
  width: 508px;
  background: blue;
  vertical-align: middle;
}
.section01 .each .img.img01 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_www_sec1_01.jpg?version=20181017854) center center no-repeat;
  background-size: cover;
}
.section01 .each .img.img02 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_www_sec1_02.jpg?version=20181017854) center center no-repeat;
  background-size: cover;
}
.section01 .each .img.img03 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_www_sec1_03.jpg?version=20181017854) center center no-repeat;
  background-size: cover;
}
.section01 .each .text-wrap {
  display: inline-block;
  height: 452px;
  width: 374px;
  text-align: left;
  vertical-align: middle;
  box-sizing: border-box;
}
.section01 .each .text-wrap .top {
  font-size: 16px;
  color: #333;
  height: 130px;
  line-height: 130px;
  margin-bottom: 20px;
}
.section01 .each .text-wrap .top .overline {
  text-decoration: line-through;
  padding-right: 10px;
}
.section01 .each .text-wrap .mid {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  line-height: 30px;
}
.section01 .each .text-wrap .mid.mb {
  margin-bottom: 20px;
}
.section01 .each .text-wrap .bottom {
  font-size: 16px;
  color: #999;
  line-height: 30px;
}
.section01 .each .gap {
  display: inline-block;
  height: 452px;
  width: 50px;
  vertical-align: middle;
}

.mid-title {
  font-size: 40px;
  color: #333;
  text-align: center;
  height: 200px;
  line-height: 200px;
  background: #f7f8fa;
  margin-top: 0;
  min-width: 960px;
}

.section02 {
  height: 372px;
  text-align: center;
  margin-top: 130px;
}
.section02 .text-warp {
  display: inline-block;
  vertical-align: middle;
  width: 572px;
  height: 372px;
  text-align: left;
}
.section02 .text-warp .title {
  height: 43px;
  font-size: 28px;
  color: #333;
}
.section02 .text-warp .sub-title {
  height: 83px;
  font-size: 17px;
  line-height: 83px;
  color: #878787;
}
.section02 .text-warp .sub-title.short {
  height: 18px;
  line-height: 18px;
}
.section02 .text-warp .con-wrap {
  height: 208px;
  margin-top: 20px;
  position: relative;
}
.section02 .text-warp .con-wrap .line-point {
  position: absolute;
  left: 0;
  top: 104px;
  width: 493px;
  height: 20px;
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_pointline.jpg) center center no-repeat;
  background-size: cover;
}
.section02 .text-warp .con-wrap .icon01 {
  position: absolute;
  left: 14px;
  top: 26px;
  width: 80px;
  height: 53px;
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec2_ico01.jpg) center center no-repeat;
  background-size: cover;
}
.section02 .text-warp .con-wrap .icon02 {
  position: absolute;
  left: 400px;
  top: 28px;
  width: 61px;
  height: 57px;
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec2_ico02.jpg) center center no-repeat;
  background-size: cover;
}
.section02 .text-warp .con-wrap .icon03 {
  position: absolute;
  left: 207px;
  top: 149px;
  width: 65px;
  height: 53px;
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec2_ico03.jpg) center center no-repeat;
  background-size: cover;
}
.section02 .text-warp .con-wrap .text {
  position: absolute;
  display: inline-block;
  color: #878787;
  font-size: 17px;
  text-align: center;
}
.section02 .text-warp .con-wrap .text.t01 {
  left: 165px;
  top: 20px;
  width: 150px;
  height: 80px;
}
.section02 .text-warp .con-wrap .text.t02 {
  left: 0;
  top: 144px;
  width: 111px;
  height: 54px;
}
.section02 .text-warp .con-wrap .text.t03 {
  left: 352px;
  top: 142px;
  width: 154px;
  height: 54px;
}
.section02 .text-warp.pl {
  box-sizing: border-box;
  padding-left: 90px;
}
.section02 .text-warp .con-wrap .ele {
  display: inline-block;
  width: 192px;
  height: 134px;
  margin: 20px 47px 0 0;
}
.section02 .text-warp .con-wrap .ele.ele01 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec2_ele1.jpg) center center no-repeat;
  background-size: cover;
}
.section02 .text-warp .con-wrap .ele.ele02 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec2_ele2.jpg) center center no-repeat;
  background-size: cover;
}
.section02 .img-warp {
  display: inline-block;
  vertical-align: middle;
  width: 378px;
  height: 372px;
}
.section02 .img-warp.each01 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec2_01.png?version=201809755432) center center no-repeat;
  background-size: cover;
}
.section02 .img-warp.each02 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec2_02.png?version=201809755432) center center no-repeat;
  background-size: cover;
}
.section02 .img-warp.each03 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_www_sec2_03.png?version=201809756612) center center no-repeat;
  background-size: cover;
}
.section02 .img-warp.each04 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_www_sec2_04.png?version=201809756612) center center no-repeat;
  background-size: cover;
}

.com-list {
  margin-top: 57px;
  font-size: 0;
  text-align: center;
}
.com-list .each {
  display: inline-block;
  margin-left: 37px;
}
.com-list .each.first {
  margin-left: 0;
}
.com-list .each .ico {
  display: inline-block;
  width: 53px;
  height: 53px;
  background: red;
}
.com-list .each .ico.shunfeng {
  background: url(//cdn.kuaidi100.com/images/cloud/shunfeng.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.ems {
  background: url(//cdn.kuaidi100.com/images/cloud/ems.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.youzheng {
  background: url(//cdn.kuaidi100.com/images/cloud/youzheng.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.baishi {
  background: url(//cdn.kuaidi100.com/images/cloud/baishi.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.zhaijisong {
  background: url(//cdn.kuaidi100.com/images/cloud/zhaijisong.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.debang {
  background: url(//cdn.kuaidi100.com/images/cloud/debang.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.rufengda {
  background: url(//cdn.kuaidi100.com/images/cloud/rufengda.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.kuayue {
  background: url(//cdn.kuaidi100.com/images/cloud/kuayue.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.kuaijie {
  background: url(//cdn.kuaidi100.com/images/cloud/kuaijie.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.jiuye {
  background: url(//cdn.kuaidi100.com/images/cloud/jiuye.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.yuancheng {
  background: url(//cdn.kuaidi100.com/images/cloud/yuancheng.png) center center no-repeat;
  background-size: cover;
}

.com-list .each .ico.jd {
  background: url(//cdn.kuaidi100.com/images/cloud/jd.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.shentong {
  background: url(//cdn.kuaidi100.com/images/cloud/shentong.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.yuantong {
  background: url(//cdn.kuaidi100.com/images/cloud/yuantong.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.zhongtong {
  background: url(//cdn.kuaidi100.com/images/cloud/zhongtong.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.yunda {
  background: url(//cdn.kuaidi100.com/images/cloud/yunda.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.yousu {
  background: url(//cdn.kuaidi100.com/images/cloud/yousu.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.tiantian {
  background: url(//cdn.kuaidi100.com/images/cloud/tiantian.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.anneng {
  background: url(//cdn.kuaidi100.com/images/cloud/anneng.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.guotong {
  background: url(//cdn.kuaidi100.com/images/cloud/guotong.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.quanfeng {
  background: url(//cdn.kuaidi100.com/images/cloud/quanfeng.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .ico.pinjun {
  background: url(//cdn.kuaidi100.com/images/cloud/pinjun.png) center center no-repeat;
  background-size: cover;
}
.com-list .each .name {
  width: 53px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #878787;
  font-size: 16px;
}

.ent-wrap {
  padding: 100px 0;
  text-align: center;
  min-width: 1200px;
}
.ent-wrap .title {
  font-size: 36px;
  color: #333;
}
.ent-wrap .sub-title {
  font-size: 26px;
  color: #a9a9aa;
  padding: 35px 0;
}
.ent-wrap .block-list {
  padding-top: 60px;
  text-align: center;
}
.ent-wrap .block-list .each {
  display: inline-block;
  width: 246px;
  height: 282px;
  background: #fff;
  border: 1px solid #e5e5e5;
  vertical-align: middle;
}
.ent-wrap .block-list .each .ico {
  margin-top: 36px;
  height: 70px;
}
.ent-wrap .block-list .each .ico.ico01 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec3_01.png) center center no-repeat;
}
.ent-wrap .block-list .each .ico.ico02 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec3_02.png) center center no-repeat;
}
.ent-wrap .block-list .each .ico.ico03 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec3_03.png) center center no-repeat;
}
.ent-wrap .block-list .each .ico.ico04 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec3_04.png) center center no-repeat;
}
.ent-wrap .block-list .each .ico.ico05 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec3_05.png) center center no-repeat;
}
.ent-wrap .block-list .each .ico.ico06 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec3_06.png) center center no-repeat;
}
.ent-wrap .block-list .each .name {
  font-size: 28px;
  text-align: center;
  color: #333;
  padding-top: 23px;
}
.ent-wrap .block-list .each .text {
  color: #878787;
  padding-top: 24px;
  text-align: center;
  font-size: 16px;
  width: 197px;
  margin: 0 auto;
}
.ent-wrap .btn-wrap {
  padding-top: 60px;
  text-align: center;
}
.ent-wrap .btn-wrap .btn-ent {
  display: inline-block;
  border-radius: 5px;
  width: 400px;
  text-align: center;
  height: 80px;
  line-height: 80px;
  background: #ff7f02;
  color: #fff;
  font-size: 30px;
}

.product-wrap {
  text-align: center;
  margin-bottom: 60px;
  padding-bottom: 50px;
  min-width: 1200px;
}
.product-wrap .title {
  font-size: 36px;
  color: #333;
  padding-top: 60px;
}
.product-wrap .sub-title {
  font-size: 24px;
  color: #a9a9aa;
  padding-top: 45px;
}
.product-wrap .each-line {
  height: 372px;
  text-align: center;
  margin-top: 60px;
}
.product-wrap .each-line .text-warp {
  display: inline-block;
  vertical-align: middle;
  padding-right: 50px;
  width: 600px;
  height: 372px;
  text-align: left;
  box-sizing: border-box;
}
.product-wrap .each-line .text-warp.pl {
  padding-left: 90px;
}
.product-wrap .each-line .text-warp .sub-title {
  height: 43px;
  font-size: 28px;
  line-height: 43px;
  color: #333;
}
.product-wrap .each-line .text-warp .con-wrap {
  margin-top: 10px;
}
.product-wrap .each-line .text-warp .con-wrap .each-pro {
  text-align: left;
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
  color: #878787;
  font-size: 16px;
}
.product-wrap .each-line .text-warp .con-wrap .each-pro .pro-title {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}
.product-wrap .each-line .text-warp .con-wrap .each-pro .pro-con {
  display: inline-block;
  vertical-align: middle;
}
.product-wrap .each-line .text-warp .btn-wrap {
  text-align: center;
  display: block;
}
.product-wrap .each-line .text-warp .btn-wrap .btn {
  display: inline-block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  margin-top: 30px;
  font-size: 24px;
  background: #ff7f02;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}
.product-wrap .each-line .text-warp .btn-wrap .btn:hover {
  background: #dd7700;
}
.product-wrap .each-line .img-warp {
  display: inline-block;
  vertical-align: middle;
  width: 378px;
  height: 372px;
}
.product-wrap .each-line .img-warp.each01 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec4_01.png?version=924iujkj1) center center no-repeat;
  background-size: 100% auto;
}
.product-wrap .each-line .img-warp.each02 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec4_02.png?version=dju7123126548) center center no-repeat;
  background-size: 100% auto;
}

.mid-title-wrap {
  padding: 80px 0;
  text-align: center;
  background: #f7f8fa;
  min-width: 1200px;
}
.mid-title-wrap .title {
  font-size: 36px;
  color: #333;
}
.mid-title-wrap .sub-title {
  font-size: 26px;
  color: #878787;
  padding-top: 37px;
}

.video-wrap {
  padding: 80px 0;
  text-align: center;
  min-width: 1200px;
}
.video-wrap .title {
  font-size: 36px;
  color: #333;
}
.video-wrap .each-wrap {
  display: inline-block;
  width: 600px;
  height: 410px;
  margin: 60px 20px;
}
.video-wrap .each-wrap video {
  display: inline-block;
  margin: 0;
  width: 600px;
  height: 360px;
}
.video-wrap .each-wrap .discripe {
  display: block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
}

.section05 {
  text-align: center;
  min-width: 1200px;
}
.section05 .title {
  font-size: 36px;
  color: #333;
  padding: 80px 0;
}
.section05 .line {
  padding-bottom: 82px;
  text-align: center;
}
.section05 .line .item {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 500px;
  height: 157px;
  border: 1px solid #e5e5e5;
  padding-top: 29px;
  padding-left: 16px;
  box-sizing: border-box;
}
.section05 .line .item:hover {
  cursor: pointer;
  border: 1px solid #3278e6;
}
.section05 .line .item .ico {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 100px;
  margin-right: 32px;
}
.section05 .line .item .ico.ico01 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec5_ico_01.png) center center no-repeat;
  background-size: contain;
}
.section05 .line .item .ico.ico02 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec5_ico_02.png) center center no-repeat;
  background-size: contain;
}
.section05 .line .item .ico.ico03 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec5_ico_03.png) center center no-repeat;
  background-size: contain;
}
.section05 .line .item .ico.ico04 {
  background: url(//cdn.kuaidi100.com/images/cloud/cloudptr_sec5_ico_04.png) center center no-repeat;
  background-size: contain;
}
.section05 .line .item .text {
  display: inline-block;
  vertical-align: middle;
}
.section05 .line .item .text .up {
  height: 55px;
  line-height: 55px;
  text-align: left;
  font-size: 28px;
  color: #333;
}
.section05 .line .item .text .down {
  height: 40px;
  line-height: 40px;
  text-align: left;
  font-size: 17px;
  color: #878787;
}

.zxqrcode {
  position: fixed;
  top: 50%;
  right: 30px;
  width: 130px;
  height: 120px;
  background: #fff;
}
.zxqrcode .code {
  width: 130px;
  height: 130px;
  background: url(//cdn.kuaidi100.com/images/cloud/zxqrcode.jpg) center center no-repeat;
  background-size: cover;
}
.zxqrcode .word {
  text-align: center;
  font-size: 14px;
}