.solutionBanner{
  height:440px;
  background:url(../../images/pc/solutionbanner2.png) no-repeat center center;
  background-size:cover;
}
.solutionBanner .centerBg{
  position:relative;
  height:100%;
  width:1180px;
  margin:0 auto;
}
.solutionBanner img{
    width:100%;
    height:auto !important;
}
.solutionBanner .introMsg{
    position: absolute;
    width:554px;
    top:102px;
}
.solutionBanner .solutionBannerRight{
  position: absolute;
  width:658px;
  top:54px;
  right:-45px;
}
.solutionBanner .introMsg h1{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 56px;
    color: #000000;
}
.solutionBanner .introMsg p{
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: rgba(48, 49, 51, 1);
    margin-top:20px;
}
.solutionBanner a{
    margin-top:36px;
    width: 204px;
    height: 50px;
    cursor: pointer;
    background: #4877F0;
    border-radius: 2px;
    color:#fff;
    display:block;
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
    transition: 0.5s;
}
.solutionBanner a:hover{
  background: rgba(110, 147, 240);
}
.solutWrap1{
    padding:80px 0 103px 0;
}
.solutWrap1 .centerBg{
    max-width:1180px;
    margin:0 auto;
}
.solutWrap1 h2,.solutWrap2 h2,.solutWrap3 h2,.solutWrap4 h2{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 50px;
    color: #000000;
    text-align: center;
}
.solutWrap3List .top ul{
    width:880px;
    margin:52px auto 0;
}
.solutWrap3List .top ul li{
    width: 220px;
    height: 80px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 80px;
    text-align: center;
    color: rgba(144, 147, 153, 1);
    float:left;
    border: 1px solid #E9E9EB;
    cursor: pointer;
  }
  .solutWrap3List .top ul li:hover{
    border: 1px solid rgba(72, 119, 240, 1);
    color: #4877F0;
  }
  .on{
    border: 1px solid rgba(72, 119, 240, 1) !important;
    color: #4877F0 !important;
  }
  .solutWrap3List .top ul li img{
    width:100%;
    height:auto !important;
  }
  .solutWrap3List .top ul li:first-child{
    margin-left:0;
  }
.solutWrap1 ul{
    margin-top:33px;
}
.solutWrap1 ul li{
    cursor: pointer;
    width:260px;
    height:434px;
    float:left;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    padding:42px 22px;
    margin-left:40px;
    -webkit-transition-duration: 0.2s; /* Safari */    
    transition-duration: 0.2s;
    border-radius: 6px;
}
.solutWrap1 ul li:hover{
    transform: translateY(-8px)
  }
.solutWrap1 ul li:first-child{
    margin-left:0;
}
.solutWrap1 ul li .solutWrapIcon{
    width:60px;
    height:60px;
    margin:0 auto;
    display:block;
}
.solutWrap1 ul li .solutWrapIcon img{
  width:100%;
  height:auto !important;
}
.solutWrap1 ul li span{
    width:15px;
    height:15px;
    display:block;
}
.solutWrap1 ul li h3{
    margin-top:28px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    color: #000000;
    text-align:center;
}
.solutWrap1 ul li p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: rgba(48, 49, 51, 1);
    margin-top:16px;
    position:relative;
    margin-left:27px;
}
.solutWrap1 ul li p::after{
    position: absolute;
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    left:-15px;
    margin:auto;
    top: 11px;
    border-radius: 50%;
    background: #303133;
}
.solutWrap2{
    background: #F8F9FB;
    padding:64px 0 19px 0;
}
.solutWrap2 .centerBg{
    width:1043px;
    margin:0 auto;
}
.solutWrap2 .wrap2Scheme{
    margin-top:49px;
    position:relative;
}
.solutWrap2 .wrap2Scheme .solutWrap2Bg{
    width:100%;
    height:auto !important;
    
}
.solutWrap2 .wrap2Scheme .schemeContent{
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
.schemeContent li{
    float:left;
}
.schemeContent li.leftLi{
    width:625px;
    padding: 41px 49px 0 133px;
}
.schemeContent li.rightLi{
    width:340px;
    margin-left:30px;
    padding: 41px 0 0 50px;
}
.schemeContent li.rightLi .commonDiv1{
  width: 290px;
  height: 124px;
  margin-top: 18px;
  padding: 36px 20px 15px 55px;
}
.schemeContent li.rightLi .topVal {
  margin-top: 45px;
}
.schemeContent li.rightLi .commonDiv1 .p1{
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #FFFFFF;
  position:relative;
}
.schemeContent li.rightLi .commonDiv1 .p2{
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 22px;
  color: #FFFFFF;
  margin-top:5px;
}
.schemeContent .top h3,.schemeContent .bottom h3,.schemeContent li.rightLi h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    color: #606266;
    margin-top: 37px;
}
.schemeContent .top .commonDiv1,.schemeContent .bottom .commonDiv2{
  width: 441px;
  height: 93px;
  margin-top:18px;
  padding: 15px 55px;
}
.schemeContent .top .commonDiv2,.schemeContent .bottom .commonDiv1{
  margin-top: 7px;
}
.schemeContent .top .commonDiv2 div,.schemeContent .bottom .commonDiv1 div{
  float:left;
}
.schemeContent .bottom .commonDiv1{
  margin-top:19px !important;
}
.schemeContent .top .commonDiv2 .div2left,.schemeContent .bottom .commonDiv1 .div2left{
  width: 218px;
  height: 92px;
  padding: 15px 55px;
} 
.schemeContent .top .commonDiv2 .div2right,.schemeContent .bottom .commonDiv1 .div2right{
  width: 218px;
  height: 92px;
  margin-left:6px;
  padding: 15px 55px;
} 
.schemeContent .top .commonDiv1 .p1,.schemeContent .top .commonDiv2 .p1,.schemeContent .bottom .commonDiv1 .p1,.schemeContent .bottom .commonDiv2 .p1{
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #FFFFFF;
  position:relative;
}
.schemeContent .top .commonDiv1 .p2,.schemeContent .top .commonDiv2 .p2,.schemeContent .bottom .commonDiv1 .p2,.schemeContent .bottom .commonDiv2 .p2{
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  line-height: 22px;
  color: #FFFFFF;
  margin-top:5px;
}
.schemeContent .top .commonDiv1 .p1 img,
.schemeContent .top .commonDiv2 .p1 img,
.schemeContent .bottom .commonDiv1 .p1 img,
.schemeContent .bottom .commonDiv2 .p1 img{
  width:32px;
  height:32px;
  position:absolute;
  top:-5px;
  left:-34px;
}
.schemeContent li.rightLi .commonDiv1 .p1 img{
  width:32px;
  height:32px;
  position:absolute;
  top:-5px;
  left:-34px;
}
.solutWrap3{
    background: #fff;
    padding:64px 0 111px 0;
}
.solutWrap3 .centerBg{
    width:1180px;
    margin:0 auto;
}
.solutWrap3 .centerBg .solutWrap3Content{
    padding:39.19px 47.5px;
    box-shadow: 0px 0px 31px 0px rgba(0, 0, 0, 0.06);
    margin-top:40px;
    border-radius: 8px;
}
.solutWrap3 .centerBg .solutWrap3Content .leftContent{
    width: 552px;
    /* height: 381.62px; */
    float:left;
}
.solutWrap3 .centerBg .solutWrap3Content .leftContent img{
    width:100%;
    height:auto !important;
}
.solutWrap3 .centerBg .solutWrap3Content .rightContent{
    width:485px;
    margin-left:48px;
    float:left;
}
.solutWrap3 .centerBg .solutWrap3Content .rightContent h3{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 36px;
    color: #000000;
    margin:62.19px 0 26px 0;
}
.solutWrap3 .centerBg .solutWrap3Content .rightContent p{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: rgba(51, 51, 51, 1);
}
.solutWrap3 .centerBg .solutWrap3Content .rightContent p::after{
    position: absolute;
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    left:-15px;
    margin:auto;
    top: 11px;
    border-radius: 50%;
    background: #303133;
}
.solutWrap4{
    background: #F8F9FB;
    padding:60px 0 101px 0; 
}
.solutWrap4 .centerBg{
    max-width:1180px;
    margin:0 auto;
}
.wrap4SuccessList{
    margin-top:54px;
}
.wrap4SuccessList .top ul li{
    width: 204px;
    /* height: 80px; */
    float:left;
    margin-left:40px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    cursor:pointer;
    overflow: hidden;
    border-radius: 8px;;
}
.wrap4SuccessList .top ul li:hover{
border: 1px solid rgba(72, 119, 240, 1);
border-radius: 8px;
}
.wrap4SuccessList .top ul li img{
width:100%;
height:auto !important;
}
.wrap4SuccessList .top ul li:first-child{
margin-left:0;
}

.solutWrap4 .centerBg .solutWrap4Content{
    /* padding:44.5px 58px; */
    box-shadow: 0px 0px 31px 0px rgba(0, 0, 0, 0.06);
    margin-top:46px;
    background: #fff;
    border-radius: 8px;
  }
  .solutWrap4 .centerBg .solutWrap4Content .leftContent{
    width: 520px;
    height: 370px;
    line-height: 370px;
    float:left;
    text-align:center;
  }
  .solutWrap4 .centerBg .solutWrap4Content .leftContent img{
    width:50%;
    height:auto !important;
    vertical-align: middle;
  }
  .solutWrap4 .centerBg .solutWrap4Content .rightContent{
    width:660px;
    float:left;
    display:block;
    padding:44.5px 58px 0 100px;
  }
  .solutWrap4 .centerBg .solutWrap4Content .rightContent h4{
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
    text-align:left;
  }
  .solutWrap4 .centerBg .solutWrap4Content .rightContent .intro{
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #909399;
    margin-top:16px;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;					
  -webkit-box-orient: vertical;
  }
  .solutWrap4 .centerBg .solutWrap4Content .rightContent ul{
    position: relative;
    /* width:327px; */
    margin-top:86px;
  }
  .solutWrap4 .centerBg .solutWrap4Content .rightContent ul::after{
    position: absolute;
    display: inline-block;
    content: "";
    width: 24px;
    height: 6px;
    left:0;
    margin:auto;
    top: -40px;
    background: #4877F0;
  
  }
  .solutWrap4 .centerBg .solutWrap4Content .rightContent ul li{
    float:left;
    margin-left:40px;
  }
  .solutWrap4 .centerBg .solutWrap4Content .rightContent ul li:first-child{
    margin-left:0;
  }
  .solutWrap4 .centerBg .solutWrap4Content .rightContent ul li .sum{
    font-family: cursive;
    font-style: normal;
    font-weight: 500;
    font-size: 51px;
    line-height: 51px;
    color: #303133;
  }
  .solutWrap4 .centerBg .solutWrap4Content .rightContent ul li .commonIcon{
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #909399;
  }
  .solutWrap4 .centerBg .solutWrap4Content .rightContent ul li .detail{
    font-family: 'Noto Sans SC';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color:#909399;
    margin-top:12px;
  }

  @media screen and (max-width: 1180px) {
    .solutionBanner .solutionBannerRight{
      width: 590px;
    }
    .solutionBanner .introMsg{
      top:18%;
      width:45%;
    }
    .solutionBanner .centerBg{
      width:92%;
    }
    .solutionBanner .introMsg h1{
      font-size:28px;
    }
    .solutionBanner .introMsg p{
      font-size:15px;
      margin-top: 1%;
    }
    .solutionBanner a{
      width:28%;
      height:44px;
      line-height:44px;
      font-size:14px;
      margin-top: 16px;
    }
    .solutWrap1 .centerBg{
      width:92%;
    }
    .solutWrap1 ul li{
      width:22%;
      margin-left:2%;
      padding:2%;
    }
    .solutWrap1 ul li h3{
      font-size: 18px;
    }
    .solutWrap1 ul li p{
      font-size:13px;
    }
    .solutWrap2 .centerBg{
      width:92%;
    }
    .solutWrap1{  
      padding:4% 0 5% 0;
    }
    .solutWrap2 .wrap2Scheme .solutWrap2Bg{
      width:960px;
      margin:0 auto;
    }
    .schemeContent li.leftLi{
      width:578px;
    }
    .schemeContent li.rightLi{
      width:300px;
      padding: 41px 0 0 42px;
    }
    .schemeContent li.rightLi .commonDiv1{
      width: 259px;
      height: 104px;
      padding: 19px 20px 15px 45px;
    }
    .schemeContent .top .commonDiv1, .schemeContent .bottom .commonDiv2{
      width: 395px;
      height: 84px;
      margin-top: 6px;
      padding: 15px 55px;
    }
    .schemeContent li.leftLi{
      padding: 41px 49px 0 123px;
    }
    .schemeContent .top .commonDiv2 .div2left, .schemeContent .bottom .commonDiv1 .div2left{
      width:200px;
      height: 84px;
      padding: 15px 10px 16px 55px;
    }
    .schemeContent .top .commonDiv2, .schemeContent .bottom .commonDiv1{
      margin-top: 8px;
    }
    .schemeContent .top .commonDiv2 .div2right, .schemeContent .bottom .commonDiv1 .div2right{
      width:200px;
      height: 84px;
      padding: 15px 10px 16px 55px;
    }
    .schemeContent li.rightLi .topVal{
      margin-top:50px;
    }
    .solutWrap2{
      padding: 3% 0 19px 0;
    }
    .solutWrap2 .wrap2Scheme{
      margin-top: 25px;
    }
    .solutWrap3 .centerBg{
      width:92%;
    }
    .solutWrap3 .centerBg .solutWrap3Content .leftContent{
      width:47%;
    }
    .solutWrap3 .centerBg .solutWrap3Content .rightContent{
      width:47%;
    }
    .solutWrap3{
      padding: 3% 0 19px 0;
    }
    .solutWrap3 .centerBg .solutWrap3Content{
      padding: 3%;
      margin-top: 3%;
    }
    .solutWrap3List .top ul{
      width:92%;
    }
    .solutWrap3List{
      width:92%;
      margin:0 auto;
    }
    .solutWrap3List .top ul li{
      width:25%;
    }
    .solutWrap3 .centerBg .solutWrap3Content .rightContent h3{
      margin: 4% 0 2.5% 0;
      font-size:23px;
    }
    .solutWrap4 .centerBg{
      width:92%;
    }
    .wrap4SuccessList .top ul li{
      width:18%;
      margin:0 1% !important;
    }
    .solutWrap4 .centerBg .solutWrap4Content .leftContent{
      width:40%;
    }
    .solutWrap4 .centerBg .solutWrap4Content .rightContent{
      width:50%;
    }
    .solutWrap4 .centerBg .solutWrap4Content .leftContent img{
      width: 58%;
    }
  }
  @media screen and (max-width: 1050px) {
    .solutWrap1 ul li{
      width:48%;
      margin:1% !important;
    }
    .solutWrap2 .wrap2Scheme .solutWrap2Bg{
      width:650px;
    }
    .schemeContent li.leftLi{
      padding: 41px 0 0 86px;
      width: 357px;
    }
    .schemeContent li.rightLi{
      width: 233px;
    }
    .schemeContent .top h3, .schemeContent .bottom h3, .schemeContent li.rightLi h3{
      font-size:15px;
      margin-top: 2px;
    }
    .schemeContent .top .commonDiv1, .schemeContent .bottom .commonDiv2{
      width: 273px;
      height:60px;
      padding: 8px 39px;
    }
    .schemeContent .top .commonDiv2 .div2left, .schemeContent .bottom .commonDiv1 .div2left{
      width: 132px;
      height: 54px;
      padding: 5px 0 0 38px;
    }
    .schemeContent .top .commonDiv1 .p1, .schemeContent .top .commonDiv2 .p1, .schemeContent .bottom .commonDiv1 .p1, .schemeContent .bottom .commonDiv2 .p1{
      font-size:15px;
    }
    .schemeContent .top .commonDiv1 .p2, .schemeContent .top .commonDiv2 .p2, .schemeContent .bottom .commonDiv1 .p2, .schemeContent .bottom .commonDiv2 .p2{
      font-size:14px;
      margin-top:0;
    }
    .schemeContent .top .commonDiv2 .div2right, .schemeContent .bottom .commonDiv1 .div2right{
      width: 132px;
      height: 54px;
      padding: 5px 0 0 38px;
    }
    .schemeContent .bottom .commonDiv1{
      margin-top:27px;
    }
    .schemeContent .top .commonDiv1 .p1 img, .schemeContent .top .commonDiv2 .p1 img, .schemeContent .bottom .commonDiv1 .p1 img, .schemeContent .bottom .commonDiv2 .p1 img{
      width:25px;
      height:25px;
    }
    .schemeContent .top .commonDiv1 .p1 img, .schemeContent .top .commonDiv2 .p1 img, .schemeContent .bottom .commonDiv1 .p1 img, .schemeContent .bottom .commonDiv2 .p1 img{
      top:7px;
    }
    .schemeContent li.rightLi .commonDiv1 .p1 img{
      width:25px;
      height:25px;
    }
    .schemeContent li.rightLi .commonDiv1 {
      width: 191px;
      height: 87px;
      padding: 9px 11px 9px 49px;
    }
    .schemeContent li.rightLi .commonDiv1 {
      margin-top: 16px;
    }
    .schemeContent li.rightLi .commonDiv1 .p1{
      font-size:15px;
    }
    .schemeContent li.rightLi .commonDiv1 .p1 img{
      top:0;
    }
    .solutWrap2 .centerBg{
      width:64%;
    }
  }
  @media screen and (max-width: 1050px) {
    .solutWrap3 .centerBg .solutWrap3Content .rightContent{
      margin-left:2%;
    }
  }
  @media screen and (max-width: 900px) {
    .solutionBanner .introMsg{
      top:13%;
      width:92%;
      text-align:center;
    }
    .solutionBanner a{
      margin: 16px auto 0;
    }
    .solutionBanner .solutionBannerRight{
      top: 40%;
      left: 0;
      right: 0;
      margin: auto;
      width: 88%;
    }
    .solutionBanner{
      height:100%;
      height:640px;
    }
  }
  @media screen and (max-width: 860px) {
    .solutWrap4 .centerBg .solutWrap4Content .rightContent{
      width:59%;
      padding: 44.5px 58px 0 38px;
    }
    .solutWrap2 .centerBg {
        width: 81%;
    }
    .solutWrap3List .top ul{
      margin: 2% auto 0;
    }
    .solutionBanner .introMsg h1 {
      font-size: 28px;
      line-height: 37px;
    }
    .solutionBanner a {
      width: 22%;
      height: 38px;
      line-height: 38px;
      font-size: 11px;
      margin-top: 6px;
    }
  }