body {padding:0; margin:0; margin-top: 25px;color:#000000; background-color:#A8A9AD}

.bk {background:#ffffff;}
.top-banner {padding:20px 0px;display:flex;align-items: center;}

.mid-banner {display:flex;}
.mid-banner .left-row{background:#bac9d6;padding: 30px;line-height: 2;}
.mid-banner .left-row .list-title {color:#1C4164;}
.mid-banner .left-row .list-sign {color:#a9aabb;}

.mid-banner .right-row img {width: 100%;}
.mid-banner .right-row .div-content {padding: 20px;}

.bottom-banner {background:#231f20;}
.bottom-banner .div-content {padding:20px;display:flex;justify-content: space-between;color: #a9aabb;}


@media screen and (max-width: 48em) {
	.top-banner, .mid-banner {flex-direction: column;}
	.top-banner {padding: 0px;}
	.top-banner .div-content {padding:20px;}
	
}