/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.home-top{
    height: 32.8rem;
    background: url('../image/tax/banner.png') no-repeat, -webkit-gradient(linear, left top, right top, from(#0743C7), to(#1055F0));
    background: url('../image/tax/banner.png') no-repeat, -o-linear-gradient(left, #0743C7, #1055F0);
    background: url('../image/tax/banner.png') no-repeat, linear-gradient(90deg, #0743C7, #1055F0);
    background-size: auto 100%;
    background-position: center center;
}
.home-top__form{
    height: calc(100% - 3.51rem);display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-line-pack: center;align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.home-top__form dt{
    width: 100%;
    font-size: 2.5rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
}
.home-top__form dd{
    padding-top: 1.15rem;
    width: 100%;
    font-size: 0.91rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1;
}
.home-top__form dd .btn{
    width: 7.5rem;
    height: 2.5rem;
    background: #FFFFFF;
    border-radius: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    font-size: 0.95rem;
    font-weight: 500;
    color: #272C38;
    margin-top: .5rem;
}


/* 企业数字化 */
.home-number{
   
    /* width: 500px; */
    height: 588px;
    /* background: url('../image/home/qiyeshuzihua.jpg') no-repeat; */
    background-size: auto 100%;
    background-position: center center;
    background-color: #FAF7FA;
    height: auto;
	padding-bottom: 3rem;
}
.home-number-img{
    position: absolute;
    right: 0;
    width: 48vw;
    height: 26.3vw;
}

.home-number-box{
    display: flex;
    align-items: flex-end;
}
.home-number__body{
    margin: 0 auto;
    overflow: hidden;
    /* width: 60.5rem; */
    /* height: 400px; */
}
.home-number__body dl{
    margin-top: 6.2rem;
    width: 27.95rem;
    text-align: justify;
}
.home-number__body dl dt{
    font-size: 1.5rem;line-height: 2.5rem;font-weight: bold;
    color: #272c38;
}
.home-number__body dl dd{
    font-size: 1rem;color: #272c38;line-height: 1.8;
    font-weight: 400;
    padding-top: 2.3rem;
}
.home-number__body dl dd a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    width: 7.75rem;height: 1.65rem;
    border: solid .05rem #0D4FE4;
    font-size: .84rem;color: #0C4DE0;
    font-weight: 500;
}
.home-number__body dl dd a::after{
    content: '';
    margin-left: .2rem;
    display: block;width: 1rem;height: 1rem;
    background: url('../image/more.png') no-repeat;background-size: cover;
}

/* 铸远·数字企服管家 */
.housekeeper-body{
    overflow: hidden;
}

.housekeeper-classify{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    padding-bottom: 24.25rem;
    position: relative;
    margin-top: 3.45rem;
}
.housekeeper-classify__item .icon{
    text-align: center;
    position: relative;
    padding-top: 2.6rem;
}
.housekeeper-classify__item .icon img{
    display: block;
    width: 2.6rem;
    position: absolute;top: 0;left: 50%;
    margin-left: -1.3rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}
.housekeeper-classify__item .icon:hover{
    cursor: pointer;
}
.housekeeper-classify__item .icon span{
    font-size: .9rem;color: #272c38;
}
.housekeeper-classify__item .main{
    position: absolute;bottom: 0;left: 0;
    width: 100%;height: 21.2rem;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.housekeeper-classify__item .main img{
    width: 24.9rem;
    display: block;
}
.housekeeper-classify__item dl {
    width: 21.85rem;
    padding-left: 1.1rem;
}
.housekeeper-classify__item dl dt{
    font-size: 2rem;line-height: 2.83rem;color: #272c38;font-weight: 500;
    padding-bottom: 1.65rem;
}
.housekeeper-classify__item dl dd {
    font-size: .9rem;color: #272c38;line-height: 1.4rem;
    
}
.housekeeper-classify__item dl dd a{
    display: inline-block;
    color: #fff;font-size: .75rem;
    height: 1.71rem;width: 6.12rem;
    background-color: #1055F0;
    border-radius: .25rem;
    text-align: center;
    line-height: 1.71rem;
    margin-right: 1.3rem;
    margin-top: 2.05rem;
}
.housekeeper-classify__item.active .icon img.active{
    opacity: 1;
}
.housekeeper-classify__item .icon img.active{
    opacity: 0;
}

.housekeeper-classify__item.active .icon img.active-hide{
    opacity: 0;
}
.housekeeper-classify__item.active .main{
    opacity: 1;
}
@media screen and (max-width:768px) {
    .home-number-img{
        display: none;
    }
    .housekeeper-classify__item .icon img.i1{
        top: 0rem!important;
        width: 2.2rem;
    }
    .housekeeper-classify__item .icon img.active{
        top: 0rem!important;
    }
}


/* 铸远数字生态 */
.digital-ecology{
    height: 32.9rem;
    background: #F8F6F9 url('../image/home/di_bg.jpg') no-repeat;background-position: center center;
    background-size: auto 100%;
    overflow: hidden;
}
.digital-ecology__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    margin-top: 1.9rem;
}
.digital-ecology__item img{
    display: block;width: 24.9rem;
}
.digital-ecology__item dl{
    width: 24.9rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1.8rem;
}
.digital-ecology__item dl dt{
    font-size: 2rem;color: #272c38;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 1.6rem;
}
.digital-ecology__item dl dd {
    font-size: .9rem;color: #272c38;
    line-height: 1;padding-bottom: 1.1rem;
    opacity: .8;
}
.digital-ecology__item dl dd a{
    display: inline-block;
    color: #fff;font-size: .75rem;
    height: 1.71rem;width: 6.12rem;
    background-color: #1055F0;
    border-radius: .25rem;
    text-align: center;
    line-height: 1.71rem;
    margin-right: 1.3rem;
    margin-top: 1.35rem;
}
.digital-ecology2{
    padding: 2.5rem 0 1.35rem;
}
.digital-ecology.bottom{
    height: auto;padding: 3.2rem 0 2.7rem;
}
.digital-ecology__item.middle img{
    width: 25.2rem;
}
.digital-ecology__item.bottom img{
    width: 23.9rem;
}



/* 500+企业选择铸远 */
.choice{
    overflow: hidden;
}
.choice-img{
    width: 100%;
    margin: 2.45rem 0  4rem;
}


/* 新闻资讯 */
.news{
    background-color: #F8F8F8;
    overflow: hidden;
    padding-bottom: 5.45rem;
}
.news-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    padding-top: 3.55rem;
}
.news-list__item{
    width: calc((100% - 3.5rem) / 3);
    -webkit-box-shadow: 0rem 0rem 1rem 0rem rgba(44,114,254,0.2100);
            box-shadow: 0rem 0rem 1rem 0rem rgba(44,114,254,0.2100);
    border-radius: 0.25rem;
    overflow: hidden;
}
.news-list__item img{
    display: block;
    width: 100%;height: 13.85rem;-o-object-fit: cover;object-fit: cover;
}
.news-list__item dl{
    padding: 1.1rem 1.5rem .8rem;
}
.news-list__item dl dt{
    font-size: 1rem;
    font-weight: bold;
    color: #272C38;
    line-height: 1.5;
}
.news-list__item dl dd{
    padding-top: .9rem;
    font-size: 0.65rem;
    font-weight: 400;
    color: #272C38;
    line-height: 1.5;
}
.news-list__item dl a{
    color: inherit;
}
.news-list__item dl .date{
    font-size: 0.6rem;
    font-weight: 400;
    color: #272C38;
    line-height: 1.5;
    opacity: 0.8;
}



@media screen and (max-width: 1020px) {
    .home-top{
        height: 15rem;
        background-position: center 1.1rem;
    }
    .home-top__form{
        height: calc(100% - 3.4rem);
    }
    .home-top__form dt{
        font-size: 1.2rem;
    }
    .home-top__form dd{
        padding-top: 1.2rem;
        font-size: .8rem;
    }
    .home-top__form dd .btn{
        width: 7rem;
        height: 2rem;
        font-size: .8rem;
        margin-top: 0;
    }


    /* 企业数字化 */
    .home-number{
        height: auto;
        padding-bottom: 1.2rem;
    }
    .home-number__body dl{
        margin-top: 1.2rem;
        width: auto;
    }
    .home-number__body dl dt{
        font-size: 1rem;line-height: 1.5;
        display: none;
    }
    .home-number__body dl dd{
        font-size: .8rem;
        padding-top: .6rem;
        text-shadow: 0 1px 1px #fff;
    }
    .home-number__body dl dd a{
        width: 5rem;height: 1.6rem;
        font-size: .6rem;
    }


    /* 铸远·数字企服管家 */
    .housekeeper-classify{
        margin-top: 0rem;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding-bottom: 12rem;
    }
    .housekeeper-classify__item{
        width: calc(100% / 4);
        margin-top: .8rem;
    }
    .housekeeper-classify__item .icon{
        padding-top: 2.3rem;
    }
    .housekeeper-classify__item .icon span{
        font-size: .8rem;
    }
    .housekeeper-classify__item .main{
        height: 12rem;
    }
    .housekeeper-classify__item .main img{
        width: 40%;height: auto;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -o-object-fit: contain;
           object-fit: contain;
        /* position: absolute;bottom: 0;right: 0; */
    }
    .housekeeper-classify__item dl {
        padding-left: 1.3rem;
        padding-top: 1.2rem;
    }
    .housekeeper-classify__item dl dt{
        font-size: 1rem;line-height: 1.4;
        padding-bottom: .4rem;
    }
    .housekeeper-classify__item dl dd {
        font-size: .8rem;
        line-height: 1.4;
    }
    .housekeeper-classify__item dl dd a{
        font-size: .6rem;
        height: 1.6rem;width: 5rem;
        margin-right: .4rem;
        margin-top: .8rem;
    }

    /* 铸远数字生态 */
    .digital-ecology{
        height: auto;
    }
    .digital-ecology__item{
        margin-top: .8rem;
        position: relative;
    }
    .digital-ecology__item img{
        width: 40%;
        position: absolute;right: 0;bottom: 0;
        z-index: 1;
    }
    .digital-ecology__item dl{
        width: 100%;
        padding-left: 0;
        position: relative;z-index: 2;
    }
    .digital-ecology__item dl dt{
        font-size: 1rem;
        padding-bottom: .8rem;
    }
    .digital-ecology__item dl dd {
        font-size: .6rem;
        padding-bottom: .8rem;
    }
    .digital-ecology__item dl dd a{
        color: #fff;font-size: .6rem;
        height: 1.3rem;width: 4rem;
        line-height: 1.3rem;
        margin-right: .4rem;
        margin-top: 0;
    }

    .digital-ecology2{
        padding: 1.2rem 0 0;
    }
    .digital-ecology.bottom{
        padding: 1.2rem 0 0;
    }
    .digital-ecology__item.middle img{
        width: 40%;
    }
    .digital-ecology__item.bottom img{
        width: 40%;
    }


    .choice-img{
        margin: 1.2rem 0 1.2rem;
    }



    /* 新闻资讯 */
    .news{
        padding-bottom: 1.2rem;
    }
    .news-list{
        padding-top: .8rem;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .news-list__item{
        width: 100%;
        margin-bottom: .8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .news-list__item img{
        width: 7rem;height: 100%;-o-object-fit: cover;object-fit: cover;
    }
    .news-list__item dl{
        padding: .8rem;
    }
    .news-list__item dl dt{
        font-size: .8rem;
        line-height: 1.5;
    }
    .news-list__item dl dd{
        padding-top: .4rem;
        font-size: 0.5rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .news-list__item dl .date{
        font-size: 0.5rem;
    }
        

}