*{box-sizing:border-box}img{width:100%}.header-top{padding:70px 0 140px;background:#e3f4db}#header{background:#e3f4db}#block-system-main{margin-top:0}ul.featlist{display:flex;flex-wrap:wrap;justify-content:center}.header-top .content-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#feat3 .content-wrap{max-width:1080px}.header-top .cont-part{width:45%}.header-top .img-part{width:50%}.content-wrap{max-width:1170px}.feature-section p{color:#222;max-width:900px;margin:0 auto 60px auto}.header-top h1{font-size:54px;max-width:850px;letter-spacing:1.1px}.header-top .imgpart{position:relative;z-index:1}.bottomtxt p{display:none;min-height:250px;font-size:16px;color:#222;padding:30px 0 0 20px}.bottomtxt p.active{display:block}.header-top h1,.header-top p{margin:0 auto 30px}.header-top p{max-width:700px}.featlist li{width:23%;padding:40px 20px;background:#fff;margin:0 0 15px 10px;border-radius:6px;font-family:var(--zf-secondary-regular);font-size:18px;border:1px solid #f0f2f7;background:#fafbff}.featlist li span{display:block;background:url('/sites/default/files/people/zp-feature-sprite.png') no-repeat;background-size:850px auto;width:50px;height:50px;background-position:-265px -6px;margin-bottom:20px}.featlist li:nth-child(2) span{background-position:-315px -7px}.featlist li:nth-child(3) span{background-position:-370px -2px}.featlist li:nth-child(4) span{background-position:-425px -6px}.featlist li:nth-child(5) span{background-position:-185px -5px}.feature-section{padding:120px 0 0}.feature-section h2{font-family:var(--secondaryfont-bold);font-size:42px}.feature-section .colblock{width:38%;margin:0 30px 50px}.feature-section .colblock img{max-width:260px;margin-bottom:30px}#feat2 h4{font-size:28px}#feat1 .content-wrap,#feat2 .content-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.tabimg img{display:none;max-width:635px;padding-left:0;margin:0 auto}.tabimg img.active{display:block;animation:slide-down 1s ease-out}.imgwrap{position:relative}.imgwrap:before{content:'';position:absolute;top:-40px;left:0;background:#f4f5f7;border-radius:10px;width:700px;height:550px;z-index:-1}ul.slide-list li{position:relative;padding:20px 30px;cursor:pointer}.feature-section h4{font-size:20px;font-family:var(--zf-secondary-medium)}ul.slide-list li:before{content:'';position:absolute;top:0;left:0;background:#f4f5f7;width:100%;height:70px;z-index:-2;border-radius:6px}ul.slide-list li:after{content:'';position:absolute;top:0;left:0;background:#ffd133;width:0;height:70px;z-index:-1;border-radius:10px}ul.slide-list li.active:after{width:100%;transition:10s linear}#feat3{margin-top:0}#feat3 .cont-wrap h2{max-width:650px;margin:0 auto 20px}#feat3 .cont-wrap{margin:0 auto}#feat3 h4,#feat4 h4{font-size:30px;font-family:var(--zf-secondary-bold)}@keyframes slide-down{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}}.feature-section .cont-part{width:35%}.feature-section .img-part{width:60%}.feature-section .twocol{display:flex;flex-wrap:wrap;justify-content:space-between}.feature-section .colblock{width:43%;margin:60px 50px 0}.feature-section h2{font-size:46px;font-family:var(--zf-secondary-bold);text-align: center;padding-bottom: 40px;}#feat3 .colblock img{max-width:470px}#feat4 .colblock img{max-width:470px}.feature-section .cont-wrap{max-width:800px;margin:0 auto 50px;text-align:center;width:100%}.feature-section.bottomimg img{max-width:1060px;margin:60px auto 120px;display:block}.features-qlinks{width:100%}.features-qlinks ul li{font-family:var(--zf-secondary-medium)}.features-qlinks ul li a,.features-qlinks ul li:last-child{opacity:1}.bottomctawrap span{display:block;font-size:14px;margin-top:7px}.bottomctawrap small{font-family:var(--zf-secondary-semibold)}.bottomctawrap{background:#fff2af;padding:100px 0;text-align:center;margin-top:100px}.bottomctawrap h2{font-size:42px;max-width:950px;margin:0 auto 20px;font-family:var(--secondaryfont-bold)}.zmob,.zmobimg{display:none}@media screen and (min-width:1600px){.act-btn{padding:18px 35px}}@media screen and (max-width:1599px){.header-top{padding:60px 0 100px}.header-top p{font-size:17px;margin-bottom:40px}.act-btn{padding:15px 30px}.feature-section{padding:100px 0 0}ul.slide-list li{padding:20px 30px}ul.slide-list li:before{height:70px}ul.slide-list li:after{height:70px}.header-top .img-part img{max-width:520px}div#feat2 .cont-wrap{margin-bottom:20px}#feat2 .colblock img{max-width:450px}.feature-section.bottomimg .cont-wrap{margin-bottom:50px}}@media screen and (min-width:1400px) and (max-width:1599px){.header-top h1{font-size:50px}.feature-section h2,.bottomctawrap h2{font-size:40px}}@media screen and (max-width:1399px){.header-top h1{font-size:50px}.header-top .img-part img{max-width:500px}.content-wrap{max-width:1060px}.feature-section h2{font-size:40px}.feature-section h4{font-size:18px}.tabimg img{max-width:600px}.imgwrap:before{width:640px}.feature-section .cont-wrap{margin:0 auto 80px}#feat2 .colblock img{max-width:400px}#feat2 h4{font-size:26px}.feature-section.bottomimg img{max-width:1000px}.bottomctawrap h2{font-size:42px;max-width:900px}.bottomctawrap{padding:90px 0}}@media screen and (max-width:1140px){#feat1{margin-top:0}#feat2 h2{margin-bottom:30px}#feat2 p{max-width:660px;margin:0 auto}#feat1 img{max-width:600px;margin:0 auto;display:block;background:#f4f5f7;padding:30px 20px 10px;border-radius:16px;margin-bottom:50px}.bottomtxt{display:none}.feature-section{padding:60px 0 0}ul.slide-list li:before,ul.slide-list li:after,.imgwrap:before{content:none}ul.slide-list li p.zmob{display:block;padding:15px 0}.zmobimg{display:block}.feature-section .colblock{margin:20px 0 50px}.feature-section .img-part{display:none}ul.slide-list li{text-align:center}ul.slide-list li p{max-width:600px;margin:0 auto 50px}.header-top .cont-part,.header-top .img-part,.feature-section .img-part,.feature-section .cont-part{width:100%}.feature-section .colblock{width:100%}.header-top{text-align:center}.header-top h1{font-size:42px;max-width:700px}.header-top img{max-width:600px;margin:0 auto;display:block}.header-top .img-part img{max-width:520px;margin-top:50px}.feature-section .cont-wrap{margin:40px auto 0}.feature-section img{max-width:600px;margin:0 auto;display:block}.colblock h4,.colblock p{max-width:500px;margin:0 auto 20px;text-align:center}.header-top p{max-width:800px}.feature-section h4{font-size:28px;font-family:var(--zf-secondary-semibold)}.feature-section h2{font-size:36px}.feature-section.bottomimg p{max-width:660px;margin:30px auto}.feature-section.bottomimg img{max-width:80%}}@media screen and (min-width:992px) and (max-width:1299px){.header-top h1{font-size:46px}}@media screen and (min-width:992px){.feature-section .colblock{margin:0 30px 0}}@media screen and (max-width:991px){.bottomctawrap h2{font-size:30px;max-width:80%}.header-top h1{font-size:34px;max-width:80%}.header-top p{max-width:480px}.header-top{padding:30px 0 80px}.header-top p{font-size:16px;margin-bottom:30px}.header-top h1,.header-top p{margin:0 auto 20px}.header-top .img-part img{max-width:480px}.feature-section{padding:40px 0 0}.feature-section h2{font-size:30px}.feature-section h4{font-size:22px}ul.slide-list li p.zmob{padding:0}ul.slide-list li p{max-width:500px}#feat2,.bottomimg{max-width:80%}.feature-section.bottomimg img{max-width:100%}#feat2,.bottomimg{margin:0 auto}.act-btn{padding:12px 25px}.featlist li{width:40%}.feature-section p{max-width:80%}}@media screen and (max-width:767px){.header-top h1{font-size:28px;max-width:90%}.header-top p{max-width:90%}.header-top .img-part img{max-width:90%}.feature-section h2{font-size:30px;max-width:100%}#feat2,.bottomimg{max-width:90%}#feat2 h4{font-size:22px}.colblock h4,.colblock p{margin:0 auto 10px}.bottomctawrap{padding:70px 0}#feat1 img{padding:12px 7px 0}.featlist li{width:65%}ul.slide-list li{padding:20px 0}.bottomctawrap{margin-top:70px}.feature-section p{margin:0 auto 20px}.feature-section .colblock{margin:20px 0 0}#feat3 h4,#feat4 h4{font-size:22px}.bottomctawrap h2{max-width:100%}}@media screen and (max-width:480px){.featlist li{width:80%}#feat3 .colblock img,#feat4 .colblock img{max-width:280px}.header-top h1{max-width:100%}.feature-section p{max-width:90%}.bottomctawrap h2{font-size:26px}#feat3 .colblock img,#feat4 .colblock img{max-width:90%}.header-top{padding:40px 0 140px}}
/*****New customer case Start******/
.pp_customer .content .customer_logo i.nomgr{
  margin-right: 0;
}
.pp_customer .content{
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
}
.pp_customer .content h2{
  text-align: center;
  line-height: 186px;
}
.pp_customer .content .customer_logo i{
  display: inline-block;
  background-image: url(/sites/default/files/zh-hans/people/people_sprite.png);
  background-repeat: no-repeat;
  margin: 0 auto;
  background-size: 460px;
  margin-right: 3%;
}
.pp_customer .content .customer_logo i.img01{
  width: 146px;
  height: 40px;
  background-position: 2px -420px;
}
.pp_customer .content .customer_logo i.img02{
  width: 158px;
  height: 54px;
  background-position: -134px -406px;
}
.pp_customer .content .customer_logo i.img03{
  width: 172px;
  height: 54px;
  background-position: -290px -406px;
}
.pp_customer .content .customer_logo i.img04{
  width: 236px;
  height: 44px;
  background-position: 22px -464px;
}
.pp_customer .content .customer_logo i.img05{
  width: 50px;
  height: 50px;
  background-position: -218px -466px;
}
.pp_customer .content .customer_logo i.img06{
  width: 172px;
  height: 42px;
  background-position: -278px -476px;
}
.customer_show i{
	display: block;
    float: left;
    width: 15%;
}
.customer_show .des{
	float: left;
    width: 85%;
    padding: 0 3%;
}
.customer_show .des .tt{
	text-align: center;
    line-height: 78px;
    border-bottom: 1px solid #000;
    font-size: 22px;
}
.customer_show .des .tx{
    font-size: 16px;
    padding-top: 60px;
    padding-bottom: 80px;
}
.customer_show .testimonial_innersec_footer .slick-dots li{
	border: 1px solid #919599 !important;
    width: 14px !important;
    height: 14px;
    background: #fff;
}
.customer_show .testimonial_innersec_footer .slick-dots li.slick-active{
    border: 1px solid #ffd500 !important;
   background: #ffd500 !important;
    height: 14px;
}
.customer_logo{
        width:99%;
        margin:0 auto;
	margin-bottom: 50px;
}
.pp_customer .content .customer_logo i{margin-bottom:5%;}
@media only screen and (max-width: 1199px){
.pp_customer .content .customer_logo i{
      margin-right:1%;
      }
}
@media only screen and (max-width: 768px){
.pp_customer .content .customer_logo i{margin-right: 9%;margin-bottom: 20px;}
}
@media only screen and (max-width:420px) {
 .pp_customer .content h2{line-height: 50px;font-size: 24px;}
 .pp_customer .content .customer_logo i{margin-bottom: 14px;margin-right: 5%;}
  .pp_customer .content .customer_logo i.img03{width: 48%;  background-position: -282px -392px;  background-size: 440px;margin-right: 0;}
  .pp_customer .content .customer_logo i.img04{background-size: 368px; width: 47%; background-position: -4px -368px;margin-right: 0;position: relative; bottom: 4px;}
  .pp_customer .content .customer_logo i.img05{float: right; margin-right: 18%;}
  .customer_show .des .tt{line-height: 30px; font-size: 18px;  padding-bottom: 10px;}
.customer_show .des .tx{padding:30px 0;}
}


/*****New customer case End******/