.banner-box{
    width: 100%;
    height: 300px;
    background-image: url('https://oss.xhsqy.com/web/image/all/202405/1b2b34cb4711422d95930d877e763d3b.png');
    background-size: cover;
    display: flex;
}
.banner-info-box{
    width: 80%;
    margin: auto;
}
.banner-info{
    width: 70%;
    text-align: center;
}
.xq-logo{
    width: 180px;
    margin: 0 auto 10px;
}
.xq-logo img{
    width: 100%;
    vertical-align: middle;
}
.banner-text{
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}
.banner-link{
    width: 245px;
    height: 50px;
    line-height: 50px;
    background: #D21A24;
    text-align: center;
    margin: 20px auto 0;
    cursor: pointer;
}
.banner-link:hover{
    background: #fff;
}
.banner-link:hover .link-text{
    color: #D21A24;
}
.banner-link .link-text{
    font-size: 20px;
    color: #fff;
}
.xqgg-num-box{
    width: 100%;
    height: auto;
    background: #F5F5F5;
    padding: 25px 0;
}
.xqgg-banxin{
    width: 85%;
    margin: auto;
    display: flex;
}
.num-bold{
    font-size: 30px;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.num-text{
    font-size: 16px;
    color: #4A4A4A;
}
.num-line{
    position: relative;
}
.fontSize25{
    font-size: 25px !important;
}
.num-line::after{
    content: '';
    width: 1px;
    height: 85%;
    background: #BABABA;
    position: absolute;
    right: 60%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.xqgg-banxin div{
    width: calc(100% / 9);
}
.xqgg-info-box{
    width: 85%;
    margin: auto;
}
.xqgg-box{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    padding: 55px 0 60px;
}
.xqgg-info-left{
    width: 35%;
    margin: auto 0;
}
.xqgg-info-left img{
    width: 100%;
    vertical-align: middle;
}
.xqgg-info-right{
    width: calc(65% - 35px);
    margin: auto 0;
}
.xqgg-title{
    width: 146px;
    height: 48px;
    line-height: 48px;
    background: #D21A24;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.xqgg-text{
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin-top: 25px;
}
.xqgg-type-title{
    font-size: 36px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.xqgg-type-title .two-line,.xqgg-type-title .center-line,.bank-line{
    position: relative;
}
.two-line::before ,.center-line::before,.bank-line::before{
    content: '';
    height: 3px;
    background: #D21A24;
    position: absolute;
    bottom: -10px;
}
.xqgg-type-title .two-line::before{
    width: 24%;
    left: 45%;
}
/* .center-line::before{
    width: 15%;
    left: 42%;
} */
.bank-line::before{
    width: 25%;
    left: 50%;
    transform: translateX(-50%);
}
.xqgg-fn{
    width: 100%;
    margin: 40px auto 0;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 20px;
    display: grid;
}
.xqgg-fn li{
    padding: 30px 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    letter-spacing: 1px;
}
.science-title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
}
.science-content p {
    line-height: 27px;
    font-size: 16px;
    color: #4F4F4F;
}
.science-img {
    margin: auto 0;
}
.science-img  img{
    vertical-align: middle;
}
.science-01 {
    background: #e4f2ff;
}
.science-02 {
    background: #fdf4e5;
}
.science-03 {
    background: #e3faea;
}
.science-04 {
    background: #fcebf5;
}
.xqgg-ten-tip{
    font-size: 16px;
    color: #4E4E4E;
    text-align: center;
    padding: 18px 0 40px;
}
/* 十大优势 */
.advantage-tip{
    font-size: 15px;
    color: #2d2e43;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.advantage-box{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    text-align: center;
    margin: auto;
    grid-gap: 0 40px;
}
.advantage-box .line{
    border-bottom: 1px solid #d3d3d3;
}
/* .advantage-box .line{
    border-bottom: 1px solid #d3d3d3;
    position: relative;
} */

.advantage-title{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 10px 0;
}
.advantage-content{
    line-height: 25px;
    font-size: 16px;
    color: #333;
}
.borderLeft,.borderRight,.topbottom,.line,.pdding30{
    padding: 30px;
    box-sizing: border-box;
}
/* .borderLeft,.borderRight,.topbottom{
    position: relative;
    width: 100%;
}
.borderLeft:before,.borderLeft::after,.line::after,.topbottom::after,.borderRight::after {
    content: "";
    position: absolute;
    right: 0;
}
.borderLeft:before{
    background-image: linear-gradient(to left, #d3d3d3, transparent);
    left: 0;
    height: 1px;
    bottom: 0;
}
.borderLeft::after,.line::after{
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to top, #d3d3d3, transparent);
    top: 0;
}
.topbottom::after{
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to bottom, #d3d3d3, transparent);
    top: 0;
}
.borderRight::after {
    background-image: linear-gradient(to right, #d3d3d3, transparent);
    left: 0;
    height: 1px;
    bottom: 0;
} */
.advantage-img{
    width: 74px;
    height: 73px;
    margin: auto;
}
.advantage-img img{
    width: 100%;
    vertical-align: auto;
}
/* 产品赋能 */
.product-fn-box{    
    display: grid;
    grid-template-columns: repeat(4,1fr);
    text-align: center;
    margin: 35px auto 0;
    grid-gap: 0 25px;
}
.product-fn-box li{
    /* border: 1px solid #e4e4e4; */
    letter-spacing: 1px;
    padding-bottom: 25px;
    background: #F5F5F5;
}
/* .product-img{
    position: relative;
}
.product-img::after{
    content: '';
    width: 30%;
    height: 4px;
    background: #4c88ff;
    position: absolute;
    left: 50%;
    bottom: -4px;
    transform: translateX(-50%);
} */
.product-img img{
    width: 100%;
    vertical-align: middle;
}
.product-title{
    font-size: 22px;
    color: #333;
    font-weight: bold;
    margin: 25px auto 15px;
}
.product-tip{
    line-height: 25px;
    font-size: 16px;
    color: #333;
    padding: 0 25px;
    box-sizing: border-box;
    text-align: left;
}
.bank-box{
    width: 100%;
    height: auto;
    background-image: url(/img/app-bank-bg.jpg);
    background-position: center;
    background-size: cover;
    margin-top: 60px;
    padding: 60px 0 40px;
}
.bank-title,.bank-tip{
    text-align: center;
    letter-spacing: 1px;
}
.bank-title{
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}
.bank-tip{
    font-size: 15px;
    color: #fff;
    margin: 20px auto;
}
.bank-img{
    text-align: center;
}
.bank-img img{
    width: 100%;
    vertical-align: middle;
}
/* 银行 */
.xqgg-bank-box{
    width: 100%;
    height: auto;
    background-image: url('https://oss.xhsqy.com/web/image/all/202406/4c611d46f4d84d2b8e28f00028bcc1bf.png');
    background-position: center;
    background-size: cover;
    margin: 50px auto;
}
.xqgg-bank-block{
    width: 85%;
    margin: auto;
    padding: 50px 0 95px;
}
.bank-line{
    color: #fff;
}
.xqgg-bank-tip{
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 25px auto;
}
.xqgg-bank-img{
    width: 90%;
    margin: auto;
}
.xqgg-bank-img img{
    width: 100%;
    vertical-align: middle;
}
/* ********************************* 服务赋能 ********************************** */
.service-block{
    display: flex;
    justify-content: space-between;
    letter-spacing: 1px;
}
.service-title{
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}
.service-content{
    line-height: 25px;
    font-size: 16px;
    color: rgba(71, 71, 71, .85);
}
.service-line{
    position: relative;
    padding: 0 70px 0 70px;
    box-sizing: border-box;
}
.service-line::after{
    content: '';
    width: calc(100% - 70px);
    height: 1px;
    /* background: #f0f0f0; */
    background: rgba(196, 196, 196, .14);
    position: absolute;
    bottom: 0;
    left: 0;
}
.xiaoqi-box{
    margin: 40px 0 0 0;
    padding-left: 70px;
    box-sizing: border-box;
}
.service-icon1,.service-icon2,.service-icon3{
    position: relative;
}
.service-icon1::before,.service-icon2::before,.service-icon3::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.service-icon1::before{
    width: 52px;
    height: 44px;
    background: url(/img/app-service-01.png);
    background-position: center;
    background-size: cover;
}
.service-icon2::before{
    width: 50px;
    height: 50px;
    background: url(/img/app-service-02.png);
    background-position: center;
    background-size: cover;
}
.service-icon3::before{
    width: 45px;
    height: 45px;
    background: url(/img/app-service-03.png);
    background-position: center;
    background-size: cover;
}
.left-box{
    /* padding-top: 20px; */
    /* width: 65%; */
}
.left-box .service-line{
    padding: 40px 70px 30px;
    box-sizing: border-box;
}
.right-box{
    width: 524px;
    /* width: 35%; */
}
.right-box img{
    width: 100%;
    vertical-align: middle;
}
.xqgg-info-bg{
    width: 100%;
    background: #f5f5f5;
}
.xqgg-info-90{
    /* width: 90%;
    margin: auto; */
    padding: 0 0 45px 50px;
    box-sizing: border-box;
}
/* ***************************** 下载 *********************************** */
.upload-box{
    width: 100%;
    height: auto;
    background-image: url('https://oss.xhsqy.com/test/image/all/202406/8120fce51d794c8fb44060a8cb5630e9.png');
    background-position: center;
    background-size: cover;
}
.upload{
    width: 950px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.upload-left{
    letter-spacing: 1px;
    margin: auto 0;
}
.upload-left ul li{
    display: flex;
    line-height: 40px;
    margin-bottom: 20px;
}
.upload-title{
    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding-bottom: 30px;
}
.num-box{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #F3F3F3;
    text-align: center;
    background: #D21A24;
    border-radius: 50%;
    margin: auto;
}
.upload-text{
    width: 250px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color:#333;
    text-align: center;
    /* border: 1px solid #c3c3c3; */
    border: 1px solid #7a7a7a;
    /* border-radius: 7px; */
    /* background: #f4f4f4; */
    position: relative;
    margin-left: 20px;
}
.upload-text::before{
    content: '';
    width: 20px;
    height: 1px;
    /* background: #bdbdbd; */
    background: #999;
    position: absolute;
    left: -21px;
    top: 50%;
    transform: translateY(-50%);
}
/* .upload-down{
    position: relative;
}
.upload-down::after{
    content: '';
    width: 15px;
    height: 10px;
    background-image: url(/img/app-upload-down.png);
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translateX(-50%);
} */
.upload-btn{
    color: #fff;
    background: #D21A24;
}
.upload-right{
    margin-top: -60px;
}
.upload-right img{
    width: 100%;
    vertical-align: middle;
}