@charset "utf-8";

/*公务之家费控管理平台banner图*/
.costControlBanner{
    width:100%;
    overflow: hidden;
    position: relative;
}
.costControlBanner img{
    width:100%;
    height:100%;
}
.costControlBannerTxt{
    position: absolute;
    top:30%;
    left: 360px;
}
.costControlBannerTxt h1{
    color: #007AFF;
    font-size: 60px;
    padding-bottom: 31px;
}
.costControlBannerTxt span{
    width: 144px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: block;
    float: left;
    background-color: rgba(0,122,255,0.27);
    border-radius: 4px;
    color: #FFFFFF;
    margin-right: 20px;
}
/*公务之家费控管理平台banner图*/

/*为企业打造支出管控及费用报销的智能化管理平台*/

.intelligentPlatformBox,.platformFunctionBox,.platformFeaturesBox{
    width:100%;
    overflow: hidden;
    margin-top: 60px;
    background: #F6F6F6;
}
.intelligentPlatformBox>div,.platformFunctionBox >div,.platformFeaturesBox >div{
    width:1200px;
    min-width: 1200px;
    margin: 0 auto;
}
.costControlTitle h2{
    height: 40px;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    text-align: center;
    margin-bottom: 14px;
}
.costControlTitle i{margin: 0 auto 40px;}
.costControlTitle i{
    display: block;
    width: 60px;
    height: 4px;
    background: #007AFF;
}
.intelligentPlatformBox,.platformFeaturesBox{margin-top: 0;padding-top: 60px;}
.intelligentPlatformCon{margin-bottom: 60px;}
.intelligentPlatformList{margin-bottom: 20px;}
.intelligentPlatformLeft,.intelligentPlatformRight{
    width: 580px;
    height: 144px;
    background: #FFFFFF;
    padding: 30px 0 0 30px;
    box-shadow: 0px 0px 8px 0px rgba(204, 204, 204, 0.34);
    border-radius: 6px;
    box-sizing: border-box;
}
.intelligentPlatformLeft img,.intelligentPlatformRight img{margin-right: 24px;}
.intelligentPlatformLeft div h3,.intelligentPlatformRight div h3{
    height: 24px;
    color: #333333;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
}
.intelligentPlatformLeft div p,.intelligentPlatformRight div p {
    height: 19px;
    font-size: 14px;
    color: #666666;
    line-height: 19px;
}
.intelligentPlatformLeft:hover,.intelligentPlatformRight:hover{box-shadow: 0px 0px 10px 3px rgba(204, 204, 204, 0.55);}
/*为企业打造支出管控及费用报销的智能化管理平台*/


.platformFunctionBox{
    background: #FFFFFF;
    height: 748px;
}
.platformFunctionCon{position: relative;}
.platformFunctionCon .platformFunctionImg{
    display: block;
    margin: 0 auto;
}
.platformFunctionCon h3{
    width: 144px;
    height: 47px;
    font-size: 36px;
    color: #0071FF;
    line-height: 47px;
    position: absolute;
    top: 50%;
    left:50%;
    margin: -23px 0 0 -72px;
}
.platformFunctionList_left,.platformFunctionList_right,.platformFunctionList_center{position: absolute;}
.platformFunctionList_center img{
    display: block;
    margin: 0 auto 12px;
}
.platformFunctionList_left div{margin-right: 14px;}
.platformFunctionList_right div{margin-left: 14px;}
.platformFunctionList_left h4,.platformFunctionList_right h4,.platformFunctionList_center h4{
    height: 24px;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    margin-bottom:12px;
}
.platformFunctionList_left p,.platformFunctionList_right p,.platformFunctionList_center p{
    height: 19px;
    color: #666666;
    line-height: 19px;
}
.platformFunctionLeft_1{
    top:12px;
    left:131px;
}
.platformFunctionRight_1{
    top:12px;
    right:136px;
}
.platformFunctionLeft_2{
    top:167px;
    left:92px;
}
.platformFunctionRight_2{
    top:167px;
    right:49px;
}
.platformFunctionLeft_3{
    top:311px;
    left:112px;
}
.platformFunctionRight_3{
    top:311px;
    right:20px;
}
.platformFunctionList_center{
    top:405px;
    left: 50%;
    margin-left: -125px;
}



/*系统功能*/
.platformFeaturesCon{padding-bottom: 40px;}
.platformFeaturesList{margin:40px 0 60px;}
.platformFeaturesList div{
    width:350px;
    height: 223px;
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}
.platformFeaturesList img{
    display: block;
    margin: 0 auto;
}
.platformFeaturesList h3{
    height: 27px;
    font-size: 18px;
    line-height: 27px;
    margin: 18px 12px;
}
.platformFeaturesList p{
    line-height: 20px;
    color: #666666;
}
.platformFeaturesList div:before{
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    bottom: -20px;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    /*background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);*/
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}
.platformFeaturesList div:hover,
.platformFeaturesList div:focus,
.platformFeaturesList div:active {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
    /* move the element up by 5px;; */;
}
.platformFeaturesList div:hover:before,
.platformFeaturesList div:focus:before,
.platformFeaturesList div:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/*系统功能*/