.header{ 
    background-image: linear-gradient(135deg, #08003D 0%, #071C64 100%); 
} 

.content img{ 
    width: 100%; 
} 

.web-development{ 
    float: left; 
    width:22%; 
    margin-left: 3%; 
    height:400px; 
    background:rgba(255,255,255,1); 
    border-radius:11px; 
    border:1px solid rgba(217,217,217,1); 
} 

.web-development img{ 
    width: 90%; 
    height: 214px; 
    margin-top: 62px; 
    margin-left: 8px; 
} 

.WeChat-small-program-development{ 
    float: left; 
    width:22%; 
    margin-left: 2%; 
    height:400px; 
    background:rgba(255,255,255,1); 
    border-radius:11px; 
    border:1px solid rgba(217,217,217,1); 
} 

.WeChat-small-program-development img{ 
    width: 90%; 
    height: 201px; 
    margin-top: 45px; 
    margin-left: 17px; 
} 

.phone-APP-development{ 
    float: left; 
    width:22%; 
    margin-left: 2%; 
    height:400px; 
    background:rgba(255,255,255,1); 
    border-radius:11px; 
    border:1px solid rgba(217,217,217,1); 
} 

.phone-APP-development img{ 
    width: 90%; 
    height: 184px; 
    margin-top: 62px; 
    margin-left: 17px; 
} 

.native-application-development{ 
    float: left; 
    width:22%; 
    margin-left: 2%; 
    height:400px; 
    background:rgba(255,255,255,1); 
    border-radius:11px; 
    border:1px solid rgba(217,217,217,1); 
} 

.native-application-development img{ 
    width: 90%; 
    height: 215px; 
    margin-top: 38px; 
    margin-left: 7px; 
} 

.title{ 
    width:94%; 
    height:72px; 
    font-size: 24px; 
    font-weight: 600; 
    line-height: 72px; 
    color: #000; 
    padding-left: 21px; 
    border-bottom:1px solid rgba(217,217,217,1); 
} 

.cloud-application-example{ 
    height: 400px; 
    margin-top: 30px; 
    margin-bottom: 60px; 
} 

.active{ 
    width: 100px; 
    height: 46px; 
    border-radius: 3px; 
    margin-top: -15px; 
    line-height: 46px; 
    text-align: center; 
    border: 1px solid rgba(0,139,243,1) 
}