.container { padding-top: 2rem; }

/*------about--------*/
.us_ho { width: 100%; height: 16rem; margin-top: 1.75rem; }
.us_ho dl { width: 4.8rem; float: left; height: 8rem; margin-right: .5rem; }
.us_ho dl dt { width: 100%; height: 4.8rem; background: #f7f7f7; }
.us_ho dl img { width: 100%; }
.us_ho dl dd { color: #666666; line-height: .9rem; text-align: center; padding-top: .5rem; }
.us_ho dl:nth-child(3n) { margin-right: 0; }

.article { text-align: center; }
.article p, .article img { width: 100%; margin-bottom: 1rem; text-align: center; }
.article span, .article em { display: block; color: #2885e2; margin-bottom: .5rem; }
.article em { font-weight: bold; font-style: normal; color: #333333; }

/*--------contact-------*/
.comp { width: 100%; margin-top: 1.5rem; }
.comp img, .comp p { width: 100%; margin-bottom: 1rem; }

.ci_box { width: 100%; }
.ci_box dl { width: 50%; float: left; text-align: center; margin-top: 1.5rem; }
.ci_box dl dt { width: 6.5rem; height: 5rem; background: #f7f7f7; margin: 0 auto; padding-top: 1.5rem; color: #2885e2; font-weight: bold; }
.ci_box dl dt img { width: 2rem; height: 2rem; margin: 0 auto .6rem; }
.ci_box dl dd { font-weight: bold; color: #333333; line-height: 1.5rem; }
.ci_box dl:first-child dt { background: #2885e2; color: #FFFFFF; }

.address { font-weight: bold; color: #2885e2; display: block; height: .75rem; line-height: .8rem; margin: 2rem 0 .75rem; }
.address:before { display: inline-block; width: .6rem; height: .75rem; background: url("../img/contacts/address.png") no-repeat; background-size: 100%; content: " "; vertical-align: middle; margin-right: .4rem; }

.maps { width: 100%; margin-top: 1rem; }
.maps img { width: 100%; }

/*# sourceMappingURL=contacts.css.map */