.bg{
    background: url(../img/hybridCloud/banner.png) no-repeat center;
}

.framework{
    height: 700px;
    background: rgba(239, 239, 239, 0.35);
    overflow: hidden;
}
.framework .head-title{
    margin: 50px 0;
}
.framework .content{
    height: 487px;
    background: #FFFFFF;
    border-radius: 6px;
    overflow: hidden;
}
.framework .content .imgbox{
    margin-top: 49px;
    margin-left: 33px;
}
.framework .content .con{
    width: 325px;
    margin-left: 80px;
}
.framework .content .con .title{
    position: relative;
    font-size: 24px;
    
    color: #333333;
    margin-top: 56px;
}
.framework .content .con .title::before{
    content: url(../img/triangle_s.png);
    position: absolute;
    top: -7px;
    left: -23px;
}
.framework .content .con .info{
    font-size: 16px;
    
    color: #575757;
    line-height: 28px;
    margin-top: 29px;
}

.detail{
    overflow: hidden;
}
.detail .head-title{
    margin-top: 51px;
    margin-bottom: 60px;
}
.detail .info{
    width: 520px;
    font-size: 16px;
    
    color: #575757;
    line-height: 28px;
}

.case{
    margin-bottom: 40px;
    overflow: hidden;
}
.case .head-title{
    margin-top: 80px;
    margin-bottom: 60px;
}
.case .content{
    width: 650px;
    font-size: 16px;
    
    color: #575757;
}
.case .content .info{
    line-height: 28px;
}
.case .content .info1{
    color: #E63E3E;
    margin-top: 9px;
}
.case .content .caseList li{
    line-height: 28px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}
.case .content .caseList li:last-child{
    border-bottom: none;
}
.case .content .caseList li>span{
    display: inline-block;
    width: 617px;
    margin-left: 5px;
}
.case .content .caseList li::before{
    content: url(../img/circle.png);
    vertical-align: top;
}