body {
  padding: 0;
  margin: 0;
  /* padding-bottom: 10px; */
  font-family: "PingFang SC", "Helvetica Neue", "Microsoft YaHei";
  /*opacity        : .1*/
}

p {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  display: block;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
.headerItem{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 15px 0;
  background-color: #F5F9FC;
  z-index: 10;
}
.headerLine{
  height: 100%;
  width: 1200px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.logo,.logo img{
  width: 192px;
  height: 50px;
}
.headerMenu{
  margin-left: 64px;
  display: flex;
  align-items: center;
}
.headerList{
  color: #9497A1;
  margin-right: 80px;
  cursor: pointer;
  position: relative;
  
}
.headerList:hover,
.currentMenu{
  color: #185CFF;
  font-weight: bold;
}
.currentLine{
  width: 27px;
  height: 2px;
  background-color: #185CFF;
  border-radius: 2px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -14px;
}
.topItem{
  padding-top: 80px;
  background-color: #F5F9FC;
}
.topCenter{
  width: 1200px;
  margin: 0 auto;
  height: 345px;
  padding: 80px 0 46px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topRight,.topRight img{
  width: 587px;
  height: 345px;
  display: block;
}
.topLeft{
  width: 588px;
  margin-top: -10px;
}
.cashpay{
  font-size: 40px;
  font-weight: bold;
  color: #292D33;
  position: relative;
}
.cashpayLine{
  width: 123px;
  height: 30px;
  position: absolute;
  background: linear-gradient(90deg, #FF9F18 0%, rgba(255,159,24,0) 100%);
opacity: 0.28;
margin-top: 12px;
}
.cashpayInfo{
  position: relative;
  z-index: 2;
  margin-left: 30px;
}
.topTitle{
  font-weight: bold;
  font-size: 28px;
  color: #185CFF;
  line-height: 56px;
}
.topInfo{
  font-size: 14px;
  color: #9497A1;
  margin-top: 40px;
  width: 567px;
}
.titleLeft,.titleRight,.titleLeft img ,.titleRight img{
  width: 22px;
  height: 21px;
  display: block;
}
.contentTitle{
  display: flex;
  align-items: center;
  justify-content: center;
}
.contentTitleInfo{
  font-size: 30px;
  font-weight: bold;
  color: #292D33;
  margin: 0 30px;
}
.content{
  padding: 100px 0;
}
.contentItem{
  width: 1200px;
  margin: 0 auto;
}
.contentItem1{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 35px;
}
.serviceLeft{
  width: 590px;
}
.serviceRight,.serviceRight img{
  width: 563px;
  height: 433px;
  display: block;
}
.serviceRight1,.serviceRight1 img{
  width: 530px;
  height: 420px;
  display: block;
}
.serviceList{
  height: 108px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.serviceList:hover{
  background-color: #F6F9FC;
  border-radius: 6px;
}
.serviceImg{
  width: 47px;
  height: 47px;
  margin: 0 30px 0 33px;
}
.serviceImg img{
  width: 100%;
  height: 100%;
  display: block;
}
.serviceTitle{
  font-weight: bold;
  font-size: 18px;
  color: #292D33;
}
.serviceInfo{
  font-size: 14px;
  margin-top: 10px;
  color: #9497A1;
}
.content2{
  background-color: #F5F9FC;
  padding: 80px 0;
}
.contentItem2{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 60px;
  position: relative;
}
.superiorityLine{
  width: 1200px;
  position: absolute;
  border: 1px dashed #e3e3e3;
  top: 158px;
}
.superiorityList{
  position: relative;
  z-index: 2;
}
.superiorityRound{
  width: 120px;
height: 120px;
background: linear-gradient(180deg, #FFCD35 0%, #FF9F18 100%);
border-radius: 63px;
margin: 20px auto 0 auto;
}
.superiorityRound1{
  background: linear-gradient(180deg, #3595FF 0%, #185CFF 100%);
}
.roundItem{
  width: 108px;
  height: 108px;
  border: 6px solid rgba(255,255,255,0.3);
  border-radius: 63px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.superiorityArrow{
  margin-top: 98px;
  position: relative;
  z-index: 2;
}
.superiorityArrow,.superiorityArrow img{
  width: 13px;
  height: 21px;
  display: block;
}
.oval{
  width: 238px;
  height: 80px;
  background: #FFFFFF;
  box-shadow: 0px 11px 30px 0px rgba(41,73,135,0.14);
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  color: #292D33;
  position: relative;
}
.ovalArrow{
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -20px;
}
.cooperate{
  width: 1258px;
  height: 294px;
  margin: 50px auto 0 auto;
}
.cooperate img{
  width: 100%;
  height: 100%;
  display: block;
}
.operateInfo{
  margin: 26px 0 60px 0;
  text-align: center;
  font-size: 18px;
  color: #292D33;
}
.operateImg{
  width: 1114px;
  height: 635px;
  display: block;
  margin: 0 auto;
}
.connectItem{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1170px;
  margin: 50px auto 0 auto;
}
.connectLeft,.connectLeft img{
  width: 604px;
  height: 362px;
  display: block;
}
.connectRight{
  margin-left: 50px;
}
.connectTitle{
  font-size: 28px;
  font-weight: bold;
  color: #292D33;
}
.connectYellow{
  font-size: 20px;
  color: #FFB118;
}
.connectInfo{
  font-size: 14px;
  width: 515px;
  color: #9497A1;
  margin: 20px 0 55px 0;
}
.connectLine{
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.connectImg,.connectImg img{
  width: 22px;
  height: 23px;
  display: block;
}
.connectLineInfo{
  font-weight: bold;
  color: #292D33;
  margin-left: 15px; 
}
.footerItem{
  margin-top: 100px;
  background-color: #F5F9FC;
  overflow: hidden;
}
.footer{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-top: 48px;
}
.footerInfo{
  margin-bottom: 14px;
  font-size: 14px;
  text-align: center;
  color: #9497A1;
}
.footerTitle{
  color: #292D33;
  font-weight: bold;
  margin-bottom: 40px;
}
.footerName{
  font-size: 14px;
  font-weight: bold;
  color: #9497A1;
  margin-bottom: 40px;
  cursor: pointer;
}
.footerName:hover{
  text-decoration: underline;
}
.addressItem{
  width: 365px;
  height: 157px;
  border-radius: 8px;
  background-color: #fff;
}
.addressLine{
  display: flex;
  margin: 40px 0 0 40px;
}
.addressImg,.addressImg img{
  width: 22px;
  height: 23px;
  display: block;
}
.addressInfo{
  margin-left: 15px;
  color: #292D33;
  font-weight: bold;
}