.home {
  background-color: #f5f5f5;
}
.home .topbgc {
  width: 100%;
  height: 500px;
  background: url("sbzc_banner.png")/*tpa=img/sbzc_banner.png*/ no-repeat;
  background-size: cover;
  text-align: center;
  color: #FEFFFE;
}
.home .topbgc .topbgcBox {
  width: 1250px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.home .topbgc .bgcTitle {
  position: absolute;
  top: 137px;
  width: 100%;
  font-size: 60px;
}
.home .topbgc .bgcTitle2 {
  position: absolute;
  top: 241px;
  width: 100%;
  font-size: 30px;
}
.home .topbgc .bgcInput {
  position: absolute;
  top: 343px;
  left: 187px;
  width: 720px;
  height: 60px;
  background: #FFFFFF;
  border-radius: 4px;
  font-size: 18px;
  text-indent: 36px;
}
.home .topbgc .search {
  position: absolute;
  width: 120px;
  height: 60px;
  top: 343px;
  left: 930px;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  color: #FFFFFF;
  background: #2468F2;
  border-radius: 4px;
}
.home .topbgc .search:hover {
  box-shadow: 5px 7px 15px 5px rgba(36, 104, 242, 0.5);
  cursor: pointer;
}
.home .content {
  width: 100%;
  height: 730px;
  background-color: #fff;
  position: relative;
}
.home .content .contentBox {
  width: 1250px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.home .content .contentBox ul {
  position: absolute;
  top: 174px;
}
.home .content .contentBox ul li {
  position: relative;
  width: 120px;
  height: 114px;
  margin: 0 130px 50px 70px;
  float: left;
  border-radius: 10px;
}
.home .content .contentBox ul li img {
  position: absolute;
  left: 23px;
  width: 80px;
  height: 80px;
}
.home .content .contentBox ul li span {
  position: absolute;
  top: 90px;
  width: 100%;
  text-align: center;
  font-size: 18px;
}
.home .content .contentBox ul li .dianji {
  display: none;
}
.home .content .contentBox ul li:nth-child(4),
.home .content .contentBox ul li:nth-child(8),
.home .content .contentBox ul li:nth-child(12) {
  margin-right: 0;
}
.home .content .contentBox ul li:hover {
  width: 115px;
  height: 114px;
  box-shadow: 0 0 14px 0 #00000034;
  border-radius: 50%;
  background: linear-gradient(to top left, #7806fa 0%, #2261d6 50%, #7806fa 100%);
}
.home .content .contentBox ul li:hover img {
  display: none;
}
.home .content .contentBox ul li:hover span {
  top: 25px;
  font-size: 14px;
  color: #fff;
}
.home .content .contentBox ul li:hover .dianji {
  display: block;
  width: 70%;
  text-align: center;
  background: linear-gradient(to left, #06a0fa 0%, #0647fa 100%);
  box-shadow: 0 0 6px 0 #0765d134;
  border-radius: 14px;
  margin: 60px auto 0;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}
.home .content .contentTitle {
  position: absolute;
  top: 80px;
  width: 100%;
  text-align: center;
  font-size: 34px;
  color: #252525;
}
.home .materialBox {
  width: 100%;
  height: 600px;
  background: url("sbzc_bj.png")/*tpa=img/sbzc_bj.png*/ no-repeat;
  background-size: cover;
}
.home .materialBox .materialBigBox {
  width: 1250px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.home .materialBox .material {
  position: absolute;
  top: 80px;
  width: 100%;
  font-size: 34px;
  color: #FFFFFF;
  text-align: center;
}
.home .materialBox .bg1 {
  position: absolute;
  top: 194px;
  left: 206px;
  width: 219px;
  height: 50px;
  opacity: 0.2;
  background-color: #fff;
  border-radius: 25px;
}
.home .materialBox .bg3 {
  position: absolute;
  top: 194px;
  left: 206px;
  width: 219px;
  height: 50px;
}
.home .materialBox .bg3 img {
  position: absolute;
  top: 14px;
  left: 55px;
  width: 20px;
  height: 20px;
}
.home .materialBox .bg3 span {
  position: absolute;
  left: 85px;
  top: 11px;
  color: #FFFFFF;
  font-size: 20px;
}
.home .materialBox .bg2 {
  left: 800px;
}
.home .materialBox .bg4 {
  position: absolute;
  top: 304px;
  left: 25px;
  width: 570px;
  height: 200px;
  background-color: #fff;
  border-radius: 10px;
}
.home .materialBox .bg4 .bg4Img {
  position: absolute;
  top: 57px;
  left: 70px;
  width: 56px;
  height: 72px;
}
.home .materialBox .bg4 .bg4Img1 {
  left: 233px;
}
.home .materialBox .bg4 .bg4Img2 {
  left: 420px;
}
.home .materialBox .bg4 .bgcSpan {
  position: absolute;
  top: 132px;
  left: 50px;
  font-size: 16px;
  color: #222222;
}
.home .materialBox .bg4 .bgcSpan1 {
  left: 213px;
}
.home .materialBox .bg4 .bgcSpan2 {
  left: 376px;
}
.home .materialBox .bg5 {
  position: absolute;
  left: 625px;
}
.home .materialBox .bg5 .bg5Img {
  position: absolute;
  width: 56px;
  height: 72px;
  left: 152px;
  top: 47px;
}
.home .materialBox .bg5 .bg5Img1 {
  left: 339px;
}
.home .materialBox .bg5 .bgc5Span {
  position: absolute;
  top: 132px;
  left: 132px;
  font-size: 16px;
  color: #222222;
}
.home .materialBox .bg5 .bgc5Span1 {
  left: 335px;
}
.home .processBox {
  width: 100%;
  height: 786px;
  background-color: #fff;
}
.home .processBox .processBigBox {
  width: 1250px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.home .processBox .process {
  position: absolute;
  top: 80px;
  font-size: 34px;
  color: #252525;
  text-align: center;
  width: 100%;
}
.home .processBox .processSpan {
  position: absolute;
  top: 174px;
  left: 151px;
  line-height: 27px;
  font-size: 18px;
  text-align: center;
}
.home .processBox .processSpan1 {
  left: 440px;
}
.home .processBox .processSpan2 {
  left: 712px;
}
.home .processBox .processSpan3 {
  left: 1010px;
}
.home .processBox .processSpan4 {
  top: 542px;
  left: 6px;
}
.home .processBox .processSpan5 {
  left: 295px;
}
.home .processBox .processSpan6 {
  left: 576px;
}
.home .processBox .processSpan7 {
  left: 883px;
}
.home .processBox .processSpan8 {
  left: 1161px;
}
.home .processBox .processImg {
  position: absolute;
  top: 248px;
  left: 138px;
  width: 98px;
  height: 98px;
}
.home .processBox .processImg1 {
  left: 427px;
}
.home .processBox .processImg2 {
  left: 717px;
}
.home .processBox .processImg3 {
  left: 1006px;
}
.home .processBox .processImg4 {
  top: 430px;
  left: -7px;
}
.home .processBox .processImg5 {
  left: 282px;
}
.home .processBox .processImg6 {
  left: 572px;
}
.home .processBox .processImg7 {
  left: 861px;
}
.home .processBox .processImg8 {
  left: 1150px;
}
.home .processBox .heng {
  position: absolute;
  top: 386px;
  left: 39px;
  width: 1160px;
  height: 4px;
  background-color: #DFE8FF;
  opacity: 0.4;
}
.home .processBox .dian {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #2468F2;
  top: 382px;
  left: 36px;
  border-radius: 50%;
}
.home .processBox .dian1 {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 379px;
  left: 178px;
  opacity: 0.14;
  background: #2468F2;
  border-radius: 50%;
}
.home .processBox .dian2 {
  left: 322px;
}
.home .processBox .dian3 {
  left: 464px;
}
.home .processBox .dian4 {
  left: 612px;
}
.home .processBox .dian5 {
  left: 757px;
}
.home .processBox .dian6 {
  left: 901px;
}
.home .processBox .dian7 {
  left: 1046px;
}
.home .processBox .nei {
  left: 181px;
}
.home .processBox .nei1 {
  left: 325px;
}
.home .processBox .nei2 {
  left: 470px;
}
.home .processBox .nei3 {
  left: 615px;
}
.home .processBox .nei4 {
  left: 760px;
}
.home .processBox .nei5 {
  left: 904px;
}
.home .processBox .nei6 {
  left: 1049px;
}
.home .processBox .dian8 {
  left: 1193px;
}
.home .processBox .more {
  position: absolute;
  width: 360px;
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #2468F2;
  border-radius: 25px;
  font-size: 18px;
  color: #2468F2;
  text-align: center;
  line-height: 50px;
  top: 676px;
  left: 440px;
  cursor: pointer;
}
.home .processBox .more:hover {
  background-color: #3C78F4;
  color: #FFFFFF;
}
.home .advantageBox {
  width: 100%;
  height: 554px;
}
.home .advantageBox .advantageBigBox {
  width: 1250px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.home .advantageBox .advantage {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 80px;
  font-size: 34px;
  color: #252525;
}
.home .advantageBox .team {
  position: absolute;
  top: 174px;
  left: 25px;
  width: 280px;
  height: 300px;
  background: url("sbzc_lcys1.png")/*tpa=img/sbzc_lcys1.png*/ no-repeat;
  background-size: cover;
}
.home .advantageBox .team .teamImg {
  position: absolute;
  top: 49px;
  left: 24px;
  width: 54px;
  height: 54px;
}
.home .advantageBox .team .teamTitle {
  position: absolute;
  font-size: 20px;
  color: #ffffff;
  top: 66px;
  left: 92px;
}
.home .advantageBox .team .teamImg1 {
  position: absolute;
  top: 125px;
  left: 23px;
  width: 213px;
  height: 16px;
}
.home .advantageBox .team p {
  position: absolute;
  top: 162px;
  left: 24px;
  width: 232px;
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
}
.home .advantageBox .team2 {
  background: url("sbzc_lcys2.png")/*tpa=img/sbzc_lcys2.png*/;
  left: 333px;
}
.home .advantageBox .team2 .team2Img {
  top: 49px;
  left: 20px;
  width: 59px;
  height: 54px;
}
.home .advantageBox .team3 {
  background: url("sbzc_lcys3.png")/*tpa=img/sbzc_lcys3.png*/;
  left: 639px;
}
.home .advantageBox .team4 {
  background: url("sbzc_lcys4.png")/*tpa=img/sbzc_lcys4.png*/;
  left: 946px;
}
.home .mask {
  position: fixed;
  display: none;
  top: 0;
  width: 100vw;
  height: 105vh;
  opacity: 0.5;
  background: #000000;
}
.home .popup {
  position: fixed;
  display: none;
  top: 50vh;
  left: 50vw;
  margin-left: -400px;
  margin-top: -300px;
  width: 800px;
  height: 600px;
  background-color: #fff;
}
.home .popup i {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 18px;
  cursor: pointer;
}
.home .popup img {
  position: absolute;
  top: 60px;
  left: 52px;
  width: 698px;
  height: 72px;
}
.home .popup .free {
  position: absolute;
  top: 157px;
  font-size: 30px;
  text-align: center;
  color: #377cf3;
  width: 100%;
}
.home .popup .popupSpan {
  position: absolute;
  top: 247px;
  font-weight: 500;
  left: 50px;
  font-size: 18px;
  color: #666666;
}
.home .popup .popupSpan1 {
  top: 337px;
}
.home .popup .popupSpan3 {
  position: absolute;
  top: 337px;
  left: 122px;
  font-size: 18px;
  color: #f84241;
}
.home .popup .popupSpan4 {
  position: absolute;
  top: 427px;
  left: 108px;
  font-size: 18px;
  color: #f84241;
}
.home .popup .Tcode {
  position: absolute;
  top: 427px;
  font-weight: 500;
  left: 50px;
  font-size: 18px;
  color: #666666;
}
.home .popup .name {
  position: absolute;
  top: 226px;
  left: 142px;
  width: 608px;
  height: 60px;
  font-size: 18px;
  text-indent: 36px;
  color: #000;
  border: 2px solid #ebedf5;
}
.home .popup .phone {
  top: 316px;
}
.home .popup .code {
  top: 407px;
}
.home .popup .popupSearch {
  position: absolute;
  top: 496px;
  left: 142px;
  width: 608px;
  height: 60px;
  background-color: #377cf6;
  color: #ffffff;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
}
.home .popup .popupSearch:hover {
  box-shadow: 5px 7px 15px 5px rgba(36, 104, 242, 0.5);
  cursor: pointer;
}