.heard_top{
    background: #fff;
}
.heard_top .con{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1vw 2vw;
}
.heard_top .con .logo img{
    width: 25vw;
}

.foot {
    background-color: #fff;
    font-size: 3vw;
}

    .foot .tel {
        margin: 1.5vw 0;
    }

    .foot a {
        color: #707e9c;
    }

    .foot .bq {
        color: #9fa2b3;
    }

.cspd_home {
    font-size: 3.6vw;
    background: url(/images/www/cspd/h5/home-bg.jpg) no-repeat center 65vw;
    background-size: contain;
}
.cspd_home .home_tit{
    margin: 2vw 0;
    text-align: center;
}
.cspd_home .home_tit h2{
    width: 70vw;
    margin: 1vw auto;
    font-size: 6.6vw;
    font-weight: 600;
    color: #000;    
    padding-bottom: 4vw;
    background: url(/images/www/cspd/h5/tit-bg1.png) no-repeat center bottom;
    background-size: contain;
}

.cspd_home .home_tit .desc{
    color: #56616c;    
}
.home_banner{
    width: 100%;
    background: url(/images/www/cspd/h5/home-ban.png) no-repeat;
    background-size: contain;
}
.home_banner .text{
    padding: 6vw 7vw 2vw;
    color: #fff;
    font-size: 3.5vw;
    line-height: 6vw;
}
.home_mode{
    margin: 0 5vw 9vw;    
}
.home_mode .tit{
    position: relative;
    margin: 0 auto;
    width: 30vw;
    padding: 2.6vw;
    text-align: center;
    font-size: 3.8vw;
    color: #fff;
    background: url(/images/www/cspd/h5/btn-bg01.png) no-repeat center;
    background-size: cover;
    z-index: 2;
}
.home_mode .con{
    margin: -5vw 0;
    padding: 5vw 0 2vw;
    display: flex;
    justify-content: space-between;
    align-items: self-start !important;
    border-radius: 1.2vw;
    background:#fff url(/images/www/cspd/h5/mode-bg.png) no-repeat center top;
    background-size: contain;
}
.home_mode .item{
    width: 33%;
    text-align: center;
    border-right: 1px solid #e6e6e6;
}
.home_mode .item:nth-last-child(1){
    border: none;
}
.home_mode .item .icon{
    display: block;
    margin: 2vw auto;
    width: 10vw;
    height: 10vw;    
}
.home_mode .item .icon-01{
    background: url(/images/www/cspd/h5/icon-01.png) no-repeat center;
    background-size: 95%;
}
.home_mode .item .icon-02{
    background: url(/images/www/cspd/h5/icon-02.png) no-repeat center;
    background-size: cover;
}
.home_mode .item .icon-03{
    background: url(/images/www/cspd/h5/icon-03.png) no-repeat center;
    background-size: cover;
}
.home_mode .item h4{
    font-weight: 600;
    font-size: 3.8vw;
}
.home_mode .item p{
    padding: 2vw 2.5vw;
    font-size: 3vw;
    line-height: 4.5vw;
    color: #5c5c5c;
}
.home_service{
    margin-bottom: 5.5vw;
}
.home_service_jjfa{
    padding: 2vw 4vw;
    display: flex;
    align-items: stretch;
    justify-content:space-between;
}
.home_service_jjfa .con-l{
    width: 28vw;
}
.home_service_jjfa .item{
    border-radius: 1vw;
}
.home_service_jjfa .item a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 3vw 0;
    color: #000;
    line-height: 6vw;
    text-align: center;
}
.home_service_jjfa .item h4{
    font-weight: 400;
    line-height: 4.4vw;
    text-align: center;
    margin-bottom: 2.4vw;
}
.home_service_jjfa .item .more{
    display: flex;
    justify-content: center;
}
.home_service_jjfa .item .more span{
    padding: 0.2vw 3vw;
    border-radius: 3.2vw;
    background: #fff;
    color: #2169d5;
    font-size: 3vw;
}
.home_service_jjfa .con-l .item{
    height: 100%;
    background: url(/images/www/cspd/h5/jjfa-bg01.png) no-repeat center;
    background-size: cover;
}
.home_service_jjfa .con-l .item h4{
    margin: 2.5vw 0 25vw;
    line-height: 4.6vw;
}
.home_service_jjfa .con-r{
    display: flex;
    align-items: center;
    justify-content:space-between;
    width: 60vw;
    flex-wrap: wrap;
}
.home_service_jjfa .con-r .item{
    width: 48%;
}
.home_service_jjfa .con-r .item:nth-child(1){
    background: url(/images/www/cspd/h5/jjfa-bg02.png) no-repeat center;
    background-size: cover;
    margin-bottom: 2vw;
}
.home_service_jjfa .con-r .item:nth-child(2){
    background: url(/images/www/cspd/h5/jjfa-bg03.png) no-repeat center;
    background-size: cover;
    margin-bottom: 2vw;
}
.home_service_jjfa .con-r .item:nth-child(3){
    background: url(/images/www/cspd/h5/jjfa-bg04.png) no-repeat center;
    background-size: cover;
}
.home_service_jjfa .con-r .item:nth-child(4){
    background: url(/images/www/cspd/h5/jjfa-bg05.png) no-repeat center;
    background-size: cover;
}
.home_service_hyfw{
    margin: 2vw 4vw;
}
.home_service_hyfw .tab ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 4vw;
}
.home_service_hyfw .tab li{
    position: relative;
    width: 49%;
    text-align: center;
    line-height: 10vw;
    font-size: 4vw;
    color: #000;
    background: #fff;
    border: 1px solid #bad5fe;
    border-radius: 1vw;
}
.home_service_hyfw .tab li.active{
    color: #fff;
    border: transparent;
    background-image: linear-gradient(to right, #1071f4 0, #146ffb 100%);
}
.home_service_hyfw .tab li.active::after{
    content: '';
    position: absolute;
    bottom: -2vw;
    margin-left: -2vw;
    left: 50%;
    width: 4vw;
    height: 3vw;
    background: url(/images/www/cspd/h5/icon-arw.png) no-repeat center;
    background-size: cover;
}
.home_service_hyfw .sub-tit{
    width: 65%;
    margin: 1.5vw auto 2vw;
    background: url(/images/www/cspd/h5/tit-bg2.png) no-repeat center;
    background-size: contain;
}
.home_service_hyfw .sub-tit h3{
    font-size: 4.6vw;
    font-weight: 600;
    text-align: center;
}
.cspd_home .item-list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cspd_home .item-list .item{
    background:#ecf5ff url(/images/www/cspd/h5/item-bg02.png) no-repeat top right;
    background-size: contain;  
}
.cspd_home .item-list .item-t{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1vw;
}
.cspd_home .item-list .icon{
    display: block;
    width: 3.4vw;
    height: 3.4vw;
    margin: 0 1.5vw;
}
.cspd_home .item-list h4{
    font-weight: 600;
    font-size: 3.4vw;
}
.cspd_home .item-list a{
    display: block;
    height: 100%;
    color: #333;
    text-align: center;
}
.cspd_home .item-list p{
    font-size: 2.8vw;
    line-height: 4.2vw;
    color: #666;
    letter-spacing: -0.2px;
}
.cspd_home .grad-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 2vw 0.5vw 0;
}
.cspd_home .grad-box li{
    width: 48.5%;    
    background: #fff;
    border: 1px solid #dce4fb;
}
.cspd_home .grad-box li a{
    display: block;
    height: 100%;
    padding: 2.5vw 1.5vw;
}
.cspd_home .grad-box li h5{
    text-align: center;
    font-weight: 600;
    margin-bottom: 1vw;
    font-size: 3vw;
}
.cspd_home .grad-box li p{
    color: #666666;
}
.jsyf-con{
    margin-bottom: 5vw;
}
.jsyf-con .item{
    width: 19%;
    padding: 3vw 1vw;
}
.jsyf-con .item .icon{
    width: 4vw;
    height: 4vw;
    margin: 1vw auto 3vw;    
}
.jsyf-con .item h4{
    position: relative;
    margin: 0 0 2vw;
    height: 6vw;
}
.jsyf-con .item h4::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -2.1vw;
    display: block;
    width: 4.2vw;
    height: 0.3vw;
    background: #1071f4;
}
.hyfw-box .item .icon-01{
    background: url(/images/www/cspd/h5/icon-hy01.png) no-repeat center;
    background-size: cover;  
}
.hyfw-box .item .icon-02{
    background: url(/images/www/cspd/h5/icon-hy02.png) no-repeat center;
    background-size: cover;  
}
.hyfw-box .item .icon-03{
    background: url(/images/www/cspd/h5/icon-hy03.png) no-repeat center;
    background-size: cover;  
}
.hyfw-box .item .icon-04{
    background: url(/images/www/cspd/h5/icon-hy04.png) no-repeat center;
    background-size: cover;  
}
.hyfw-box .item .icon-05{
    background: url(/images/www/cspd/h5/icon-hy05.png) no-repeat center;
    background-size: cover;  
}
.hyfw-box .item .icon-06{
    background: url(/images/www/cspd/h5/icon-hy06.png) no-repeat center;
    background-size: contain;  
}
.hyfw-box .item .icon-07{
    background: url(/images/www/cspd/h5/icon-hy07.png) no-repeat center;
    background-size: contain; 
}
.hyfw-box .item .icon-08{
    background: url(/images/www/cspd/h5/icon-hy08.png) no-repeat center;
    background-size: contain; 
}
.hyfw-box .item .icon-09{
    background: url(/images/www/cspd/h5/icon-hy09.png) no-repeat center;
    background-size: contain; 
}
.hyfw-box .item .icon-10{
    background: url(/images/www/cspd/h5/icon-hy10.png) no-repeat center;
    background-size: contain;  
}
.hyfw-box .item .icon-11{
    background: url(/images/www/cspd/h5/icon-hy11.png) no-repeat center;
    background-size: contain;  
}
.hyfw-box .item .icon-12{
    background: url(/images/www/cspd/h5/icon-hy12.png) no-repeat center;
    background-size: contain; 
}
.hyfw-box .item .icon-13{
    background: url(/images/www/cspd/h5/icon-hy13.png) no-repeat center;
    background-size: contain; 
}
.hyfw-box .item .icon-14{
    background: url(/images/www/cspd/h5/icon-hy14.png) no-repeat center;
    background-size: contain; 
}
.hyfw-box .item .icon-15{
    background: url(/images/www/cspd/h5/icon-hy15.png) no-repeat center;
    background-size: contain;  
}

.hyfw-box .jsyf-con .item:nth-child(1){
    background: url(/images/www/cspd/h5/jsyf-bg-a01.jpg) no-repeat;
    background-size: cover;
}
.hyfw-box .jsyf-con .item:nth-child(2){
    background: url(/images/www/cspd/h5/jsyf-bg-a02.jpg) no-repeat;
    background-size: cover;
}
.hyfw-box .jsyf-con .item:nth-child(3){
    background: url(/images/www/cspd/h5/jsyf-bg-a03.jpg) no-repeat;
    background-size: cover;
}
.hyfw-box .jsyf-con .item:nth-child(4){
    background: url(/images/www/cspd/h5/jsyf-bg-a04.jpg) no-repeat;
    background-size: cover;
}
.hyfw-box .jsyf-con .item:nth-child(5){
    background: url(/images/www/cspd/h5/jsyf-bg-a05.jpg) no-repeat;
    background-size: cover;
}
.zxfw-box .jsyf-con .item:nth-child(1){
    background: url(/images/www/cspd/h5/jsyf-bg-b01.jpg) no-repeat;
    background-size: cover;
}
.zxfw-box .jsyf-con .item:nth-child(2){
    background: url(/images/www/cspd/h5/jsyf-bg-b02.jpg) no-repeat;
    background-size: cover;
}
.zxfw-box .jsyf-con .item:nth-child(3){
    background: url(/images/www/cspd/h5/jsyf-bg-b03.jpg) no-repeat;
    background-size: cover;
}
.zxfw-box .jsyf-con .item:nth-child(4){
    background: url(/images/www/cspd/h5/jsyf-bg-b04.jpg) no-repeat;
    background-size: cover;
}
.zxfw-box .jsyf-con .item:nth-child(5){
    background: url(/images/www/cspd/h5/jsyf-bg-b05.jpg) no-repeat;
    background-size: cover;
}
.hyfw-box .jshz-con{
    margin-bottom: 4vw;
}
.hyfw-box .jshz-con .item{
    width: 32%;
    padding: 3vw 1vw;
    margin: 1vw 0;
    border-radius: 1vw;
}
.hyfw-box .jshz-con .item:nth-last-child(1),
.hyfw-box .jshz-con .item:nth-last-child(2){
    width: 49%;
}
.hyfw-box .jstg-con .tg-subbox{
    display: flex;
    justify-content: space-between;
    align-items: stretch !important;
    background:#ecf5ff url(/images/www/cspd/h5/item-bg02.png) no-repeat top right;
    background-size: contain;  
    border-radius: 1vw;
    overflow: hidden;
    width: 100%;
    margin-bottom: 2vw;
}
.hyfw-box .jstg-con .tit{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5vw;
    width: 10%;
    color: #fff;
    font-weight: 400;
    background-image: linear-gradient(to bottom, #0b65fd 50%, #94c1ff 100%);
}
.hyfw-box .jstg-con .tg-subbox .list{
    display: flex;
    justify-content: space-between;
    align-items: stretch !important;
    padding: 2vw;
    width: 90%;
}
.hyfw-box .jstg-con .tg-subbox .item{
    width: 32%;
    height: 100%;
    padding: 2vw;
    background: #fdfeff;
    
}
.hyfw-box .jstg-con .tg-subbox .item .icon{
    width: 4vw;
    height: 4vw;
    margin: 1vw auto 2vw;    
}
.hyfw-box .jstg-con .tg-subbox .item h4{
    font-size: 3vw;
}
.hyfw-box .jstg-con .bot-list .item{
    width: 48.7%;
    padding: 2.5vw;
    border-radius: 1vw;
}
.home_jjfa{
    margin: 3vw 4vw;
}
.home_jjfa .item{    
    width: 48.7%;
    padding: 2vw 1.8vw;
    background:#ecf5ff url(/images/www/cspd/h5/item-bg02.png) no-repeat top right;
    background-size: contain; 
    border-radius: 1vw;
    text-align: center;
}
.home_jjfa .item li{
    margin: 0.8vw 0;
}
.home_jjfa .item li h5{
    font-weight: 400;
}
.home_jjfa .item p{
    height: 3.1vw;
}
.home_jjfa .item .icon-01{
    background: url(/images/www/cspd/h5/icon-al01.png) no-repeat center;
    background-size: contain; 
}
.home_jjfa .item .icon-02{
    background: url(/images/www/cspd/h5/icon-al02.png) no-repeat center;
    background-size: contain;  
}
.home_jjfa .item:nth-last-child(1) li{
    height: 29.5vw;
    
}
.home_jjfa .item:nth-last-child(1) li h5{
    display: flex;
    align-items: center;
    height: 100%;
}
.zxfw-box .jsyf-con .item h4{
    height: 9vw;
    line-height: 3.7vw;
}

.zxfw-box .item .icon-01{
    background: url(/images/www/cspd/h5/icon-zx01.png) no-repeat center;
    background-size: cover;  
}
.zxfw-box .item .icon-02{
    background: url(/images/www/cspd/h5/icon-zx02.png) no-repeat center;
    background-size: cover;  
}
.zxfw-box .item .icon-03{
    background: url(/images/www/cspd/h5/icon-zx03.png) no-repeat center;
    background-size: cover;  
}
.zxfw-box .item .icon-04{
    background: url(/images/www/cspd/h5/icon-zx04.png) no-repeat center;
    background-size: cover;  
}
.zxfw-box .item .icon-05{
    background: url(/images/www/cspd/h5/icon-zx05.png) no-repeat center;
    background-size: cover;  
}
.zxfw-box .item .icon-06{
    background: url(/images/www/cspd/h5/icon-zx06.png) no-repeat center;
    background-size: cover;  
}
.zxfw-box .item .icon-07{
    background: url(/images/www/cspd/h5/icon-zx07.png) no-repeat center;
    background-size: cover;  
}
.zxfw-box .item .icon-08{
    background: url(/images/www/cspd/h5/icon-zx08.png) no-repeat center;
    background-size: cover;  
}
.zxfw-box .item .icon-09{
    background: url(/images/www/cspd/h5/icon-zx09.png) no-repeat center;
    background-size: cover;  
}
.zxfw-box .item .icon-10{
    background: url(/images/www/cspd/h5/icon-zx10.png) no-repeat center;
    background-size: cover;  
}
.zxfw-box .item .icon-11{
    background: url(/images/www/cspd/h5/icon-zx11.png) no-repeat center;
    background-size: cover;  
}
.zxfw-box .item .icon-12{
    background: url(/images/www/cspd/h5/icon-zx12.png) no-repeat center;
    background-size: contain;  
}
.zxfw-box .jshz-con {
    margin-bottom: 4vw;
}
.zxfw-box .jshz-con .item{
    padding: 2vw 0.5vw;
    width: 24.5%;
}
.zxfw-box .jshz-con .item h4{
    margin-bottom: 1vw;
}
.zxfw-box .jshz-con .item:nth-last-child(1){
    width: 46%;
}
.zxfw-box .jshz-con .item:nth-child(1) .icon,
.zxfw-box .jshz-con .item:nth-child(2) .icon{
    margin: 1vw auto;
}
.zxfw-box .tg-subbox{
    display: flex;
    justify-content: space-between;
    align-items: stretch !important;
    background: #ecf5ff url(/images/www/cspd/h5/item-bg02.png) no-repeat top right;
    background-size: contain;
    border-radius: 1vw;
    overflow: hidden;
    width: 100%;
    margin-bottom: 2vw;
}
.zxfw-box  .jstg-con .tit{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.7vw;
    width: 10%;
    color: #fff;
    font-weight: 400;
    font-size: 3vw;
    background-image: linear-gradient(to bottom, #0b65fd 50%, #94c1ff 100%);
}
.zxfw-box .jstg-con .tg-subbox .list{
    display: flex;
    justify-content: space-between;
    align-items: stretch !important;
    padding: 2vw 2.4vw 2vw 3vw;
    width: 90%;
    flex-wrap: wrap;
}
.zxfw-box .jstg-con .tg-subbox .item{
    width: 48.5%;
    padding: 2vw;
    background: #fdfeff;  
    margin: 1vw 0; 

}
.zxfw-box .jstg-con .tg-subbox .item .icon{
    width: 4vw;
    height: 4vw;
    margin: 1vw auto 2vw;    
}
.zxfw-box .jstg-con .tg-subbox .item h4{
    font-size: 3vw;
}
.zxfw-box .jstg-con .bot-list .item{
    width: 48.5%;
    border-radius: 1.5px;
    padding: 2vw;
    margin-bottom: 2vw;
}

.container {
    max-width: 750px;
    margin: 0 auto;
}


.layui-btn {
    border-radius: 4px;
    border: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
}


.fuwutese-container {
    padding-left: 10px;
    padding-right: 10px;
}

.fuwutese {
    color: #181818;
    font-size: 20px;
    font-weight: bold;
}

.split-line {
    border: 1.5px solid #5e88fe;
    width: 40px;
    display: inline-block;
}

.fuwutese-content {
    text-indent: 2em;
    color: #6f7391;
    font-size: 18px;
    line-height: 30px;
}

.fuwushengji {
    color: #282828;
    font-size: 18px;
    font-weight: bold;
}

.banner {
    position: relative;
    display: inline-block;
    /* 允许容器大小适应其内容 */
}

    .banner img {
        display: block;
        /* 移除图像下方的空白间隙 */
    }

.lijizixun {
    position: absolute;
    bottom: 10px;
    left: 15%;
}

.jiejuefangan-container {
    background: url("../images/zhishichanquanfuwu.jpg") 100% no-repeat;
    height: 140px;
    background-size: contain;
    background-position: center;
    /* 可选，确保背景图居中 */
}

.zhaomu {
    position: relative;
    display: inline-block;
    /* 允许容器大小适应其内容 */
}

    .zhaomu img {
        display: block;
        /* 移除图像下方的空白间隙 */
    }

.lijijiaru {
    position: absolute;
    bottom: 20px;
    right:40%;
}