.cloud-content {
	display: inline-block;
}

.cloud-header {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.cloud-header h3 {
    font-weight: normal;
    margin-bottom: 40px;
    color: #333;
}

.cloud-wrapper {
	width: 100%;
	display: flex;
	flex-flow: wrap;
	padding-bottom: 10px;
}

.cloud-header h3 em {
    display: block;
	text-align: center;
    margin-bottom: 14px;
    font-style: normal;
    font-size: 30px;
}

.cloud-header h3 span {
    font-size: 16px;
	display:block;
	white-space: pre-wrap;
}

.cloud-wrapper .cloud-card {
	width: 100%;
    padding: 20px;
}
.cloud-wrapper .cloud-card:first-child {
    margin-left: 0;
}
.cloud-card-image {

}

.cloud-card-text {
    margin-top: 10px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.cloud-card-image-title {
    font-size: 20px;
	text-shadow: 0 0 10px #ffffff;
}

.cloud-wrapper .cloud-card {
    background: #fff;
/*    -webkit-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);*/
/*    -moz-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);*/
/*    box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);*/
}


.cloud-header .content {
	background-color: #fff;
    margin-bottom: 20px;
	overflow: hidden;
}

.cloud-header .content h2 {
	float: left;
    display: table;
    width: 20%;
    height: 230px;
    position: relative;
    background-color: #0055a5;
}

.cloud-header .content h2 span {
	display: table-cell;
    font-size: 50px;
    line-height: 130%;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.cloud-header .content h2 i {
    display: block;
    width: 16px;
    height: 41px;
    background: url(/skin/images/fzzllajh_02.png) no-repeat left center;
    position: absolute;
    right: -16px;
    top: 50%;
    margin-top: -20px;
}

.cloud-header .content dl {
    float: right;
    padding: 2% 3%;
    width: 80%;
}
.cloud-header .content dl dt {
    font-size: 22px;
	line-height: 1;
    font-weight: bold;
    color: #000;
}
.cloud-header .content dl span {
    display: block;
    width: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
    border-bottom: solid 3px #0055A5;
}
.cloud-header .content dl dd {line-height: 1.75;font-size: 16px}


@media only screen and (max-width: 1000px) {
	.cloud-header .content h2 { width: 27%; height: 230px;}
	.cloud-header .content h2 span { font-size: 32px;}
	.cloud-header .content dl { width: 70%;}
	.cloud-header .content dl span { margin-top: 10px;}
	.cloud-header .content dl dd {font-size: 14px}
	.cloud-wrapper .cloud-card {
		width: 44%;
		padding: 2%;
		margin-bottom: 2%;
	}
	.cloud-card-image-title {font-size: 24px;}
	.cloud-wrapper .cloud-card:nth-child(3n) {margin-left: 0;}
}

@media only screen and (max-width: 550px) {
	.cloud-header .content { margin-bottom: 25px;}
	.cloud-wrapper .cloud-card {
		width: 100%;
		padding: 3%;
		margin-left: 0;
		margin-bottom: 15px;
	}
	.cloud-card-image-title {
		font-size: 24px;
	}
	.cloud-wrapper .cloud-4 {margin-bottom: 0;}
	
	.cloud-header .content h2 {display: none}
	.cloud-header .content dl {width: 100%;}
}