.month-card-wrap{
    
}
.month-card{
    width: 2.88rem;
    height: 1.53rem;
    background: url("../static/images/18296_104374082c9e2bd160ee963b4f29c98f.png")no-repeat center;
    background-size: cover;
    box-shadow: 0px .02rem .16rem 0px rgba(61,110,255,0.1);
    border-radius: .08rem;
    padding: .16rem;
    color: #333;
    transition: all .3s;
    cursor: pointer;
}

.month-card:hover{
    background: url("../static/images/18296_4f8b8a6e3b0b7146dd0366b3fec7a3e7-1.png")no-repeat center;
    background-size: cover;
    /* margin-top: -.18rem; */
    transform:translateY(-.18rem);
    color: white;
}
.month-card:hover a{
    color: white;
}

.month-card-title{
    font-size: .24rem;
    
    line-height: .33rem;
    font-weight: 600;
}

.month-card-desc{
    font-size: 14px;
    
    font-weight: normal;
    line-height: 20px;
    margin-top: .08rem;
}

.month-card-more{
    margin-top: .23rem;
    cursor: pointer;
}
.month-card-more,.month-more-link{
    font-size: .12rem;
    
    font-weight: normal;
    color: #3D6EFF;
    line-height: .17rem;
}

.month-card-wrap .swiper-slide{
    padding-bottom: .3rem;
}
.home-count-wrap{
    margin-top: .3rem;
}

.month-card-wrap .swiper-pagination-month{
    bottom: 0!important;
}
.month-card-wrap .swiper-pagination-bullet{
    background-color: #eee!important;
    width: 0.24rem;
    height: 0.04rem;
    border-radius: .03rem;
    opacity: 1;
}

.month-card-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #3D6EFF!important;
}

.month-more-icon{
    width: 15px;
    height: 8px;
    background: url("../static/images/18296_a040df8d70cdd5f0de29701bbb39222c.png")no-repeat center;
    background-size: 100%;
    margin-left: .07rem;
}
.month-card:hover .month-more-icon{
    background: white;
}


.month-card:hover .month-card-more{
    color: white;
}
.month-card:hover .month-more-icon{
    background: url("../static/images/18296_a518992632a36ac0bd54b12d4a09fccd.png")no-repeat center;
    background-size: 100%;
}

.main-offset-top{
    margin-top: -.5rem;
    position: relative;
    z-index: 9;
}
.month-bar-wrap{
    margin: .24rem 0 .32rem;
}
.month-bar-wrap .month-bar{
    width: .32rem;
    height: .06rem;
    background-color: #EEEEEE;
    border-radius: .03rem;
    margin-right: .1rem;
}
.month-bar.active{
    background-color: #3D6EFF;
}

.home-count-item{
    
    margin: auto;
    flex: 1;
}
.home-count-data{
    font-weight: bold;
    line-height: .83rem;
    font-size: .48rem;
    margin: .09rem 0 .08rem;
}

.home-count-unit{
    font-size: .32rem;
    font-weight: 600;
    line-height: .45rem;
}

.home-count-add{
    font-size: .48rem;
    font-weight: bold;
    line-height: .61rem;
    position: relative;
    top: -.25rem;
}
.home-count-desc{
    font-size: .18rem;
    font-weight: normal;
    line-height: .25rem;
}
.home-count-tip{
    font-size: .14rem;
    
    font-weight: normal;
    color: #999999;
    margin: .16rem 0 .6rem;
    line-height: .2rem;
    letter-spacing: 1px;
}

.home-content-title{
    font-size: .4rem;
    color: #333333;
    line-height: .55rem;
    margin-bottom: .4rem;
    font-weight: 600;
	margin-top: 1em;
}
.home-content-sub-title{
    font-size: .32rem;
    
    color: #333333;
    line-height: .44rem;
    margin-bottom: .7rem;
    font-weight: 600;
}

.home-number{
    background: #F8FBFF;
    padding: .7rem 0;
}

.home-number-title{
    font-size: .40rem;
    
    color: #333333;
    font-weight: 600;
    line-height: .55rem;
}
.home-number-desc{
    font-size: .24rem;
    
    font-weight: normal;
    color: #666666;
    line-height: .33rem;
    margin: .16rem 0 .6rem;
}
.home-number-card{
    width: 3.86rem;
    height: 7.71rem;
    border-radius: .18rem;
    background: white;
    position: relative;
    border: 1px solid #C3D2FF;
    transition: all .3s;
}

.home-number-card-head{
    height: .69rem;
    border-top-left-radius: .18rem;
    border-top-right-radius: .18rem;
    background: url("../static/images/18296_d8bd50ee3bd1b557c1fb8a643d6126ec.png")no-repeat center;
    background-size: cover;
    transition: all .3s;
}
.home-number-card-icon{
    width: .28rem;
    height: .28rem;
}
.home-number-card-icon1{
    background: url("../static/images/18296_821bc16373ca930b424029324952c562.png");
    background-size: 100%;
}

.home-number-card-icon2{
    width: .28rem;
    height: .28rem;
    background: url("../static/images/18296_d4096399f654f1baae02c8e5fc2aeb43.png");
    background-size: 100%;
}
.home-number-card-icon3{
    width: .28rem;
    height: .28rem;
    background: url("../static/images/18296_5cf7294a04d5736242c060ef305a4ad4.png");
    background-size: 100%;
}

.home-number-card-title{
    font-size: .24rem;
    
    color: #3969FF;
    line-height: .33rem;   
    font-weight: 600;
    margin-left: .1rem;
}
.home-number-card-content{

}

.home-number-card-text1{
    font-size: .18rem;
    
    color: #333333;
    line-height: .25rem;
    margin: .3rem 0 .12rem;
}
.home-number-card-text2{
    font-size: .18rem;
    
    font-weight: normal;
    color:rgb(102, 102, 102);
    line-height: .25rem;  
    width: 3.2rem; 
}
.home-number-card-img{
    margin: .62rem 0 .41rem;
    width: 3rem;
    height: 3rem;
    transition: all .3s;
}

.home-number-card-btn{
    width: 1.80rem;
    height: .52rem;
    border-radius: .26rem;
    border: 1px solid #3969FF;
    font-size: .18rem;
    
    font-weight: normal;
    color: #3969FF;
    line-height: .25rem;
    transition: all .3s;
    cursor: pointer;
}
.home-number-card-btn:hover{
    opacity: .8;
}
.home-number-card:nth-child(2){
    margin-left: -.33rem;
}
.home-number-card:nth-child(3){
    margin-left: -.33rem;
}
.home-number-card.active{
    width: 5rem;
    z-index: 9;
    border: 1px solid #C3D2FF;
    box-shadow: 0px .03rem .32rem 0px rgba(127,191,246,0.5);
}
.home-number-card.active .home-number-card-head{
    background: url("../static/images/18296_1aa7aab5b16be209c322efcbf5c0a105.png")no-repeat center;
    background-size: cover;
}

.home-number-card.active .home-number-card-icon1{
    background: url("../static/images/18296_7c658b30fc2baab80fad212382bba9d3-2.png")no-repeat center;
    background-size: 100%;
} 

.home-number-card.active .home-number-card-icon2{
    background: url("../static/images/18296_4bcf965d85b2e74bb25bc44812f92a7b.png")no-repeat center;
    background-size: 100%;
}

.home-number-card.active .home-number-card-icon3{
    background: url("../static/images/18296_9f15c73637101a29d7190fb635996294.png")no-repeat center;
    background-size: 100%;
}  
.home-number-card.active .home-number-card-title{
    color: white;
}
.home-number-card.active .home-number-card-btn{
    background: #3d6fff;
    color: white;
}
.home-number-card.active .home-number-card-img{
    transform: scale(1.1428,1.1428);
}


.home-number-card-img:first-child{
    width: 3rem;
    height: 3rem;
}
.home-number-card-img:nth-child(2){
    width: 3rem;
    height: 3rem;
}
.home-number-card-img:last-child{
    width: 3rem;
    height: 3rem;
}
.home-custmer{
    padding: 1.3rem 0 .6rem;
}
.home-custmer-title{
    font-size: .4rem;
    
    color: #333333;
    line-height: .55rem;
    font-weight: 600;
}
.home-custmer-desc{
    font-size: .24rem;
    
    font-weight: normal;
    color: #666666;
    line-height: .33rem;
    margin: .16rem 0 .84rem;
}
.home-circle-item{
    width: 2.1rem;
    transition: all .3s;
}
.home-circle-item:hover{
    transform: translateY(-16px);
}
.home-circle-top{
    height: 3.12rem;
    background: #FFFFFF;
    box-shadow: 0px 0px .24rem 0px rgba(138,160,234,0.3);
    border-radius: 1.05rem;
}
.home-circle-img{
    width: .9rem;
    height: .9rem;
    margin-top: .24rem;
}

.bg-blue{
    background: #3563FF;
}
.bg-green{
    background: #20D095;
}
.bg-orange{
    background: #FFB939;
}
.bg-red{
    background: #FF5962;
}
.home-circle-bottom{
    height: 2.96rem;
    border-radius: 1.05rem;
    margin-top: -1.83rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-circle-arrow{
    width: .24rem;
    height: .20rem;
    margin-top: 2.02rem;
}
.home-circle-arrow1{
    background: url("../static/images/18296_2022dd7b61c9cd0a9f41e4ee9e5da92e.png")no-repeat center;
    background-size: cover;
}
.home-circle-arrow2{
    background: url("../static/images/18296_f78c417f234807d6c20a4879cd8e2e9a.png")no-repeat center;
    background-size: cover;
}
.home-circle-arrow3{
    background: url("../static/images/18296_d4847774012e96cd857be906a065dfbf.png")no-repeat center;
    background-size: cover;
}

.home-circle-title{
    font-size: .25rem;
    
    color: #FFFFFF;
    line-height: .44rem;
    margin-top: .64rem;
    font-weight: 600;
}

.home-circle-btn{
    width: 1.5rem;
    height: .43rem;
    background: #FFFFFF;
    border-radius: .22rem;
    font-size: .2rem;
    
    font-weight: normal;
    line-height: .27rem;
    margin: .2rem 0 .17rem;
}
.home-circle-vein{
    font-size: .18rem;
    
    font-weight: normal;
    color: #FFFFFF;
    line-height: .25rem;
    letter-spacing: .01rem;
    opacity: .3;
}
.home-service{
    background: #F8FBFF;
    padding: .7rem 0 .7rem;
}

.home-service-title{
    font-size: .4rem;
    
    color: #333333;
    line-height: .55rem;
    font-weight: 600;
    margin-bottom: .6rem;
}
.home-service-list{}
.home-service-item{
    width: 3.86rem;
    height: 5.5rem;
    background: #FFFFFF;
    box-shadow: 0px .10rem .32rem 0px rgba(157,180,226,0.18);
    border-radius: .2rem;
    margin-right: .2rem;
    position: relative;
    transition: all .3s;
}
.home-service-item:hover{
    transform: translateY(-16px);
}
.home-service-item:last-child{
    margin-right: 0;
}
.home-service-img{
    width: 2.52rem;
    height: 2.52rem;
    margin: .4rem 0;
}
.home-service-item-title{
    font-size: .2rem;
    
    color: #333333;
    font-weight: 600;
    line-height: .27rem;
    margin-bottom: .14rem;
}
.home-service-desc{
    font-size: .16rem;
    
    font-weight: normal;
    color: #666666;
    line-height: .22rem;
}
.home-service-footer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../static/images/18165_226bc03a393cb00fc543e478a480cbea.png")no-repeat center;
    background-size: 100%;
    height: .8rem;
    font-size: .24rem;
    
    font-weight: normal;
    color: #FFFFFF;
    line-height: .33rem;
}