@charset "UTF-8";
html { font-size: 16px; font-family: "微软雅黑"; }

img { max-width: 100%; }

a:hover { text-decoration: none; }

.content { margin-right: auto; margin-left: auto; width: 100%; height: auto; }
.content .contact-banner { width: 100%; max-width: 100%; height: 100%; }
.content .contact { max-width: 1200px; margin: auto; background: #fff; margin-top: 4%; font-family: "微软雅黑"; }
.content .contact .contact-title { text-align: center; font-size: 1.625rem; font-weight: bold; color: #5f6367; }
.content .contact .subhead { position: relative; width: 11.9rem; text-align: center; margin: 10px auto 3.7%; }
.content .contact .subhead .word { position: absolute; left: 0; right: 0; top: -7px; height: 14px; width: 8.1rem; background-color: #fff; margin: auto; font-size: 0.75rem; font-family: arial; color: #00c1de; }
.content .contact .subhead .line { top: 10px; width: 100%; height: 2px; background-color: #9b9ea0; }
.content .contact .main { margin: 3.7% auto 3.7%; max-width: 1200px; text-align: center; }
.content .contact .main .contact-us .site { text-align: center; padding: 0; min-height: auto; }
.content .contact .main .contact-us .site .text img { display: block; margin: 0 auto; }
.content .contact .main .contact-us .site .text h4 { font-size: 1.125rem; color: #373d41; padding: 30px 0 20px; }
.content .contact .main .contact-us .site .text p { color: #5F6367; width: 50%; margin: 0 auto; text-align: center; }
.content .contact .main .contact-us .site .text ol { text-align: center; display: inline-block; }
.content .contact .main .contact-us .site .text ol li { color: #5F6367; margin: 0 auto; text-align: left; }
.content .contact .main .contact-us .site .text ol li span { color: #fff; }
.content .contact .row { margin: 0; }
.content .map .title { text-align: center; font-size: 1.625rem; font-weight: bold; color: #5f6367; }
.content .map .subhead { position: relative; width: 11.9rem; text-align: center; margin: 10px auto 3.7%; }
.content .map .subhead .word { position: absolute; left: 0; right: 0; top: -7px; height: 14px; width: 8.1rem; background-color: #fff; margin: auto; font-size: 0.75rem; font-size: 0.75rem; font-family: arial; color: #00c1de; }
.content .map .subhead .line { top: 10px; width: 100%; height: 2px; background-color: #9b9ea0; }

@media screen and (max-width: 480px) { .site { width: 100%; }
  .site img { float: left; width: 30%; padding: 5%; }
  .site .text { float: right; text-align: left; padding: 0 5%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 30%; width: 70%; }
  .site .text h4 { padding: 0 0 3% 0 !important; }
  .site .text p { width: 100% !important; text-align: left !important; }
  .site .text ol li { text-align: left; } }
@media screen and (max-width: 768px) { .contact-banner img { display: none; }
  .contact-banner { background: url(../img/contact-banner01.jpg); padding-top: 39%; background-size: cover; }
  #blank { height: 300px; } }
@media screen and (min-width: 768px) { #blank { height: 500px; } }