@charset "utf-8";

/*PaaS技术服务平台banner图*/
.PaaSTechnologyBanner{
    width:100%;
    overflow: hidden;
    position: relative;
}
.PaaSTechnologyBanner img{
    width:100%;
    height:100%;
}
.PaaSTechnologyBannerTxt{
    position: absolute;
    top:180px;
    left: 360px;
}
.PaaSTechnologyBannerTxt h1{
    color: #007AFF;
    font-size: 60px;
}
/*PaaS技术服务平台banner图*/

.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;
}

/*DevOps生产流水线*/
.productionLineBox,.keyTechnologyBox,.governanceModelBox,.flexibleDeploymentBox{
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
    position: relative;
}
.productionLineBox >div,.keyTechnologyBox >div,.governanceModelBox >div,.flexibleDeploymentBox >div{
    width:1200px;
    min-width: 1200px;
    margin: 0 auto;
}
.productionLineBox div p,.governanceModelBox div p{
    color: #666666;
    line-height: 19px;
    text-align: center;
    margin-bottom: 40px;
}
.productionLineBox div img{
    display: block;
    margin: 0 auto 120px;
}
/*DevOps生产流水线*/

/*关键技术*/
.keyTechnologyBox{background: #F9F9FD;}
.keyTechnologyBox >div{padding: 60px 0;}
.keyTechnologyList{
    width: 229px;
    height: 320px;
    background: #FFFFFF;
    border-radius: 4px;
    margin-right: 13px;
    box-sizing: border-box;
}
.keyTechnologyList_Top{
    position: relative;
}
.keyTechnology_img{
    display: block;
    position: absolute;
    top:29px;
    left:50%;
    margin-left: -30px;
}
.keyTechnologyList_Top h3{
    width: 165px;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    position: absolute;
    bottom: 24px;
    left:50%;
    text-align: center;
    margin-left: -82.5px;
}
.keyTechnologyList p{
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    margin-top: 24px;
}
.keyTechnologyList:hover{box-shadow: 0px 4px 8px 0px rgba(204, 204, 204, 0.57);}
/*关键技术*/


.governanceModelBox{
    height:697px;
}
.governanceModelBox .governanceModelBanner{
    position: absolute;
    bottom: 40px;
    z-index: 1;
}
.governanceModelBox span{
    width: 100%;
    height: 140px;
    display: block;
    background: #007AFF;
    position: absolute;
    bottom:0;
}




.flexibleDeploymentBox{
    background: #EDF1FC;
    margin-top: 0;
    padding-bottom: 60px;
}
.flexibleDeploymentList p ,.intelligentSchedulingList p {
    width:518px;
    color: #666666;
    line-height: 24px;
    margin-top: 118px;
}
.intelligentSchedulingList p{
    width: 504px;
    margin-top: 124px;
}
.flexibleDeploymentBox .costControlTitle{padding-top: 60px;}