body {
  font-family: "Hiragino Sans GB", "Microsoft YaHei"; }

@media (min-width: 300px) and (max-width: 800px) {
  header img.Logo {
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 20px; }
  header img.photo {
    height: 500px;
    width: 100%; }
  header #siteMenu {
    position: relative;
    top: 30px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: xx-large;
    float: right;
    margin-right: 12px; }
  header .page-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    background-color: black;
    color: white;
    visibility: hidden;
    opacity: 0;
    transition: opacity 200ms, visibility 0s 200ms; }
    header .page-overlay.open {
      visibility: visible;
      opacity: 1;
      transition: opacity 500ms; }
  header .buttonClose {
    font-size: 40px;
    float: right;
    padding-right: 30px; }
  header ul.menuinner {
    font-size: 30px;
    margin-top: 30px;
    list-style: none; }
    header ul.menuinner li {
      margin-top: 25px; }
      header ul.menuinner li a {
        color: white;
        text-decoration: none; }

  .menuButton {
    display: none; }

  .TopText {
    margin-top: 80px; }
    .TopText h2 {
      font-size: 20px;
      line-height: 1.4; }

  .repeatText h2 {
    font-size: 25px; }

  .container h2 {
    margin-top: 20px; }

  .cantSee {
    display: none; }
    .cantSee p {
      font-size: 20px; }

  .downtext {
    padding: 10 0 10 0;
    font-size: 25px; }

  .mail {
    position: absolute; }
    .mail .mailaddress {
      margin-top: 30px; }
    .mail .phone {
      margin-top: 30px; }

  .button {
    text-align: right; }

  .border {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    border: 5px solid #f6f6f6;
    border-left: none;
    border-right: none; }
    .border li {
      text-decoration: none;
      list-style: none;
      margin-bottom: 10px; }
      .border li a {
        color: #333; }

  img.erwei {
    display: block;
    margin: auto; } }
@media (min-width: 800px) {
  img.Logo {
    margin-top: 40px;
    margin-left: 60px;
    padding-bottom: 20px; }

  .menuButton {
    text-align: right; }
    .menuButton > ol {
      list-style: none;
      display: inline-block; }
      .menuButton > ol > li {
        list-style: none;
        float: left; }
        .menuButton > ol > li a {
          text-decoration: none; }

  .page-overlay {
    display: none; }

  .TopText {
    padding-left: 20px;
    margin-top: 150px; }
    .TopText p {
      font-size: 15px;
      color: darkgrey;
      margin-top: 30px;
      margin-bottom: 80px; }

  .downtext {
    font-size: 18px;
    line-height: 1.7;
    color: darkgrey;
    padding: 30 0 30 0; }

  .repeatText {
    margin-top: 80px; }

  .cantSee {
    display: none; }

  img.Logo {
    margin-top: 40px;
    margin-left: 60px;
    padding-bottom: 20px; }

  .border {
    margin-top: 140px;
    padding-top: 40px;
    padding-bottom: 40px;
    border: 3px solid #f6f6f6;
    border-left: none;
    border-right: none; }
    .border li {
      text-decoration: none;
      list-style: none;
      margin-bottom: 10px; }
      .border li a {
        color: #333; }
    .border p.phone {
      padding-top: 20px; }
    .border img.erwei {
      margin-left: 150px; }

  .FLogo {
    margin-top: 50px;
    margin-bottom: 50px; }
    .FLogo .text {
      text-align: right;
      font-size: smaller; }

  .container .center {
    text-align: center; }

  .downtext {
    margin-left: 80px; }

  .design {
    margin-left: 80px; }

  .designtext {
    margin-left: 80px; } }
.TopText {
  text-align: center; }

img.picture {
  width: 100%;
  height: auto; }

.container .center {
  text-align: center; }
.container .title0 {
  margin-top: 80px;
  cursor: pointer; }
.container .title1 {
  cursor: pointer; }
.container h3 {
  padding-bottom: 20px;
  border: 2px solid #f6f6f6;
  border-top: none;
  border-left: none;
  border-right: none;
  color: #3e8ddd;
  cursor: pointer; }
.container #glyphiconDown {
  display: initial; }
  .container #glyphiconDown.OpenDown {
    display: none; }
.container #glyphiconUp.OpenUp {
  display: initial; }

.design {
  cursor: pointer;
  margin-top: 80px;
  color: #3e8ddd; }

.designtext {
  display: none;
  margin-top: 30px;
  line-height: 1.7;
  font-size: 15px; }

img.Logo {
  position: absolute; }

.selected {
  display: none; }

.canSee {
  display: block;
  transition: 5s; }



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