@charset "UTF-8";
a.blue_btn {
  width: 148px;
  height: 48px;
  background: #135dda;
  border-radius: 5px;
  line-height: 48px;
  padding: 0;
  font-size: 18px;
  text-align: center; }

@media (min-width: 1200px) {
  .banner_text_left1 h1 {
    font-size: 42px; }
  .banner4 div.pc {
    display: flex; }
  .banner4 div.mobile {
    display: none; }
  .solution1 {
    width: 100%;
    height: 100%;
    position: relative; }
  .solution2 {
    width: 569px;
    height: 481px;
    position: relative; }
  .solution3 {
    width: 849px;
    height: 440px;
    position: relative; }
  .solution4 {
    width: 100%;
    height: 100%;
    position: relative; }
  .swiper-container {
    display: none; }
  .finance_banner {
    background: url("/templates/website/res/2020/img/solution_finance/banner1.png") no-repeat center center;
    background-size: cover; }
    .finance_banner .block2 {
      width: 520px; }
  .bgf7 {
    width: 100%;
    height: 756px; } }

.bgfb {
  background: #f7fbff; }

.bgf8 {
  background: #f8f9fb; }

/*------蓝湖-------------`  --------*/
.box1,
.box2 {
  transition: .5s; }

.article span {
  font-weight: lighter;
  font-size: 16px; }

.title_btn:hover {
  box-shadow: 5px 5px 5px #222;
  margin-top: -3px; }

.box5 {
  width: 184px;
  height: 324px; }

.box6 {
  width: 72px;
  height: 72px;
  margin-left: 56px; }

.box8 {
  width: 46px;
  height: 22px;
  margin-top: 36px; }

.info3 {
  width: 530px;
  height: 52px;
  overflow-wrap: break-word;
  color: #c0c2c9;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 26px;
  margin-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.info5 {
  width: 184px;
  height: 40px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 20px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.info6 {
  width: 32px;
  height: 22px;
  overflow-wrap: break-word;
  color: black;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  display: block; }

.info7 {
  width: 184px;
  height: 20px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 8px;
  display: block; }

.info8 {
  width: 32px;
  height: 22px;
  overflow-wrap: break-word;
  color: black;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  display: block; }

.bd1 {
  background-color: #145fdb;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: 8px; }

.layer4 {
  width: 1200px;
  height: 480px;
  margin: 17px auto; }

.layer5 {
  background-color: #145fdb;
  width: 148px;
  height: 48px;
  margin: 10px auto;
  border-radius: 5px;
  transition: .5s;
  position: relative;
  cursor: pointer; }
  .layer5:hover {
    top: -1px;
    box-shadow: 5px 5px 10px #aaa; }

.word9 {
  width: 184px;
  height: 40px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 20px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.word15 {
  width: 32px;
  height: 22px;
  overflow-wrap: break-word;
  color: black;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  display: block; }

.word16 {
  width: 184px;
  height: 20px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 8px;
  display: block; }

.word17 {
  width: 32px;
  height: 22px;
  overflow-wrap: break-word;
  color: black;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  display: block; }

.word18 {
  width: 184px;
  height: 40px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 20px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.word19 {
  width: 64px;
  height: 24px;
  color: white;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  display: block;
  margin: 0 auto; }

.word28 {
  width: 284px;
  height: 48px;
  color: black;
  font-size: 28px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 48px;
  display: block;
  margin: 0 auto;
  margin-top: 80px; }

.block2 {
  height: 48px;
  margin-top: 54px; }

.box7 {
  width: 46px;
  height: 22px;
  margin-top: 44px; }

.group5 {
  background-color: #145fdb;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: 8px; }

.outer10 {
  background-color: white;
  border-radius: 8px;
  height: 460px;
  border: 1px solid #e5eaeb;
  margin-top: 8px;
  padding-top: 53px;
  width: 224px; }

.outer1 {
  height: 400px;
  border: 1px solid #e5eaeb;
  padding-top: 42px;
  width: 224px;
  transition: .5s;
  border-radius: 10px; }
  .outer1:hover {
    box-shadow: 5px 5px 10px #ccc;
    background-image: linear-gradient(#F6F4FA, #FFFDFE);
    margin-top: -5px; }

.mod1 {
  width: 184px;
  height: 100%; }

.main2 {
  width: 72px;
  height: 72px;
  margin-left: 56px; }

.txt4 {
  width: 224px;
  height: 48px;
  color: black;
  font-size: 32px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 48px;
  display: block;
  margin: 32px auto; }

.txt5 {
  width: 100px;
  height: 28px;
  overflow-wrap: break-word;
  color: black;
  font-size: 20px;
  font-family: PingFangSC-Medium;
  text-align: right;
  white-space: nowrap;
  line-height: 28px;
  display: block;
  margin: 24px 0 0 42px; }

.txt6 {
  width: 60px;
  height: 28px;
  overflow-wrap: break-word;
  color: black;
  font-size: 20px;
  font-family: PingFangSC-Medium;
  text-align: right;
  white-space: nowrap;
  line-height: 28px;
  display: block;
  margin: 24px 0 0 62px; }

.txt8 {
  width: 120px;
  height: 28px;
  overflow-wrap: break-word;
  color: black;
  font-size: 20px;
  font-family: PingFangSC-Medium;
  text-align: right;
  white-space: nowrap;
  line-height: 28px;
  display: block;
  margin: 24px 0 0 32px; }

.main3 {
  width: 46px;
  height: 22px;
  margin-top: 44px; }

.wrap2 {
  background-color: #145fdb;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: 8px; }

.main4 {
  width: 46px;
  height: 22px;
  margin-top: 36px; }

.group1 {
  background-color: #145fdb;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: 8px; }

/*banner2****************************/
.layer6 {
  height: 800px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  background: url("/templates/website/res/2020/img/solution_finance/banner2.png") 100% 100% repeat; }

.mod4 {
  width: 1200px;
  height: 632px; }

.word20 {
  height: 48px;
  color: black;
  font-size: 32px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 48px;
  margin: 0 auto;
  margin-top: 80px;
  display: block; }

.bd2 {
  height: 72px;
  margin-top: 12px;
  padding-top: 28px;
  width: 1200px;
  position: relative; }

.block3 {
  width: 1200px;
  height: 44px; }

.section6 {
  width: 508px;
  height: 26px;
  margin-left: 346px; }

.word21 {
  width: 64px;
  height: 26px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  display: block;
  cursor: pointer; }

.txt9 {
  width: 64px;
  height: 26px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  display: block;
  cursor: pointer; }

.word22 {
  width: 64px;
  height: 26px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  display: block;
  cursor: pointer; }

.info14 {
  width: 64px;
  height: 26px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  display: block;
  cursor: pointer; }

.bd3 {
  width: 1178px;
  height: 440px;
  margin-top: 60px; }

.outer11 {
  width: 390px;
  height: 265px;
  margin-top: 80px; }

.info15 {
  width: 168px;
  height: 52px;
  overflow-wrap: break-word;
  color: black;
  font-size: 42px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 52px;
  display: block; }

.outer12 {
  width: 337px;
  height: 36px;
  margin-top: 24px; }

.outer12-1 {
  width: 308px;
  height: 36px;
  margin-top: 24px; }

.outer12-2 {
  width: 322px;
  height: 36px;
  margin-top: 24px; }

.outer12-3 {
  width: 346px;
  height: 36px;
  margin-top: 24px; }

.box9 {
  border-radius: 4px;
  width: 108px;
  height: 36px;
  border: 1px solid #145fdb; }

.box9-a {
  border-radius: 4px;
  width: 139px;
  height: 36px;
  border: 1px solid #145fdb; }

.box9-a-1 {
  border-radius: 4px;
  width: 157px;
  height: 36px;
  border: 1px solid #145fdb; }

.box9-b {
  border-radius: 4px;
  width: 128px;
  height: 36px;
  border: 1px solid #145fdb; }

.box9-1 {
  border-radius: 4px;
  width: 190px;
  height: 36px;
  border: 1px solid #145fdb; }

.box9-2 {
  border-radius: 4px;
  width: 75px;
  height: 36px;
  border: 1px solid #145fdb; }

.box9-3 {
  border-radius: 4px;
  width: 88px;
  height: 36px;
  border: 1px solid #145fdb; }

.box10 {
  border-radius: 4px;
  width: 168px;
  height: 36px;
  border: 1px solid #145fdb; }

.word23 {
  width: 390px;
  height: 72px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 24px;
  margin-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.outer13 {
  width: 64px;
  height: 3px;
  margin-top: 54px; }

.outer14 {
  box-shadow: 0px 6px 40px 0px rgba(180, 198, 225, 0.5);
  height: 440px;
  width: 653px; }

.outer15 {
  background-color: #d8d8d8;
  border-radius: 8px;
  z-index: 322;
  height: 440px;
  border: 1px solid #e5eaeb;
  overflow: hidden;
  width: 653px;
  position: relative; }

.mod8 {
  width: 396px;
  height: 207px; }

.icon1 {
  width: 26px;
  height: 26px;
  margin-top: 40px; }

.wrap3 {
  width: 156px;
  height: 66px;
  margin-left: 8px; }

.TextGroup675 {
  height: 32px;
  margin-left: 47px;
  width: 36px; }

.info16 {
  width: 36px;
  height: 17px;
  overflow-wrap: break-word;
  color: black;
  font-size: 12px;
  font-family: PingFangSC-Medium;
  text-align: center;
  white-space: nowrap;
  line-height: 17px;
  display: block; }

.info17 {
  width: 32px;
  height: 11px;
  overflow-wrap: break-word;
  color: black;
  font-size: 8px;
  font-family: PingFangSC-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 11px;
  display: block;
  margin: 4px 0 0 2px; }

.layer7 {
  background-color: #e8e8e8;
  border-radius: 2px;
  height: 26px;
  margin-top: 8px;
  padding-left: 4px;
  width: 156px; }

.word24 {
  width: 150px;
  height: 14px;
  overflow-wrap: break-word;
  color: black;
  font-size: 10px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  display: block; }

.wrap4 {
  background-color: #ebebf4;
  width: 1px;
  height: 207px;
  margin-left: 15px; }

.wrap5 {
  width: 168px;
  height: 183px;
  margin-left: 22px; }

.txt10 {
  width: 48px;
  height: 17px;
  overflow-wrap: break-word;
  color: black;
  font-size: 12px;
  font-family: PingFangSC-Medium;
  text-align: center;
  white-space: nowrap;
  line-height: 17px;
  margin-left: 60px;
  display: block; }

.TextGroup676 {
  height: 92px;
  margin-top: 11px;
  width: 168px; }

.word25 {
  width: 168px;
  height: 72px;
  overflow-wrap: break-word;
  color: black;
  font-size: 10px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.word26 {
  width: 168px;
  height: 18px;
  overflow-wrap: break-word;
  color: black;
  font-size: 10px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
  margin-top: 2px;
  display: block; }

.word27 {
  z-index: 210;
  position: relative;
  margin: 0 auto;
  height: 26px;
  overflow-wrap: break-word;
  color: #145fdb;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 35px;
  display: block; }

.info18 {
  z-index: 211;
  position: relative;
  margin: 0 auto;
  height: 26px;
  overflow-wrap: break-word;
  color: #145fdb;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 35px;
  display: block; }

.info18-1 {
  z-index: 211;
  position: relative;
  margin: 0 auto;
  height: 26px;
  overflow-wrap: break-word;
  color: #145fdb;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 35px;
  display: block; }

.bd4 {
  width: 189px;
  height: 297px; }

.mod2 {
  width: 316px;
  height: 48px;
  margin-top: 54px; }

.box3 {
  width: 184px;
  height: 364px; }

/*banner2*********end---------------------/  


/*****banner3*******/
.layer8 {
  height: 45px;
  padding-top: 28px;
  width: 100%;
  position: relative;
  margin: 0 auto; }

.outer16 {
  width: 1200px;
  height: 44px; }

.group6 {
  width: 244px;
  height: 26px;
  margin: 0 auto; }

.word29 {
  width: 80px;
  height: 26px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  display: block;
  cursor: pointer; }

.info19 {
  width: 80px;
  height: 26px;
  overflow-wrap: break-word;
  color: #3d485d;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  display: block;
  cursor: pointer; }

.blue {
  color: #145fdb; }

.group7 {
  background-color: #e5eaeb;
  width: 1200px;
  height: 1px;
  margin-top: 17px; }

.mod12 {
  width: 225px;
  height: 300px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #e5eaeb;
  margin-top: 8px;
  padding: 77px 0 0 49px;
  transition: .5s; }
  .mod12:hover {
    box-shadow: 5px 5px 5px #ccc;
    background-image: linear-gradient(#F6F4FA, #FFFDFE);
    margin-top: -2px; }

.layer9 {
  transition: .5s;
  margin: 0 auto; }

.layer10 {
  width: 184px;
  height: 204px; }

.block5 {
  width: 96px;
  height: 96px;
  margin-left: 45px; }

.TextGroup678 {
  height: 120px;
  margin-top: 24px;
  width: 184px; }

.word32 {
  width: 120px;
  height: 28px;
  overflow-wrap: break-word;
  color: black;
  font-size: 20px;
  font-family: PingFangSC-Medium;
  text-align: right;
  white-space: nowrap;
  line-height: 28px;
  margin-left: 32px;
  display: block; }

.txt11 {
  width: 189px;
  height: 56px;
  color: #3d485d;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: center;
  line-height: 20px;
  margin-top: 16px;
  display: block; }

.info2 {
  width: 252px;
  height: 52px;
  overflow-wrap: break-word;
  color: black;
  font-size: 42px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 52px;
  display: block; }

.word3 {
  width: 380px;
  height: 48px;
  color: #3d485d;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 24px;
  margin-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.main1 {
  width: 380px;
  height: 226px;
  margin-top: 104px; }

.main-2 {
  height: 414px;
  overflow: hidden;
  width: 784px;
  position: relative; }

.box-2 {
  width: 1200px;
  height: 414px;
  margin-top: 46px; }

.box-3 {
  background-color: #145fdb;
  height: 48px;
  width: 148px;
  border-radius: 5px;
  transition: .5s;
  cursor: pointer; }
  .box-3:hover {
    box-shadow: 5px 5px 10px #aaa;
    margin-top: -3px; }

.box4 {
  height: 48px;
  border: 1px solid #145fdb;
  width: 148px;
  border-radius: 5px;
  transition: .5s;
  cursor: pointer; }
  .box4:hover {
    box-shadow: 5px 5px 10px #aaa;
    margin-top: -3px; }

.btn1 {
  width: 64px;
  height: 24px;
  margin: 0 auto;
  overflow-wrap: break-word;
  color: white;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  display: block; }

.btn2 {
  width: 64px;
  height: 24px;
  margin: 0 auto;
  color: #145fdb;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block; }

/****************/
/*****banner4****/
.banner4 .layer13 {
  height: 840px;
  background: url("/templates/website/res/2020/img/solution_finance/banner3.png") 100% 100% repeat;
  margin: 0 auto;
  width: 100%; }
  .banner4 .layer13 .layer16 {
    background-color: #145fdb;
    margin: 0 auto;
    height: 48px;
    width: 135px;
    border-radius: 5px;
    position: relative;
    transition: .5s; }
    .banner4 .layer13 .layer16:hover {
      top: -1px;
      box-shadow: 5px 5px 10px #111; }

.banner4 .mod15 {
  width: 128px;
  height: 48px;
  margin: 0px auto;
  margin-top: 80px; }

.banner4 .txt12 {
  width: 128px;
  height: 48px;
  overflow-wrap: break-word;
  color: white;
  font-size: 32px;
  font-family: PingFangSC-Medium;
  text-align: center;
  white-space: nowrap;
  line-height: 48px;
  display: block; }

.banner4 .mod16 {
  width: 1200px;
  height: 540px;
  margin: 48px auto; }

.banner4 .box14 {
  background-color: transparent;
  border-radius: 8px;
  height: 540px;
  width: 423px; }

.banner4 .img3 {
  width: 100%; }

.banner4 .img3-1 {
  display: none;
  margin-top: 25px; }

.banner4 .box15 {
  width: 334px;
  height: 451px;
  margin-left: 84px; }

.banner4 .word37 {
  width: 280px;
  height: 28px;
  overflow-wrap: break-word;
  color: white;
  font-size: 20px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 28px;
  display: block; }

.banner4 .group8 {
  width: 334px;
  height: 96px;
  margin-top: 24px; }

.banner4 .main6 {
  width: 6px;
  height: 78px;
  margin-top: 9px; }

.banner4 .section10 {
  background-color: #d8e3ff;
  border-radius: 50%;
  width: 6px;
  height: 6px; }

.banner4 .section11 {
  background-color: #d8e3ff;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: 30px; }

.banner4 .section12 {
  background-color: #d8e3ff;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: 30px; }

.banner4 .TextGroup681 {
  height: 96px;
  width: 320px; }

.banner4 .word38 {
  width: 320px;
  height: 24px;
  overflow-wrap: break-word;
  color: white;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block; }

.banner4 .word39 {
  width: 320px;
  height: 24px;
  overflow-wrap: break-word;
  color: white;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 12px;
  display: block; }

.banner4 .word40 {
  width: 320px;
  height: 24px;
  overflow-wrap: break-word;
  color: white;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 12px;
  display: block; }

.banner4 .word41 {
  width: 80px;
  height: 28px;
  overflow-wrap: break-word;
  color: white;
  font-size: 20px;
  font-family: PingFangSC-Medium;
  text-align: right;
  white-space: nowrap;
  line-height: 28px;
  margin-top: 66px;
  display: block; }

.banner4 .group9 {
  width: 106px;
  height: 24px;
  margin-top: 24px; }

.banner4 .layer14 {
  width: 18px;
  height: 18px;
  margin-top: 3px; }

.banner4 .txt13 {
  width: 80px;
  height: 24px;
  overflow-wrap: break-word;
  color: white;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block; }

.banner4 .info20 {
  width: 320px;
  height: 48px;
  overflow-wrap: break-word;
  color: white;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 24px;
  margin-top: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.banner4 .group10 {
  width: 90px;
  height: 24px;
  margin-top: 24px; }

.banner4 .block6 {
  width: 18px;
  height: 18px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1ac0114492cc94ba304af2545c5e98f232dda5ee7ca90a4c6418a49dbfb812db) 100% no-repeat;
  margin-top: 3px; }

.banner4 .word42 {
  width: 64px;
  height: 24px;
  overflow-wrap: break-word;
  color: white;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block; }

.banner4 .info21 {
  width: 320px;
  height: 48px;
  overflow-wrap: break-word;
  color: white;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 24px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.banner4 .box16 {
  width: 6px;
  height: 66px;
  margin: 61px 0 0 24px; }

.banner4 .outer18 {
  background-color: #d8e3ff;
  border-radius: 50%;
  width: 6px;
  height: 6px; }

.banner4 .outer19 {
  background-color: #d8e3ff;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: 54px; }

.banner4 .box17 {
  width: 344px;
  height: 399px;
  margin: 52px 0 0 8px; }

.banner4 .TextGroup682 {
  height: 84px;
  width: 344px; }

.banner4 .txt14 {
  width: 344px;
  height: 48px;
  overflow-wrap: break-word;
  color: white;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.banner4 .word43 {
  width: 320px;
  height: 24px;
  overflow-wrap: break-word;
  color: white;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-top: 12px;
  display: block; }

.banner4 .layer15 {
  width: 90px;
  height: 24px;
  margin: 130px 0 0 4px; }

.banner4 .mod17 {
  width: 18px;
  height: 18px;
  margin-top: 3px; }

.banner4 .info22 {
  width: 64px;
  height: 24px;
  overflow-wrap: break-word;
  color: white;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block; }

.banner4 .info23 {
  width: 340px;
  height: 48px;
  color: white;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  text-align: left;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 8px 0 0 4px; }

.banner4 .word44 {
  margin: 0 auto;
  width: 100%;
  height: 24px;
  overflow-wrap: break-word;
  color: white;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 24px;
  display: block; }

.footer_banner .layer17 {
  height: 300px;
  background: url("/templates/website/res/2020/img/solution_finance/footer_banner.png") 100% 100% repeat;
  width: 100%;
  margin: 0 auto; }

.footer_banner .box18 {
  width: 335px;
  height: 188px;
  margin: 0 auto; }

.footer_banner .TextGroup683 {
  height: 92px;
  width: 335px; }

.footer_banner .info24 {
  width: 335px;
  height: 52px;
  overflow-wrap: break-word;
  color: white;
  font-size: 42px;
  font-family: PingFangSC-Medium;
  text-align: center;
  white-space: nowrap;
  line-height: 52px;
  display: block; }

.footer_banner .info25 {
  width: 160px;
  height: 28px;
  overflow-wrap: break-word;
  color: white;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  text-align: right;
  white-space: nowrap;
  line-height: 28px;
  display: block;
  margin: 12px 0 0 87px; }

.footer_banner .section13 {
  background-color: white;
  width: 120px;
  height: 40px;
  margin: 0 auto;
  border-radius: 5px;
  transition: .5s;
  cursor: pointer; }
  .footer_banner .section13:hover {
    box-shadow: 5px 5px 10px #555;
    margin-top: -3px; }

.footer_banner .word45 {
  width: 64px;
  height: 24px;
  color: #145fdb;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 24px;
  margin: 0 auto;
  display: block; }

/****************/
/**移动端***/
@media (max-width: 1199px) {
  .box1 a.info4 {
    padding: 0;
    background: #1355d6; }
  div.pc {
    display: none; }
  div.mobile {
    display: flex; }
  .box9-a {
    width: 134px; }
  .box9 {
    width: 90px; }
  .box9-1 {
    width: 168px; }
  .box9-2 {
    width: 70px; }
  .box9-3 {
    width: 80px; }
  .swiper-container .txt11 {
    width: 229px;
    height: 56px;
    color: #3d485d;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    margin-left: -17px;
    text-align: center;
    line-height: 20px;
    margin-top: 16px;
    display: block; }
  .company-ness {
    width: 90%;
    margin: 0 auto;
    flex-direction: column; }
    .company-ness .title {
      font-size: 25px; }
    .company-ness p {
      line-height: 2;
      text-align: left; }
    .company-ness .ness_img {
      width: 80%;
      margin: 0 auto;
      margin-top: 30px; }
    .company-ness img {
      width: 100%;
      height: 100%; }
    .company-ness a {
      display: block;
      margin: 10px auto;
      text-align: center;
      width: 120px;
      height: 40px;
      border-radius: 5px;
      font-size: 14px;
      line-height: 40px;
      margin-top: 30px; }
    .company-ness .ness-btn2 {
      border: 1px solid #135ddb;
      color: #135ddb; }
  .finance_banner {
    background: url("/templates/website/res/2020/img/solution_finance/mobile/banner_title.png") no-repeat center center;
    background-size: cover; }
  .block2 {
    margin-top: 30px; }
  .banner {
    height: 290px; }
    .banner h1 {
      width: 100%;
      height: 52px;
      color: white;
      font-size: 28px;
      text-align: center;
      line-height: 52px;
      margin: 0 auto;
      display: block; }
    .banner .info3 {
      font-size: 16px;
      line-height: 26px;
      margin-top: 24px;
      display: block;
      height: 75px;
      width: 300px; }
  .bgf7 {
    height: 580px; }
    .bgf7 .layer4 {
      display: none; }
    .bgf7 .word5 {
      width: 100%;
      height: 56px;
      overflow-wrap: break-word;
      color: black;
      font-size: 26px;
      font-family: PingFangSC-Medium;
      white-space: nowrap;
      line-height: 56px;
      display: block;
      text-align: center;
      margin: 0 auto;
      margin-top: 50px; }
    .bgf7 .outer4 {
      height: 500px;
      width: 100%;
      position: relative;
      margin: 0;
      padding: 0;
      overflow-x: auto; }
    .bgf7 .outer5 {
      width: 88%;
      height: 360px;
      margin: 0 auto;
      border-radius: 10px;
      box-shadow: 5px 5px 10px #e6e6e6; }
    .bgf7 .info1 {
      width: 64px;
      height: 40px;
      overflow-wrap: break-word;
      font-size: 16px;
      color: black;
      font-family: PingFangSC-Medium;
      text-align: left;
      white-space: nowrap;
      display: block;
      margin: 0 0 0 2px; }
    .bgf7 .main3 {
      margin-left: -35px; }
    .bgf7 .main4 {
      margin-left: -35px;
      margin-top: 0; }
    .bgf7 .info5 {
      margin-left: -28px;
      width: 252px;
      height: 65px; }
    .bgf7 .outer1 {
      background-image: linear-gradient(#F6F4FA, #FFFDFE); }
      .bgf7 .outer1 .outer9 {
        margin-left: 56px; }
  .layer6 {
    height: 710px;
    width: 100%;
    background: url("/templates/website/res/2020/img/solution_finance/mobile/banner2.png") 100% 100% repeat;
    margin-top: 0; }
    .layer6 .mod4 {
      width: 100%; }
      .layer6 .mod4 .bd2 {
        width: 100%; }
        .layer6 .mod4 .bd2 .block3 {
          width: 100%; }
          .layer6 .mod4 .bd2 .block3 .section {
            width: 100%;
            display: none; }
      .layer6 .mod4 .bd3 {
        width: 100%; }
        .layer6 .mod4 .bd3 .outer14 {
          width: 1px; }
      .layer6 .mod4 div.bd3 {
        flex-direction: column-reverse;
        height: 500px;
        margin-top: 30px; }
    .layer6 .outer12-1 {
      width: 255px;
      margin: 20px 26px; }
      .layer6 .outer12-1 .info18-1 {
        font-size: 14px;
        left: 0;
        margin: 0 auto; }
      .layer6 .outer12-1 .word27 {
        font-size: 14px;
        left: 0;
        margin: 0 auto; }
      .layer6 .outer12-1 .info18-0 {
        font-size: 14px;
        left: 0;
        margin: 0 auto; }
    .layer6 .word20 {
      margin: 0 auto;
      margin-top: 50px; }
    .layer6 .section6 {
      margin: 0 auto; }
    .layer6 .word10 {
      display: none; }
    .layer6 .outer11 {
      margin-top: 0;
      width: 100%;
      height: 248px;
      justify-content: flex-end;
      margin-bottom: 50px; }
      .layer6 .outer11 .outer13 {
        width: 100%; }
      .layer6 .outer11 .word23 {
        width: 88%;
        margin: 10px auto; }
      .layer6 .outer11 .outer12 {
        margin: 20px 26px;
        width: 303px; }
        .layer6 .outer11 .outer12 .word27 {
          font-size: 14px;
          left: 0;
          margin: 0 auto; }
        .layer6 .outer11 .outer12 .info18 {
          font-size: 14px;
          left: 0;
          margin: 0 auto; }
        .layer6 .outer11 .outer12 .box9 {
          width: 147px; }
      .layer6 .outer11 .outer12-2 {
        margin: 20px 22px;
        width: 268px; }
        .layer6 .outer11 .outer12-2 .box9 {
          width: 97px; }
        .layer6 .outer11 .outer12-2 .word27 {
          font-size: 14px;
          left: 0;
          margin: 0 auto; }
        .layer6 .outer11 .outer12-2 .info18 {
          font-size: 14px;
          left: 0;
          margin: 0 auto; }
        .layer6 .outer11 .outer12-2 .box9-1 {
          width: 165px; }
      .layer6 .outer11 .outer12-3 {
        margin: 20px 22px;
        width: 298px; }
        .layer6 .outer11 .outer12-3 .box9 {
          width: 117px; }
        .layer6 .outer11 .outer12-3 .word27 {
          font-size: 14px;
          left: 0;
          margin: 0 auto; }
        .layer6 .outer11 .outer12-3 .info18 {
          font-size: 14px;
          left: 0;
          margin: 0 auto; }
    .layer6 .solution1 {
      width: 100%;
      height: 50%;
      display: block;
      margin: 0 auto; }
    .layer6 .solution2 {
      width: 70%;
      display: block;
      margin: 0 auto; }
    .layer6 .solution3 {
      width: 100%;
      height: 100%;
      display: block;
      margin: 0 auto; }
    .layer6 .solution4 {
      width: 100%;
      height: 210px;
      display: block;
      margin: 0 auto; }
  .word28 {
    margin: 30px auto; }
  div.layer9-1 {
    display: none; }
  .swiper-container .mod12 {
    box-shadow: 0px 10px 10px #ddd;
    margin: 0 auto;
    width: 90%;
    padding: 0;
    height: 260px;
    background-image: linear-gradient(#F6F4FA, #FFFDFE); }
    .swiper-container .mod12 .layer10 {
      margin: 20px auto; }
  .layer8 {
    width: 100%;
    padding-top: 0; }
    .layer8 .outer16 {
      width: 100%; }
      .layer8 .outer16 .group6 {
        margin: 0 auto; }
      .layer8 .outer16 .group7 {
        width: 100%; }
  .banner4 .mobile {
    width: 90%;
    margin: 0 auto; }
    .banner4 .mobile p {
      font-family: PingFangSC-Medium;
      font-size: 14px;
      line-height: 33px;
      color: #fff; }
    .banner4 .mobile .title {
      color: #fff;
      font-family: PingFangSC-Medium;
      font-size: 22px;
      margin: 0 auto;
      margin-bottom: 30px; }
    .banner4 .mobile .banner_img {
      width: 90%;
      height: 164px;
      margin: 0 auto; }
      .banner4 .mobile .banner_img img {
        width: 100%;
        height: 100%; }
    .banner4 .mobile .text_1 {
      width: 90%;
      height: 224px;
      margin-top: 40px;
      margin-left: 26px; }
      .banner4 .mobile .text_1 .dot {
        background-color: #d8e3ff;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        margin-right: 6px;
        display: inline-block; }
    .banner4 .mobile .text_2 {
      width: 90%;
      margin-left: 26px; }
    .banner4 .mobile .more_btn {
      display: block;
      width: 130px;
      height: 40px;
      border-radius: 5px;
      color: #fff;
      background-color: #145fdb;
      margin: 40px auto;
      font-size: 14px;
      text-align: center;
      line-height: 40px; }
  .banner4 .layer13 {
    width: 100%;
    background: url("/templates/website/res/2020/img/solution_finance/mobile/banner3.png");
    height: 1000px;
    background-size: cover;
    margin-top: 0; }
    .banner4 .layer13 .img3 {
      display: none; }
    .banner4 .layer13 .img3-1 {
      display: block;
      border-radius: 10px;
      width: 80%; }
    .banner4 .layer13 .box14 {
      background-color: transparent;
      width: 100%; }
    .banner4 .layer13 .layer16 {
      margin: 0 auto;
      top: 384px; }
      .banner4 .layer13 .layer16:hover {
        top: 383px;
        box-shadow: 5px 5px 5px #333; }
    .banner4 .layer13 .mod16 {
      width: 100%;
      margin: 0 auto; }
      .banner4 .layer13 .mod16 .box17 {
        position: relative;
        left: -374px;
        top: 353px; }
        .banner4 .layer13 .mod16 .box17 .info23 {
          width: 320px;
          margin: 8px 0 0 -12px; }
      .banner4 .layer13 .mod16 .box15 {
        margin-left: -271px;
        margin-top: 240px; }
        .banner4 .layer13 .mod16 .box15 .word41 {
          margin-top: 132px; }
      .banner4 .layer13 .mod16 .box16 {
        position: relative;
        left: -374px;
        top: 414px;
        margin: 0 0 0 40px; }
      .banner4 .layer13 .mod16 .layer15 {
        margin: 293px 0 0 -15px; }
      .banner4 .layer13 .mod16 .txt14 {
        width: 302px; }
  .banner4 .mod15 {
    margin: 20px auto; }
  .footer_banner .layer17 {
    width: 100%;
    background: url("/templates/website/res/2020/img/solution_finance/mobile/footer_banner.png");
    padding-left: 0px; }
    .footer_banner .layer17 .info24 {
      margin: 0 auto;
      font-size: 36px; }
    .footer_banner .layer17 .info25 {
      margin: 12px auto; }
    .footer_banner .layer17 .box18 {
      width: 100%; }
    .footer_banner .layer17 .TextGroup683 {
      width: 100%; } }

/**********/
/*-------------------------------------*/
@media (min-width: 1200px) {
  .layer16 {
    background-color: #145fdb;
    height: 48px;
    width: 120px;
    border-radius: 5px;
    position: relative;
    margin: 0 auto;
    transition: .5s;
    display: block;
    cursor: pointer; }
    .layer16:hover {
      top: -1px;
      box-shadow: 5px 5px 5px #222; }
  .ml70 {
    margin-left: 70px; }
  .banner_tit {
    text-align: center;
    margin-top: 30px; }
  .banner_tit h3 {
    font-size: 32px;
    line-height: 40px;
    padding: 20px 0; }
  .banner_tit span {
    display: block;
    font-size: 18px;
    line-height: 30px;
    padding: 20px 0;
    position: relative; }
  .banner_tit span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    border-top: 4px solid #C53638;
    width: 40px;
    margin-left: -20px; }
  .wxzb_banner {
    padding-bottom: 40px;
    width: 1200px;
    margin: 0 auto;
    position: relative; }
  .wxzb_banner .swiper-container {
    --swiper-navigation-color: #999;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;
    /* 设置按钮大小 */ }
  .wxzb {
    padding: 20px 180px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .ph_banner {
    flex-shrink: 0;
    max-width: 420px; }
  .wxz_item h3 {
    font-size: 26px;
    line-height: 40px;
    padding-bottom: 20px; }
  .wxz_item li {
    padding: 15px 0;
    font-size: 15px;
    color: #666;
    line-height: 24px; }
  .wxz_item li strong {
    display: block;
    font-weight: bold;
    color: #333;
    font-size: 16px; }
  .boxShadow {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
  .zaix_phone {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 0;
    position: relative; }
  .zaix_text {
    position: relative; }
  .zaix_text h3 {
    font-size: 24px;
    line-height: 40px;
    padding: 0 0 10px; }
  .zaix_text p {
    font-size: 15px;
    color: #666;
    line-height: 30px; }
  .zaix_text li {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding: 4px 0;
    display: flex; }
  .zaix_text li i {
    display: block;
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: 10px;
    flex-shrink: 0; }
  .btn_bai {
    color: #0086c7 !important;
    background: #fff !important; }
  .mt30 {
    margin-top: 30px; }
  .title {
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    line-height: 60px;
    padding-top: 60px; }
  /**通用布局**/
  .w420 {
    width: 420px; }
  .mt80 {
    margin-top: 80px !important; }
  .w1201 {
    width: 1200px;
    margin: 0 auto; }
  .reverse {
    flex-direction: row-reverse; }
  .home_layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0; }
  .home_item {
    width: 100%; }
  .home_item ul li {
    padding: 15px 0; }
  .home_item li strong {
    display: block;
    font-size: 26px;
    line-height: 34px;
    padding-bottom: 10px; }
  .home_item li p {
    font-size: 16px;
    line-height: 22px;
    color: #999; } }

@media (min-width: 769px) and (max-width: 1199px) {
  .w500 {
    width: 520px;
    flex-shrink: 0; }
  .img_42 {
    margin-left: -100px; }
  .img_52 {
    margin-left: -75px; }
  .ml70 {
    margin-left: 70px; }
  .banner_tit {
    text-align: center;
    margin-top: 30px; }
  .banner_tit h3 {
    font-size: 32px;
    line-height: 40px;
    padding: 20px 0; }
  .banner_tit span {
    display: block;
    font-size: 18px;
    line-height: 30px;
    padding: 20px 0;
    position: relative; }
  .banner_tit span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    border-top: 4px solid #C53638;
    width: 40px;
    margin-left: -20px; }
  .wxzb_banner {
    padding-bottom: 40px;
    width: 100%;
    margin: 0 auto;
    position: relative; }
  .wxzb_banner .swiper-container {
    --swiper-navigation-color: #999;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;
    /* 设置按钮大小 */ }
  .wxzb {
    padding: 20px 180px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .ph_banner {
    flex-shrink: 0;
    max-width: 420px; }
  .wxz_item h3 {
    font-size: 26px;
    line-height: 40px;
    padding-bottom: 20px; }
  .wxz_item li {
    padding: 15px 0;
    font-size: 15px;
    color: #666;
    line-height: 24px; }
  .wxz_item li strong {
    display: block;
    font-weight: bold;
    color: #333;
    font-size: 16px; }
  .boxShadow {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .title {
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    line-height: 60px;
    padding-top: 60px; }
  .w420 {
    width: 420px; }
  .mt80 {
    margin-top: 80px !important; }
  .w1201 {
    width: 100%;
    margin: 0 auto; }
  .reverse {
    flex-direction: row-reverse; }
  .home_layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0; }
  .home_item {
    width: 100%; }
  .home_item ul li {
    padding: 15px 0; }
  .home_item li strong {
    display: block;
    font-size: 26px;
    line-height: 34px;
    padding-bottom: 10px; }
  .home_item li p {
    font-size: 16px;
    line-height: 22px;
    color: #999; }
  .zaix_phone {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 0;
    position: relative; }
  .zaix_text {
    position: relative; }
  .zaix_text h3 {
    font-size: 24px;
    line-height: 40px;
    padding: 0 0 10px; }
  .zaix_text p {
    font-size: 15px;
    color: #666;
    line-height: 30px; }
  .zaix_text li {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding: 4px 0;
    display: flex; }
  .zaix_text li i {
    display: block;
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: 10px;
    flex-shrink: 0; } }

@media (max-width: 1199px) {
  .img_52 {
    width: 100%; }
  .banner_tit {
    text-align: center;
    margin-top: 10px; }
  .banner_tit h3 {
    font-size: 20px;
    line-height: 30px;
    padding: 10px 0; }
  .banner_tit span {
    display: block;
    font-size: 14px;
    line-height: 30px;
    padding: 10px 0;
    position: relative; }
  .banner_tit span::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    border-top: 4px solid #C53638;
    width: 40px;
    margin-left: -20px; }
  .wxzb_banner {
    padding-bottom: 30px; }
    .wxzb_banner .box-2 {
      width: 100%;
      height: 470px;
      margin: 0; }
      .wxzb_banner .box-2 .img-diy {
        width: 356px;
        height: 225px;
        padding: 20px; }
      .wxzb_banner .box-2 .main1 {
        margin-top: 20px; }
        .wxzb_banner .box-2 .main1 .word3 {
          width: 86%;
          margin-left: 10px; }
        .wxzb_banner .box-2 .main1 .mod2 {
          width: 72%;
          margin: 270px auto; }
          .wxzb_banner .box-2 .main1 .mod2 .box-3 {
            width: 118px;
            padding-left: 0; }
            .wxzb_banner .box-2 .main1 .mod2 .box-3 .btn1 {
              position: relative;
              left: 26px; }
          .wxzb_banner .box-2 .main1 .mod2 .box4 {
            width: 118px;
            padding-left: 0; }
            .wxzb_banner .box-2 .main1 .mod2 .box4 .btn2 {
              position: relative;
              left: 26px; }
        .wxzb_banner .box-2 .main1 .info2 {
          font-size: 30px;
          margin-left: 10px; }
      .wxzb_banner .box-2 .main-2 {
        margin-top: 20px;
        height: 239px;
        left: -370px;
        top: 147px; }
  .wxzb_banner .swiper-container {
    --swiper-navigation-color: #999;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;
    /* 设置按钮大小 */ }
  .wxzb {
    padding: 0 30px 20px; }
  .ph_banner {
    width: 100%; }
  .wxz_item {
    text-align: center;
    padding-bottom: 20px; }
  .wxz_item h3 {
    font-size: 16px;
    line-height: 40px;
    padding-top: 10px; }
  .wxz_item li {
    padding: 5px 0;
    font-size: 12px;
    color: #666;
    line-height: 24px; }
  .wxz_item li strong {
    display: block;
    font-weight: bold;
    color: #333;
    font-size: 12px; }
  .boxShadow {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
  .wpad20 {
    padding: 0 15px;
    box-sizing: border-box; }
  .title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    padding-top: 30px; }
  .title strong {
    font-weight: bold; }
  .banner {
    width: 100%;
    height: 270px;
    position: relative;
    z-index: 9;
    background-size: cover; }
  .banner_text_left {
    width: 60%;
    float: left;
    text-align: left; }
  .banner_text_left h3 {
    text-align: left;
    width: 100%; }
  .banner_text_left p {
    text-align: left;
    width: 100%; }
  .banner_text_left span {
    text-align: left;
    width: 100%; }
  .banner_text {
    height: 270px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; }
  .banner_text h3 {
    font-size: 22px;
    line-height: 40px; }
  .banner_text p {
    font-size: 14px;
    padding-bottom: 20px;
    line-height: 30px; }
  .banner_text a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    background: #fff;
    padding: 0 30px;
    border-radius: 5px; }
  .banner_text_left1 {
    float: left;
    text-align: left; }
  .banner_text_left1 h3 {
    text-align: left;
    width: 100%; }
  .banner_text_left1 p {
    text-align: left;
    width: 100%; }
  .mt80 {
    margin-top: 30px !important; }
  .w420 {
    width: 100%; }
  .reverse {
    flex-direction: row-reverse; }
  .zaix_phone {
    width: 100%;
    padding: 30px 0;
    position: relative; }
  .zaix_phone img {
    width: 100%; }
  .zaix_text {
    position: relative;
    text-align: center; }
  .zaix_text h3 {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 0 10px; }
  .zaix_text p {
    font-size: 12px;
    color: #999;
    line-height: 24px; }
  .zaix_text li {
    color: #999;
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px; } }

/******common.css********/
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; }

button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent; }

button:active {
  opacity: 0.6; }

.flex-col {
  display: flex;
  flex-direction: column; }

.flex-row {
  display: flex;
  flex-direction: row; }

.justify-start {
  display: flex;
  justify-content: flex-start; }

.justify-center {
  display: flex;
  justify-content: center; }

.justify-end {
  display: flex;
  justify-content: flex-end; }

.justify-evenly {
  display: flex;
  justify-content: space-evenly; }

.justify-around {
  display: flex;
  justify-content: space-around; }

.justify-between {
  display: flex;
  justify-content: space-between; }

.align-start {
  display: flex;
  align-items: flex-start; }

.align-center {
  display: flex;
  align-items: center; }

.align-end {
  display: flex;
  align-items: flex-end; }

#underline {
  position: absolute;
  width: 64px;
  height: 2px;
  background: #007ee6;
  top: 60px;
  left: 20px;
  transition: all .8s;
  display: inline-block; }

/************************/
.main_text {
  position: relative; }

.main_text::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -5px;
  background-color: currentColor;
  transform: scale(1);
  transform-origin: left bottom;
  transition: all 0.4s; }

.grayline {
  height: 1px;
  background-color: #E5EAEB;
  position: relative;
  bottom: 12px; }