.banner-block { height: 90px; }

.banner { height: 470px; background: url(../images/overview.jpg) no-repeat; background-size: cover; padding-top: 100px; }

.banner .banner-title { color: #008f5a; font-size: 40px; font-weight: bold; }

.banner .banner-title--en { color: #818181; font-size: 12px; margin-top: 20px; }

.overview .common-title { margin-top: 80px; }

.overview .common-title .common-title-icon { bottom: -228px; }

.overview .overview-description { text-align: center; line-height: 27px; margin-bottom: 40px; }

.overview .overview-description span { color: #008f5a; font-weight: bold; }

.overview .overview-content { position: relative; padding: 100px 0; background: url(../images/overview09.jpg) no-repeat; background-size: cover; }

.overview .overview-content-icon { position: absolute; left: 50%; top: -20px; margin-left: -25px; width: 50px; border-radius: 50%; }

.overview .overview-list { display: flex; justify-content: space-around; text-align: center; flex-wrap: wrap; }

.overview .overview-list .overview-item { color: #5f5f5f; width: 25%; }

.overview .overview-list .overview-item .overview-item__image { width: 180px; margin-bottom: 30px; }

.overview .overview-list .overview-item .overview-item__description { height: 80px; margin: 20px 0; }

.overview .overview-list .overview-item .overview-item__icon { width: 60px; }

.contact, .cert { padding-top: 80px; }

.cert-content { background: url(../images/overview11.jpg) no-repeat; background-size: cover; padding: 60px 0 50px; }

.cert-content img { width: 100%; }

.contact .contact-wrap { background: url(../images/overview13.jpg) no-repeat; background-size: cover; padding: 100px 0; }

.contact .contact-content { background-color: #fff; display: flex; padding: 30px 0; }

.contact .contact-address, .contact .contact-number, .contact .contact-qrcodes { width: 38%; border-right: 1px solid #eee; }

.contact .contact-address { display: flex; align-items: center; justify-content: center; }

.contact .contact-address .contact-address__icon { margin-right: 15px; }

.contact .contact-number { padding: 20px 40px; }

.contact .contact-number .contact-company { font-size: 18px; font-weight: bold; margin-bottom: 20px; }

.contact .contact-number .contact-number-item { line-height: 2; color: #727272; display: inline-block; margin-right: 20px; }

.contact .contact-number .contact-number-item:last-child { width: 100%; }

.contact .contact-number .contact-number-item .contact-number-item__label { font-weight: bold; }

.contact .contact-number .contact-number-item .contact-number-item__light { color: #008f5a; font-weight: bold; }

.contact .contact-qrcodes { display: flex; padding: 20px 40px; width: 24%; justify-content: space-around; }

.contact .contact-qrcodes .contact-qrcode { text-align: center; color: #727272; }

.contact .contact-qrcodes .contact-qrcode .contact-qrcode__image { width: 100px; }


@media (max-width: 768px) { .banner-block { height: 50px; }
  .banner { padding-top: 50px; height: 150px; }
  .banner .banner-title { text-align: center; font-size: 30px; color: #fff; font-weight: normal; }
  .overview .common-title { margin-top: 30px; }
  .overview .common-title .common-title-zh { color: #008f5a; }
  .overview .overview-description { text-align: left; }
  .overview .overview-description span { display: block; font-weight: bold; font-size: 14px; margin-top: 10px; }
  .overview .overview-content { padding: 30px 0 50px; }
  .overview .overview-content .overview-list .overview-item { width: 48%; margin-bottom: 30px; }
  .overview .overview-content .overview-list .overview-item:nth-child(2n) { margin-left: 4%; }
  .overview .overview-content .overview-list .overview-item .overview-item__image { width: 100%; }
  .cert { padding: 30px 0; }
  .cert-content--mobile { width: 100%; }
  .contact-map { width: 100%; height: 180px; object-fit: cover; }
  .contact { background-image: none; }
  .contact .contact-wrap { padding: 0; }
  .contact .contact-wrap .contact-content { flex-wrap: wrap; padding: 30px 10px; }
  .contact .contact-address, .contact .contact-number, .contact .contact-qrcodes { width: 100%; padding: 0; border: none; }
  .contact .contact-number { order: 1; }
  .contact .contact-address { order: 2; justify-content: flex-start; margin: 30px 0; }
  .contact .contact-qrcodes { order: 3; justify-content: center; } }