*{
  margin: 0;
  padding: 0;
  font-size: 18rem;
}
a{
  text-decoration: none;
}
@font-face {
  font-family: 'PingFangSC-Medium-ttf';
  src: url('../fonts/PingFangSC-Medium.ttf') format('truetype');
}
/* 苹方-简 常规体 */
@font-face {
  font-family: 'PingFangSC-Regular-ttf';
  src: url('../fonts/PingFangSC-Regular.ttf') format('truetype');
}
/* 苹方-简 中粗体 */
@font-face {
  font-family: 'PingFangSC-Semibold-ttf';
  src: url('../fonts/PingFangSC-Semibold.woff2') format('truetype');
}

img{
  margin: 0;
  padding: 0;
}
.middle{
  max-width: 1400px;
  margin: 0 auto;
}
.fix{
  padding: 30rem 20rem;
}
.navbox{
  position: relative;
  width: 100%;
  z-index: 9999;
  overflow: hidden;
  text-align: center;
}
.navbox .navbar{
  overflow: hidden;
  text-align: center;
  max-width: 1200rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.navbox .navbar .logo{
  display: inline-block;
  margin-right: 80rem;
}
.navbox .navbar .logo p{
  color: #fff;
  position: relative;
  text-align: left;
  padding-left: 42rem;
}
.navbox .navbar .logo p span{
  color: #fff;
  font-size: 12rem;
}
.navbox .navbar .logo p img{
  width: 15rem;
  height: 15rem;
  position: absolute;
  left: 12rem;
  top: 5rem;
}
.navbox .navbar .logo img{
  width: 499rem;
  height: 50rem;
}
.navbox .navbar .nav{
  display: inline-block;
  line-height: 50rem;
}
.navbox .navbar .nav .item{
  padding: 0 20rem;
  float: left;
  /* display: none; */
}
.navbox .navbar .nav .item a{
  font-weight: 600;
  font-size: 16rem;
  color: #FFFFFF;
  font-family: 'PingFangSC-Medium-ttf';
}
.navbox .navbar .nav .active{
  position: relative;
  display: block;
}
.navbox .navbar .nav .active::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 40%;
  width: 20%;
  border: 1rem solid #fff;
  background-color: #fff;
}

.banner{
  position: relative;
  top: -139rem;
  text-align: center;
}
 .banner .home1{
  position: absolute;
  letter-spacing: 2rem;
  font-size: 40rem;
  font-weight: 600;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
  color:#fff;
  text-align: center;
}
 .banner .home2{
  position: absolute;
  letter-spacing: 2rem;
  font-size: 30rem;
  font-weight: 600;
  top: 42%;
  left: 50%;
  transform: translateX(-50%);
  color:#fff;
  text-align: left;
}
.banner .tab5home1{
  letter-spacing: 2rem;
  font-size: 40rem;
  font-weight: 600;
  position: absolute;
  top: 35%;
  left: 20%;
  color: #fff;
}
.banner .tab5home2{
  position: absolute;
  letter-spacing: 2rem;
  font-size: 30rem;
  font-weight: 600;
  top: 43%;
  left: 20%;
  color:#fff;
}
/* .banner .statement{
  width: 550rem;
  color: #fff;
  position: absolute;
  font-size: 18rem;
  right: 3%;
  top: 200rem;
}
.banner .statement #txt{
  margin: 20rem 0;
}
.banner .statement p{
  text-align: left;
}
.banner .statement h6{
  text-align: center;
  font-size: 22rem;
  margin-bottom: 16rem;
}
.banner .statement .right{
  text-align: right;
  margin-bottom: 10rem;
} */
.banner img{
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.about{
  position: relative;
  top: -120rem;
  max-width: 1200rem;
}
.about .title{
  font-size: 32rem;
  color: #081A5E;
  display: inline-block;
  font-family: 'PingFangSC-Semibold-ttf';
  border-bottom: 4rem solid #FFDA7B;
  padding-bottom: 15rem;
  position: relative;
  z-index: 99;
  padding-top: 90rem;
}
.about .h3{
  font-size: 32rem;
  text-align: center;
  font-weight: 600;
}
.dsiplay{
  display: none;
}
.about .h3 .h3_span::after{
  content: '';
  display: block;
  position: absolute;
  top: 50rem;
  left: calc(50% - 20rem);
  width:30rem;
  border-bottom: 4rem solid #0074FF;
  border-radius: 20rem;
}
.about .tab4Title{
}
.about .tab4Title .h4{
  width: 100%;
  color: #92939F;
  font-weight: 600;
  font-size: 40rem;
  margin-bottom: 20rem;
  text-align: center;
  margin: 50rem 0;
}
.about .tab4Title .tab4Ul{
  display: flex;
  justify-content: space-between;
  color: #6B6B6B;
  padding: 30rem 30rem;
  font-weight: 500;
  padding-right: 50rem;
}
.tab4Title .tab4Ul .tab4Li span{
color: #0074FF;
font-size: 30rem;
}
#about .h3 .h3_span::after{
  content: '';
  display: block;
  position: absolute;
  top: 100rem;
  left: calc(50% - 20rem);
  width:30rem;
  border-bottom: 4rem solid #0074FF;
  border-radius: 20rem;
}
.about .title::after{
  content: '';
  display: block;
  position: absolute;
  bottom: -4rem;
  left: 20rem;
  width: calc(100% - 20rem);
  border-bottom: 4rem solid #081A5E;
  border-radius: 20rem;
}
.about .title .tbg{
  position: absolute;
  left: -50rem;
  top: 0;
  font-weight: 600;
  font-size: 140rem;
  color: #FBFBFB;
  z-index: -1;
  font-family: 'PingFangSC-Semibold-ttf';
}

.about .intro{
  /* padding: 50rem 0; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about .intro .desc{
  font-weight: 400;
  font-size: 24rem;
  color: #646469;
  line-height: 36rem;
  font-family: 'PingFangSC-Regular-ttf';
  margin-right: 50rem;
  padding: 30rem;
  width: 55%;
}
.about .intro .desc button{
  color: dodgerblue;
  border-radius: 30rem;
  padding:15rem 30rem;
  background-color: #fff;
  border-color:dodgerblue ;
}
.about .intro .desc p:first-child{
  margin-bottom: 30rem;
}
.about .intro img{
  width: 589rem;
}
.about .service{
  padding: 50rem 0;
  font-family: 'PingFangSC-Regular-ttf';
}
.about .Company p{
  font-size: 18rem;
  letter-spacing: 2rem; /* 可以根据需要调整这个值 */
}
.about .service img{
  max-width: 100%;
}

.contact{
  text-align: center;
}
.contact .company{
  font-weight: 600;
  font-size: 20rem;
  color: #081A5E;
  font-family: 'PingFangSC-Semibold-ttf';
}
.contact .tel{
  font-size: 36rem;
  color: #081A5E;
  font-family: 'PingFangSC-Semibold-ttf';
  margin-bottom: 60rem;
}
.contact .cbox{
  font-weight: 400;
  font-size: 20rem;
  color: #92939F;
  line-height: 40rem;
  font-family: 'PingFangSC-Regular-ttf';
}
.contact .cbox p:nth-child(3),.contact .cbox p:nth-child(5){
  margin-bottom: 60rem;
}

.foot{
  /* padding: 90rem 0; */
  background-color: #091C34;
  /* background: url(../images/fbg.png) no-repeat center center; */
  padding-bottom: 30rem;
}
.foot .fbox{
  display: flex;
  max-width: 1200rem;
  justify-content: space-between;
}
.foot .fbox .fleft{
  color: #fff;
}
.foot .fbox .fleft .ftit{
  font-weight: 500;
  font-size: 24rem;
  font-family: 'PingFangSC-Semibold-ttf';
  padding: 0 0 20rem;
}
.foot .fbox .fleft .line{
  width: 50rem;
  height: 2rem;
  border-radius: 20rem;
  background-color: #fff;
  border: 2rem solid #fff;
}
.foot .fbox .fleft .tel{
  /* margin: 30rem 0 20rem; */
  font-weight: 400;
  font-size: 14rem;
  color: #FFFFFF;
  font-family: 'PingFangSC-Regular-ttf';
}
.foot .footp{
  width: 100%;
  height: 1rem;
  background-color: #E9EAEE;
  margin-bottom: 30rem;
  margin-top: 30rem;
}
.foot .fbox .foots{
  color: #92939F;
  margin-top: 50rem;
  margin-bottom: 20rem;
  font-size: 24rem;
}
.foot .flefttitle{
  color: #92939F;
  text-align: center;
  font-size: 16rem;
}
.foot .flefttitle a{
  color: #92939F;
  font-size: 16rem;
}
.foot .fbox .fleft .s{
  margin-top: 30rem;
}
.foot .fbox .fleft .tel span{
  font-size: 24rem;
}
.foot .fbox .fleft .flefttop{
  display: flex;
  font-size: 14rem;
}
.foot .fbox .fleft .fleftbutton{
  font-size: 18rem;
  margin-bottom: 30rem;
}
.foot .fbox .fleft .flefttop .flefttop1{
  width:350rem;
}
.foot .fbox .fleft .fleftbutto1{
  color: #92939F;
  font-size: 14rem;
}
.foot .fbox .fleft .fleftbutto2{
  color: #fff;
  font-size: 34rem;
}
.foot .fbox .fleft .time{
  font-weight: 400;
  font-size: 14rem;
  font-family: 'PingFangSC-Regular-ttf';
}
.foot .fbox .fright{
   display: flex;
   position: relative;
}
.foot .fbox .fright img{
  width: 100rem;
  height: 100rem;
  margin-top:90rem;
}
.foot .fbox .fright .fright1{
  margin-top: 100rem;
}
.foot .fbox .fright .fright2{
  background-color: #fff;
  padding: 5rem;
  margin-right: 10rem;
}
.foot .fbox .fright .fright3{
  background-color: #fff;
  padding: 5rem;
}
.foot .fbox .flog{
  padding: 0 0 10rem;
}
.foot .fbox .flog img{
  width: 102rem;
}
.foot .fbox p{
  margin-bottom: 5rem;
}
.Company .enterprise_dl{
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-top: 20rem;
}
.Company .enterprise_dl dl{
 width: 30%;
 border-right: 1rem solid #ccc;
}
.Company .enterprise_dl dl:last-child{
  border-right: 0rem;
 }
.Company .enterprise_dl dt{
  border-radius: 50%;
  background-color: #E6F1FF;
  width: 80rem;
  height: 67rem;
  align-items: center;
  margin: 0 auto;
  padding-top: 10rem;
  position: relative;
 }
 .Company .enterprise_dl dt img{
  border-radius: 100%;
  width: 50rem;
  height: 50rem;
  margin-bottom: 10rem;
  position: absolute;
  top: 12rem;
  left: 15rem;
 }
 .Company .enterprise_dl dd{
 }
 .Company .enterprise_dl dd p{
  font-size: 42rem;
  color: deepskyblue;
  font-weight: 600;
}
 .enterprise_footer{
  display: flex;
 }
 .Borrowingstep{
  background: url(../images/jkbz.png) no-repeat center center;
  height: 690rem;
  position: relative;
  top: -120rem;
  margin-bottom: 50rem;
  padding-top: 50rem;
 }
.Borrowingsteps{
  display: flex;
  border-top: 1rem solid #8FBAEA;
  padding-top: 50rem;
  justify-content: space-evenly;
}
.BorrowingstepBox{
  max-width: 1180px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.BorrowingstepBox .BorrowingstepH4{
  color: #fff;
  text-align: center;
  font-size: 35rem;
  margin-bottom: 62rem;
}
.BorrowingstepBox .BorrowingstepH4::after{
  content: '';
  display: block;
  position: absolute;
  top: 55rem;
  left: calc(50% - 20rem);
  width:30rem;
  border-bottom: 4rem solid #fff;
  border-radius: 20rem;
}
.Borrowingsteps .Borrowingstepsbox{
  margin: 0 80rem;
  text-align: center;
  color: #fff;
  position: relative;
}
.Borrowingsteps .Borrowingstepsbox .BorrowingstepNbr{
  position: absolute;
  top: -75rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  color: #0074FF;
  width: 55rem;
  height: 55rem;
  line-height: 55rem;
  border-radius: 50rem;
}
.Borrowingsteps .Borrowingstepsbox p{
  margin: 10rem 0 20rem 0;
}
.Borrowingsteps .Borrowingstepsbox img{
  width: 260rem;
}

 .enterprise_mask{
  width: 25%;
  height: 500rem;
  position: relative;
  background-color: lightgray;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24rem;
  overflow: hidden;
 }

 .enterprise_mask img{
  width: 100%;
  height: 100%;
 }
 .enterprise_mask .enterprise_icon{
  position: absolute;
  text-align: center;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
 }
 .enterprise_mask .enterprise_icon img{
  width: 60rem;
 }
 .enterprise_iconMask{
  font-size: 13rem;
  display: none;
  width: 140%;
  margin-left: -20%;
  line-height: 20rem;
  margin-top: 10rem;
 }
 .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:rgba(48,142,255,0.63);
  display: none;
  justify-content: center;
  align-items: center;
  color: white;
  z-index: 1;
}
.content {
  z-index: 0;
}
.Partners{
  display: flex;
  flex-wrap: wrap;
}
.Partners img{
  width: 23%;
  margin-right: 20rem;
  margin-bottom: 20rem;
}
.PressInquiries{
  display: flex;
  flex-wrap: wrap;
  font-size: 18rem;
}
.PressInquiries a{
  width: 46%;
  color: #000;
}
.PressInquiries a dl{
  border-radius: 20rem;
  display: flex;
  margin-right: 4%;
  background-color: #fff;
  margin-bottom: 20rem;
  overflow: hidden;
}
.PressInquiries a dl dd{
  width: 68%;
  margin-right: 10rem;
}
.PressInquiries a dl dd img{
  width: 100%;
  height: 100%;
  margin: 0;
}
.PressInquiries a dl dt{
  padding:15rem 10rem;
  width: 100%;
  position: relative;
}
.PressInquiries a dl dt p{
  border-top: 1rem solid #EAEAEA;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:10rem 0 ;
  color: #5D6776;
  position: absolute;
  bottom: 0;
  width: 90%;
}
.PressInquiries a dl dt p img{
  width: 15rem;
}
.PressInquiries a dl dt p span img{
  margin-right: 5rem;
}
#about{
  background-color: #fff;
  margin-top: -100rem;
  padding: 50rem;
  border-radius: 10rem;
  margin-bottom: 50rem;
}
.tab-content{
  background-color: #F9FAFB;
}
.Partnerss{
  display: flex;
}
.Partnerss .Partnersleft{
  padding: 20rem;
}
.Partnersright{
}
.Partnersright img{
  width:500rem;
}
 .PartnersTitle{
  font-size: 35rem;
  font-weight: 600;
  margin-bottom: 15rem;
}
 .Partnersp{
  color: #92939F;
  margin-bottom: 50rem;
}
 .Partnersui{
  display: flex;
  flex-wrap: wrap;
}
 .Partnersli{
  margin: 0 50rem 60rem 0;
}
.Partnersli dl{
  display: flex;
  align-items: center;
}
.Partnersli dl dt img{
  width: 30rem;
  margin-right: 17rem;
}
.Partnersli dl dd p{
  color: #92939F;
  font-size: 12rem;
}
.tab3title{
  position: relative;
  top: -180rem;
  height: 430rem;
  /* width: 120%; */
  background: url(../images/ywjztit.svg) no-repeat center center;
  background-size: cover;
}
.tab3mask{
  max-width: 1000rem;
  padding: 50rem;
  margin: 0 auto;
}
.tab3mask h4{
  text-align: center;
  font-size: 30rem;
  margin-bottom: 10rem;
}
.tab3mask .tab3masktitle{
  color: #5D6776;
  text-align: center;
  margin-bottom: 30rem;
  font-size: 12rem;
}
.tab3mask .tab3masktitle::after{
  content: '';
  display: block;
  position: absolute;
  top: 130rem;
  left: calc(50% - 20rem);
  width:30rem;
  border-bottom: 4rem solid #0074FF;
  border-radius: 20rem;
}
.tab3maskp{
  line-height: 35rem;
  color: #5D6776;
}
.xwz{
  /* background: #F9FAFB; */
}
.honor{
  display: flex;
  flex-wrap: wrap;
}
.honor img{
  margin-right: 20rem;
  width: 31%;
  margin-bottom: 40rem;
  height: 300rem;
}
/* .shareholderbox{
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
} */
.shareholder{
  display: flex;
  padding:0 10rem;
}
.shareholder img{
  width: 19%;
  height: 226rem;
  margin-right: 20rem;
  box-sizing: border-box;
}
.shareholderimg{
  padding: 20rem 0;
}
.corporateCulture{
  display: flex;
}
.corporate{
  margin-right: 30rem;
  position: relative;
}
.culture{
  color: #fff;
  position: absolute;
  left: 30rem;
  bottom: 30rem;
  padding-right: 30rem;
}
.culture h4{
  margin-bottom: 10rem;
}
.culture p{
  font-size: 14rem;
}
.History{
  background: url(../images/fzlc.svg) no-repeat center center;
  height: 520rem;
  position: relative;
  top: -120rem;
  margin-bottom: 50rem;
  padding-top: 50rem;
  
}
.PopularInquiriesButton{
  display: flex;
  font-size: 18rem;
}
.PopularInquiriesButton dl{
  margin-right: 15rem;
  background: #fff;
  border-radius: 10rem;
  overflow: hidden;
}
.PopularInquiriesButton dl dt{
  width: 100%;
}
.PopularInquiriesButton dl dt img{
  width: 100%;
}
.PopularInquiriesButton dl dd{
  padding: 10rem;
}
.PopularInquiriesButton dl dd h4{
  margin-bottom: 10rem;
}
.PopularInquiriesButton dl dd p{
  color: #5D6776;
  margin-bottom: 15rem;
}
.PopularInquiriesButton .PopularInquiriesButtonp{
  display: flex;
  justify-content: space-between;
  color: #5D6776;
  padding: 10rem 10rem;
  border-top: 1rem solid #DFDFDF;
}
.PopularInquiriesButton .PopularInquiriesButtonp img{
  width: 20rem;
}
.PopularInquiriesTop{
display: flex;
margin-bottom: 20rem;
}
.PopularInquiriesTop .PopularInquiriesTopdl1{
  width: 89%;
  position: relative;
  color: #fff;
  font-size: 18rem;
}
.PopularInquiriesTop .PopularInquiriesTopdl1 dd{
  position: absolute;
  bottom: 0;
  width: 95%;
  padding: 20rem 20rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.PopularInquiriesTop .PopularInquiriesTopdl2{
width: 11%;
}
.PopularInquiriesTop .PopularInquiriesTopdl1 dd p{
  color: #fff;
}
.PopularInquiriesTop .PopularInquiriesTopdl1 dt{
  height: 200rem;
}
.middleDL{
  display: flex;
}
.middleDL .middleImg{
  width: 490rem;
  position: relative;
  top: -140rem;
}
.middleDL .middleDd{
  width: 70%;
  margin-top: 50rem;
  padding-right: 100rem;
}
.middleDL .middleDd p{
  border-top: 1rem dashed #ccc;
  padding:20rem 10rem;
  display: flex;
  align-items: center;
}
.middleDL .middleDd .middleDdchid{
  border-bottom: 1rem dashed #ccc;
  padding:20rem 10rem;
}
.middleDL .middleDd p img{
  width: 36rem;
  top: 0;
}
.middleDL .middleDd p b{
  margin: 0 14rem;
}
.middleDL .middleDd .process {
  display: flex;
  margin-top: 45rem;
}
.middleDL .middleDd .process .processDl{
  padding: 10rem;
  text-align: center;
  margin-right: 50rem;
  position: relative;
}
.middleDL .middleDd .process .processDl .ywIcon{
  position: absolute;
  top: 50rem;
  right: -34rem;
  width: 22rem;
}
.middleDL .middleDd .process .processDl .processDd{
line-height: 30rem;
}
.middleDL .middleDd .process .processDl .processDt img{
  width: 63rem;
}
.middleDL .middleDd .process .processDl .processDd h4{
  
}
.middleDL .middleDd .process .processDl .processDd p{
  color: #92939F;
  border: 0;
  padding: 0;
  font-size: 16rem;
}

.Historybox{
  max-width: 1400px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.History .Historybox h4{
  font-size: 35rem;
  text-align: center;
  color: #fff;
  margin-bottom: 50rem;
}




.History .Historybox .swiper-container {
  width: 100%;
  height: 482rem;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide {
  width: 452rem;
  padding-top: 62rem;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide .time-box {
  position: relative;
  height: 90rem;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide .time-box .line {
  display: block;
  width: 100%;
  height: 3rem;
  box-shadow: 0rem 6rem 12rem 0rem rgba(0, 134, 67, 0.2);
  background-color: #FFFFFF;
  position: absolute;
  top: 7rem;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide .time-box .circular {
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  display: block;
  background: #fff;
  position: absolute;
  top: 0;
  z-index: 2;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide .time-box .time {
  font-size: 26rem;
  color: #fff;
  line-height: 1;
  position: absolute;
  top: 36rem;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide .time-box .time1 {
  font-size: 26rem;
  color: #fff;
  line-height: 1;
  position: absolute;
  top: -36rem;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide .img-box {
  width: 366rem;
  height: 200rem;
  background: #ffffff;
  box-shadow: 0rem 10rem 26rem 0rem rgba(0, 0, 0, 0.08);
  border-radius: 16rem;
  border: 1rem solid #f0f2f5;
  background: linear-gradient( 180deg, #FFFFFF 0%, #DDF2FF 100%);
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide .img-box span {
  display: block;
  padding: 30rem 20rem 20rem 32rem;
  font-size: 16rem;
  color: #121736;
  line-height: 22rem;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide .img-box img {
  width: 358rem;
  height: 162rem;
  padding-left: 32rem;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide.slide {
  width: 512rem;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide.slide .img-box {
  width: 480rem;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide.slide .img-box img {
  width: 418rem;
}
.History .Historybox .swiper-container .swiper-wrapper .swiper-slide:last-child .line {
  width: 0;
  left: 0;
}
.History .Historybox .swiper-container .swiper-scrollbar {
  height: 16rem;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 0;
  width: 100%;
  left: 0;
}
.History .Historybox .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
  height: 8rem;
  border-radius: 4rem;
  background: #fff;
  top: 4rem;
  cursor: pointer;
}