@font-face{
    font-family: 'YouSheBiaoTiHei';
    src: url('../fonts/YouSheBiaoTiHei-2.ttf') format('truetype');
}
/*.base-card:hover {
    transform: translateY(-5px);
}*/
.attr.introduce .value{
    height: 3.5rem;
}
/**********模块大标题 start ***********/
.content-main .more{
    text-align: right;
}
.content-main .more a{
    display: inline-block;
}
.content-main .main-title-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    flex: 1;
}
.content-main .main-title{
    color: #16181A;
    font-weight: 700;
    font-size: 2rem;
    position: relative;
}
.content-main .sub-title{
    font-size: 1.5rem;
    position: absolute;
    top: 1.3125rem;
    font-weight: 400;
    color: rgba(34, 103, 247, 0.5);
    opacity: 0.2;
}
.flex{
    display: flex;
}

.service-main{
    background: #F5FAFD;
    padding: 5rem 0;
}
.platform-main{
    background: #fff;
    padding: 5rem 0;
}
/**********模块大标题 end ***********/
.banner-box{
    width: 100%;
    height: 15rem;
    background-image: url("../images/serviceCentre/banner.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.banner-box p{
    font-size: 1.5rem;
}


.base-tab{
    width: 15rem;
    background: #F1F6FF;
}
.tab-content{
    width: calc(100% - 15rem);
    padding: 0 3rem;
    background: #fff;
}

.base-tab .layui-tab-title{
    height: 100%;
    border: none;
    display: flex;
    flex-direction: column;
}
.base-tab .layui-tab-title li{
    font-size: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}
.base-tab .layui-tab-title .icon{
    display: block;
    width: 2.25rem;
    height: 2.5rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.base-tab .layui-tab-title .layui-this{
    color: #0256FF;
    background: #fff;
}
.base-tab .layui-tab-title .layui-this:after{
    display: none;
}

.content-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #DEE4EE;
    padding: 2rem 0;
    margin-bottom: 1.25rem;
}
.content-body{

}


.noData {
    width: 100%;
    height: 100%;
    font-family: YouSheBiaoTiHei;
    color: #cccc;
    font-size: 50px;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-shadow{
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.1);
}

.icon-service03{
    background-image: url("../images/serviceCentre/icon-service03.png");
}
.icon-service05{
    background-image: url("../images/serviceCentre/icon-service05.png");
}
.icon-service06{
    background-image: url("../images/serviceCentre/icon-service06.png");
}
.icon-service07{
    background-image: url("../images/serviceCentre/icon-service07.png");
}
.icon-service08{
    background-image: url("../images/serviceCentre/icon-service08.png");
}
.icon-service09{
    background-image: url("../images/serviceCentre/icon-service09.png");
}
.layui-this .icon-service03{
    background-image: url("../images/serviceCentre/icon-service03-active.png");
}
.layui-this .icon-service05{
    background-image: url("../images/serviceCentre/icon-service05-active.png");
}
.layui-this .icon-service06{
    background-image: url("../images/serviceCentre/icon-service06-active.png");
}
.layui-this .icon-service07{
    background-image: url("../images/serviceCentre/icon-service07-active.png");
}
.layui-this .icon-service08{
    background-image: url("../images/serviceCentre/icon-service08-active.png");
}
.layui-this .icon-service09{
    background-image: url("../images/serviceCentre/icon-service09-active.png");
}






.icon-platform01{
    background-image: url("../images/serviceCentre/icon-platform01.png");
}
.icon-platform02{
    background-image: url("../images/serviceCentre/icon-platform02.png");
}
.icon-platform03{
    background-image: url("../images/serviceCentre/icon-platform03.png");
}
.icon-platform04{
    background-image: url("../images/serviceCentre/icon-platform04.png");
}
.icon-platform05{
    background-image: url("../images/serviceCentre/icon-platform05.png");
}

.layui-this .icon-platform01{
    background-image: url("../images/serviceCentre/icon-platform01-active.png");
}
.layui-this .icon-platform02{
    background-image: url("../images/serviceCentre/icon-platform02-active.png");
}
.layui-this .icon-platform03{
    background-image: url("../images/serviceCentre/icon-platform03-active.png");
}
.layui-this .icon-platform04{
    background-image: url("../images/serviceCentre/icon-platform04-active.png");
}
.layui-this .icon-platform05{
    background-image: url("../images/serviceCentre/icon-platform05-active.png");
}