.bg{ background: #f3f5f5;}
.content{ text-align: center; padding: 45px 0;}
.content h3{ font: 44px/56px "microsoft yahei"; color: #4BCDD9;}
.content h3 em{ display: inline-block; border-bottom: 1px solid #ddd; font-style: normal; padding-bottom: 8px; margin-bottom: 14px;}
.content p{ font: 18px/24px "microsoft yahei"; color: #000; margin-bottom: 10px;}
.content span{ display: block; font: 14px/18px "microsoft yahei"; color: #828282;}
.content span i{ display: block; font-style: normal;}
.content img{ display: block; margin: 25px auto;}
.bg h3{ color: #299ba5;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.content h3{ font: 34px/46px "microsoft yahei"; }
.content p{ font: 16px/24px "microsoft yahei";}
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	.content h3{ font: 26px/36px "microsoft yahei"; }
.content p{ font: 15px/24px "microsoft yahei";}
.content span{ display: block; font: 13px/18px "microsoft yahei";}
}

@media only screen and (min-width: 320px) and (max-width: 639px) {
	.content{ padding: 28px 10px;}
	.content h3{ font: 18px/26px "microsoft yahei"; }
.content p{ font: 13px/24px "microsoft yahei";}
.content span{ display: block; font: 13px/18px "microsoft yahei";}
.content img{  width: 40%;}
}