.banner-box{
    width: 100%;
    height: auto;
    background-image: url('https://oss.xhsqy.com/web/image/all/202408/efc5560752b14aac8370966c6764f824.png');
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: 2.5rem;
    padding: 1.5rem 0 1.65rem;
}
.banner-text{
    font-size: .7rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: .7rem 0 1rem;
    letter-spacing: 1px;
}

.qlqf-logo{
    width: 5rem;
}
.qlqf-code{
    width: 10rem;
}
.qlqf-logo,.qlqf-code{
    margin: auto;
}
.qlqf-logo img,.qlqf-code img{
    width: 100%;
    vertical-align: middle;
}
.width11{
    width: 11rem !important;
}
.title-box{
	width: 90%;
	margin: 2rem auto;
	text-align: center;
}
.title-box p,.title-box div{
	font-size: .875rem;
	font-weight: bold;
	color: #333;
	letter-spacing: 1px;
	position: relative;
}
.title-box p::before{
	content: '';
	width: 1.5rem;
	height: .12rem;
	background: #C7000A;
	position: absolute;
	bottom: -.3rem;
	left: 49%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.title-box span{
    color: #C7000A !important;
}
.qlqf-box-01{
    width: 100%;
    height: auto;
    background-image: url('https://oss.xhsqy.com/web/image/all/202408/c34ec08b73e4466c8089c0ea15b1d619.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1.2rem 1rem;
    box-sizing: border-box;
}
.qlqf-box-01 p{
    line-height: .9rem;
    font-size: .5rem;
    color: #2E2E2E;
    padding-bottom: .7rem;
}
.qlqf-box-01 p span{
    font-weight: bold;
}
.qlqf-01{
    width: 95%;
    margin: auto;
}
.qlqf-01 img{
    width: 100%;
    vertical-align: middle;
}
.qlqf-text-box{
    width: 90%;
    margin: auto;
}
.qlqf-02-text{
    line-height: .9rem;
    font-size: .5rem;
    color: #2E2E2E;
}
.qlqf-02{
    width: 95%;
    margin: 1rem auto;
}
.qlqf-02 img{
    width: 100%;
    vertical-align: middle;
}
.qlqf-block{
    width: 95%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5rem;
    margin: auto;
}
.qlqf-ai-01,.qlqf-ai-02,.qlqf-ai-03,.qlqf-ai-04{
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 1rem .7rem;
    box-sizing: border-box;
}
.qlqf-block .qlqf-ai-01{
    background-image: url(../img/qlqf-ai-01.png);
}
.qlqf-block .qlqf-ai-02{
    background-image: url(../img/qlqf-ai-02.png);
}
.qlqf-block .qlqf-ai-03{
    background-image: url(../img/qlqf-ai-03.png);
}
.qlqf-block .qlqf-ai-04{
    background-image: url(../img/qlqf-ai-04.png);
}
.qlqf-ai-title,.qlqf-ai-text{
    color: #fff;
}
.qlqf-ai-title{
    font-size: .65rem;
    font-weight: bold;
    position: relative;
    padding: 0 0 .4rem 1.25rem;
    box-sizing: border-box;
    letter-spacing: 1px;
}
.qlqf-ai-title::before{
    content: '';
    width: 1.1rem;
    height: 1rem;
    background-image: url(../img/qlqf-icon-01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: -1px;
    left: 0;
}
.qlqf-ai-text{
    line-height: .75rem;
    font-size: .5rem;
    padding: 0 .2rem;
    box-sizing: border-box;
}
.qlqf-bg-02{
    width: 100%;
    height: 4.3rem;
    background: url('https://oss.xhsqy.com/web/image/all/202408/7d427af587b04c1396640ef8b298c938.png') #F5F5F5;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
}
.qlqf-03{
    width: 60%;
    padding-left: 1rem;
    box-sizing: border-box;
}
.qlqf-03 img{
    width: 100%;
    vertical-align: middle;
}
.qlqf-case-block{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem 0;
    background: #F5F5F5;
    padding: 1rem .5rem .7rem;
    box-sizing: border-box;
}
.qlqf-box{
    display: flex;
    align-items: center;
}
.qlqf-case{
    width: 3rem;
}
.qlqf-case-02,.qlqf-case-03{
    width: 2.3rem;
}
.qlqf-case-04{
    width: 2.7rem;
}
.qlqf-case-01,.qlqf-case-02,.qlqf-case-03,.qlqf-case-04 {
    margin: auto;
}
.qlqf-case-01 img,.qlqf-case-02 img,.qlqf-case-03 img,.qlqf-case-04 img{
    width: 100%;
    vertical-align: middle;
}
.qlqf-case-title,.qlqf-case-text{
    color: #333;
}
.qlqf-case-title{
    font-size: .55rem;
    font-weight: bold;
    padding-top: .2rem;
}
.qlqf-case-text{
    line-height: 1rem;
    font-size: .45rem;
}
.width95{
    width: 95%;
    margin: auto;
}
.qlqf-case-bg{
    width: 100%;
    height: 4.2rem;
    background: url('https://oss.xhsqy.com/web/image/all/202408/930f5d6e1e794001b65a665e213182d9.png') #F5F5F5;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
}
.qlqf-05{
    width: 57%;
    padding-left: 1rem;
    box-sizing: border-box;
}
.qlqf-05 img{
    width: 100%;
    vertical-align: middle;
}
.qlqf-info-box{
    background: #F5F5F5;
}
.qlqf-info-text{
    width: 90%;
    line-height: .9rem;
    margin: auto;
    padding-top: 1rem;
}
.qlqf-info-text p{
    font-size: .6rem;
    color: #333;
    padding-left: .35rem;
    box-sizing: border-box;
    position: relative;
}
.qlqf-info-text p::before{
    content: '';
    width: 5px;
    height: 5px;
    background: #C7000A;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.info-box{
    width: 100%;
    display: flex;
    color: #333;
}
.logo-box{
    width: 1.8rem;
}
.logo-box img{
    width: 100%;
    vertical-align: middle;
}
.company-info{
    width: calc(100% - 2.4rem);
    padding-left: .3rem;
    box-sizing: border-box;
}
.info-title{
    font-size: .55rem;
    font-weight: bold;
}
.info-text{
    line-height: .7rem;
    font-size: .45rem;
    margin-top: .1rem;
}
.qlqf-legal-block{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .4rem;
}
.qlqf-legal-01,.qlqf-legal-02,.qlqf-legal-03,.qlqf-legal-04{
    width: 100%;
    height: 4.25rem;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: .6rem .5rem;
    box-sizing: border-box;
}
.qlqf-legal-01{
    background-image: url(../img/qlqf-legal-01.png);
}
.qlqf-legal-02{
    background-image: url(../img/qlqf-legal-02.png);
}
.qlqf-legal-03{
    background-image: url(../img/qlqf-legal-03.png);
}
.qlqf-legal-04{
    background-image: url(../img/qlqf-legal-04.png);
}
.black-title,.black-text{
    color: #333;
}
.white-title,.white-text{
    color: #fff;
}
.black-title,.white-title{
    font-size: .6rem;
    font-weight: bold;
    padding-bottom: .25rem;
}
.black-text,.white-text{
    line-height: .7rem;
    font-size: .45rem;
}
.network-box{
    width: 100%;
    height: auto;
    background: #314471;
}
.network-box .title-box{
    padding-top: 1.7rem;
    margin: 2rem auto 1.5rem;
}
.colorfff{
    color: #fff !important;
}
.city-box p{
    line-height: .9rem;
    font-size: .5rem;
    color: #fff;
    text-align: center;
}
.qlqf-city-box{
    width: 85%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .5rem;
    margin: auto;
    padding: 1rem 0 1.5rem;
}
.branch-img{
    width: 100%;
}
.branch-img img{
    width: 100%;
    vertical-align: middle;
}
.branch-cityName {
    width: 100%;
    padding: 3% 0;
    font-size: .5rem;
    color: #fff;
    text-align: center;
    background: #0a82c6;
}