*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;  
}
a{
  text-decoration: none;
}
li{
  list-style: none;
}
/* 头部1 */
.topnavbar1Wrap{
  width: 100%;
  height: 35px;
  line-height: 35px;
  background-color: #2b2b2b;
}
.topnavbar1{
  width: 62.5%;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  overflow: hidden;
}
.topnavbar1Left{
  float: left;
}
.topnavbar1Left div{
  float: left;
  margin-right: 20px;
}
.topnavbar1Left div:nth-child(1){
  color: #eeeeee;

}
.topnavbar1Left div:nth-child(2) a{
  color: #eeeeee;
  padding: 0 3px;
}
.topnavbar1Left div:nth-child(3){
  color: #eeeeee;
  background: url('../images/topnavbar1_tel.jpg') no-repeat left center;
  padding-left: 30px;
}
.topnavbar1Left div:nth-child(4){
  color: #eeeeee;
  padding-left: 20px;
}
.topnavbar1Right{
  float: right;
}
.topnavbar1Right :nth-child(11) a{
  color:#2483df ;
}
.topnavbar1Right li{
  float: left;
}
.topnavbar1Right li a{
  float: left;
  color: #eeeeee;
  padding: 0 5px;
}

/* 头部2 */
.topnavbar2Wrap{
  width: 100%;
  height: 89px;
  line-height: 89px;
  background-color: #ffffff;
}
.topnavbar2{
  width: 62.5%;
  height: 89px;
  line-height: 89px;
  margin: 0 auto;
  overflow: hidden;
}
.topnavbar2Left{
  float: left;
  padding-top: 20px;
}
.topnavbar2Right{
  float: right;
}
.topnavbar2Right li{
  float: left;
  padding: 0 20px;
}
.topnavbar2Right li a{
  color: #000000; 
  font-weight: 400;
  font-size: 16px;
}
.topnavbar2Right li:nth-child(2){
  background: url('../images/xiajian.jpg') center right no-repeat;
}
.topnavbar2Right li:nth-child(3),.topnavbar2Right li:nth-child(4),.topnavbar2Right li:nth-child(5){
  background: url('../images/xiajian.jpg') center right no-repeat,url('../images/hot.jpg') no-repeat  55px 19px
}
/* 头部2下 */
.lbWrap{
  width: 100%;
  height: 530px !important;
  background-color: #ffffff;
  background: url('../images/lb_1.jpg') no-repeat;
  background-size: 100% 100%;
}
.lbWrap .lb{
  width: 62.5%;
  height: 530px;
  margin: 0 auto;
}
.lbWrap .lb div{
  padding:153px 0 53px 0; ;
  color: #ffffff;
  font-size: 48px;
}
.lbWrap .lb div strong{
  color: #fa5e34;
  font-size: 58px;
}
.lbWrap .lb p{
 
  line-height: 50px;
  color: #ffffff;
  font-size: 32px;
}

/* 什么是刷脸支付？11111 */
.content1Wrap{
  width: 100%;
  height: 455px;
  background-color: #ffffff;
}
.content1{
  width: 62.5%;
  height: 455px;
  margin: 0 auto;
}
.content1 .img{
  height: 100%;
  float: left;
  width: 37%;
}

.content1 .content1InfoWrap{
  height: 455px;
  float: left;
  width: 60%;
}
.content1 .content1InfoWrap .title{
  margin-top: 100px;
  font-size: 26px;
}
.content1 .content1InfoWrap .info{
  margin-top: 30px;
  line-height: 30px;
  font-size: 16px;
}


/* 为什么要刷脸支付？2222 */
.content2Wrap{
  width: 100%;
  height: 546px;
  background-color: #f8f8f8;
}
.content2{
  width: 62.5%;
  height: 546px;
  margin: 0 auto;
}
.content2Titie{
  font-size: 36px;
  text-align: center;
  height: 158px;
  line-height: 158px;
  text-align: center;
}
.content2 .lis{
  display: flex;
  flex: row;
  justify-content: space-between;
}
.content2 .lis li{
  background-color: #fff;
  width: 279px;
  height: 321px;
}
.content2 .lis li img{
  width: 279px;
  height: 185px;
}
.content2 .lis li .title{
  padding: 0 14px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #43a3f0;
}
.content2 .lis li .info{
  padding: 0 14px;
  font-size: 14px;
  color: #333333;
  left: 24px;
}

/* 刷脸支付的特性333 */
.content3Wrap{
  width: 100%;
  height: 338px;
  background-color: #ffffff;
}
.content3{
  width: 62.5%;
  height: 438px;
  margin: 0 auto;
}
.content3Title{
  height: 183px;
  line-height: 183px;
  text-align: center;
  font-size: 36px;
}
.content3 .lis{
  display: flex;
  flex: row;
  justify-content: space-between;
}
.content3 .lis li{
  text-align: center;
  width: 311px;
  height: 184px;
}
.content3 .lis li img{

}
.content3 .lis li .title{
  font-weight: bold;
  height: 53px;
  line-height: 53px;
  color: #333333;
  font-size: 18px;
}
.content3 .lis li .info{
  text-align: left;
  height: 22px;
  line-height: 22px;
  color: #666666;
  font-size: 14px;
}

/* 刷脸支付流程444 */
.content4Wrap{
  width: 100%;
  height: 718px;
  background-color: #ffffff;
}
.content4{
  width: 62.5%;
  height: 718px; 
  margin: 0 auto;
}
.content4Title{
  padding-top: 155px;
  height: 212px;
  text-align: center;
  font-size: 36px;
}
.content4 p.lead{
  font-size: 14px;
  text-align: center;
  color: #999;
  line-height: 24px;
}
.content4 .lis{
  margin-top: 50px;
  display: flex;
  flex: row;
  justify-content: space-between;
}
.content4 .lis li:nth-child(1),.content4 .lis li:nth-child(3),.content4 .lis li:nth-child(5),.content4 .lis li:nth-child(7){
  width: 188px;
  height: 424px;
}
.content4 .lis li:nth-child(2),.content4 .lis li:nth-child(4),.content4 .lis li:nth-child(6){
  width: 36px;
  height: 424px;
  line-height: 350px;
  position: relative;
  top: 300%;
}
.content4 .lis p{
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height: 50px;
}

/* 多种支付解决方案,满足不同商家需求555 */
.content5Wrap{
  width: 100%;
  height: 460px;
  background-color: #ffffff;
  background: url('../images/content5_bg.jpg') no-repeat;
  background-size: 100% 100%;
}
.content5{
  width: 62.5%;
  height: 460px;
  margin: 0 auto;
}
.content5Title{
  height: 217px;
  line-height: 217px;
  text-align: center;
  font-size: 36px;
  color: #fff;
}
.content5 .lis{
  display: flex;
  flex: row;
  justify-content: space-between;
}
.content5 .lis li{
  text-align: center;
  width: 137px;
  height: 167px;

}
.content5 .lis li p{
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;

}
.content5 .lis li div{
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  text-align: left;
}


/* 刷脸支付的优势——用全新的刷脸支付抓住趋势666 */
.content6Wrap{
  width: 100%;
  height: 858px;
  background-color: #ffffff;
}
.content6{
  width: 62.5%;
  height: 858px;
  margin: 0 auto;
}
.content6Title{
  margin-top: 71px;
  height: 91px;
  line-height:91px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}
.content6Lead{
  text-align: center;
  font-size: 14px;
  color: #999;
  margin-bottom: 34px;
}
.content6 .lis{
  float: left;
  width: 100%;
  height: 504px;

}
.content6 .lis>li{
  float: left;
  height: 504px;
}
.content6 .lis>li:nth-child(1){
  width: 26%;
}
.content6 .lis>li:nth-child(1) ol.content6LeftOl li{
  height: 70px;
  margin-top: 50px;
}
.content6 .lis>li:nth-child(1) ol.content6LeftOl li p{
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  float: right;
}
.content6 .lis>li:nth-child(1) ol.content6LeftOl li div{
  font-size: 14px;
  color: #666666;
  float: left;
}
.content6 .lis>li:nth-child(2){
  width: 47%;
}
.content6 .lis>li:nth-child(2) img{
  width: 100%;
  height: 100%;
}
.content6 .lis>li:nth-child(3){
  width: 26%;
}
.content6 .lis>li:nth-child(3) ol.content6RightOl li{
  height: 70px;
  margin-top: 50px;
}
.content6 .lis>li:nth-child(3) ol.content6RightOl li p{
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  float: left;
}
.content6 .lis>li:nth-child(3) ol.content6RightOl li div{
  font-size: 14px;
  color: #666666;
  float: left;
}

/* 多盈利模式，加速商业化进程厂777 */
.content7Wrap{
  width: 100%;
  height: 450px;
  background-color: #f8f8f8;
}
.content7{
  width: 62.5%;
  height: 450px;
  margin: 0 auto;
}
.content7Title{
  height: 131px;
  line-height: 131px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #333;
}
.content7 .lis{
  display: flex;
  flex: row;
  justify-content: space-between;
}
.content7 .lis li{
  border-radius: 5px;
  background-color: #fff;
  padding: 36px 70px;
  text-align: center;
  width: 270px;
  height:270px;
}
.content7 .lis li p{
  height: 65px;
  line-height: 65px;
  color: #333;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}

.content7 .lis li div{
  text-align: center;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}

/* 刷脸支付 — 开启智付模式888 */
.content8Wrap{
  width: 100%;
  height: 541px;
  background-color: #ffffff;
}
.content8{
  width: 62.5%;
  height: 541px;
  margin: 0 auto;
}
.content8Title{
  height: 202px;
  line-height: 202px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #333;
}
.content8 .lis{
  display: flex;
  flex: row;
  justify-content: space-between;
}
.content8 .lis li{
  
  background-size: 45px 45px;
  border-radius: 5px;
  background-color: #fff;
  padding:20px;
  text-align: center;
  width: 275px;
  height:270px;
  box-shadow: 0 0 5px 2px #f1f1f1;
}
.content8 .lis li:nth-child(1){
  background: url('../images/content8_1.jpg') 209px 15px no-repeat
}
.content8 .lis li:nth-child(2){
  background: url('../images/content8_2.jpg') 209px 15px no-repeat
}
.content8 .lis li:nth-child(3){
  background: url('../images/content8_3.jpg') 209px 15px no-repeat
}
.content8 .lis li:nth-child(4){
  background: url('../images/content8_4.jpg') 209px 15px no-repeat
}
.content8 .lis li p{
  margin-top: 25px;
  height: 75px;
  line-height: 75px;
  color: #333;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
}
.content8 .lis li div{
  text-align: left;
  font-size: 18px;
  color: #666;
  line-height: 24px;
}
/* 适用商户999 */
.content9Wrap{
  width: 100%;
  height: 445px;
  background-color:#f8f8f8;
}
.content9{
  width: 62.5%;
  height: 445px;
  margin: 0 auto;
}
.content9Title{
  height: 120px;
  line-height: 120px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #333;
}
.content9 .lis1{
  padding-top: 30px;
  background-color: #fff;
  display: flex;
  flex: row;
  justify-content: space-between;
}
.content9 .lis1 li{
  text-align: center;
  width: 196px;
  height:109px;
}
.content9 .lis1 li p{
  height: 35px;
  line-height: 35px;
  color: #333;
  text-align: center;
  font-size: 22px;
} 
.content9 .lis2{
  padding-top: 30px;
  background-color: #fff;
  display: flex;
  flex: row;
  justify-content: space-between;
}
.content9 .lis2 li{
  text-align: center;
  width: 196px;
  height:109px;
}
.content9 .lis2 li p{
  height: 35px;
  line-height: 35px;
  color: #333;
  text-align: center;
  font-size: 22px;
}