body {
  font-family: "Hiragino Sans GB", "Microsoft YaHei"; }
  body header .background {
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: cover; }
    body header .background .text {
      position: absolute;
      color: white; }
      body header .background .text h1 {
        background-color: rgba(0, 145, 255, 0.85);
        display: table;
        padding: 10px 15px 10px 15px;
        text-decoration: none;
        font-size: monospace;
        letter-spacing: 0.025em; }
  body header div.frontend .menuButton {
    text-align: right; }
    body header div.frontend .menuButton > ol {
      list-style: none;
      display: inline-block; }
      body header div.frontend .menuButton > ol > li {
        list-style: none;
        float: left;
        color: white;
        text-decoration: none; }
  body .bg_show {
    border: none; }
  body .icon-logo {
    font-size: 140px; }
  body .services {
    padding-top: 50px;
    margin-bottom: 30px; }
    body .services .bigTitle {
      text-align: center;
      color: #0091ff; }
      body .services .bigTitle .title {
        font-size: 30px; }
    body .services .service img {
      float: left;
      margin-top: 12px; }
    body .services .service .iconSize {
      margin-top: 10px;
      font-size: 65px;
      float: left;
      color: #333; }
    body .services .service .title {
      margin-left: 0px;
      display: inline-block; }
    body .services .service .first.description {
      margin-top: 20px;
      margin-top: 12px;
      margin-left: 65px; }
  body .works {
    margin-top: 40px; }
    body .works .work {
      margin-bottom: 60px; }
      body .works .work img {
        cursor: pointer; }
      body .works .work h3 {
        cursor: pointer; }
      body .works .work h3:hover {
        color: #0091ff; }
      body .works .work img {
        width: 100%; }
  body .gray {
    background-color: #f6f6f6; }
  body .news .photo {
    width: 100%; }
  body .news .row {
    position: relative; }
    body .news .row .bg1 {
      background-color: rgba(0, 0, 0, 0.7);
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: 0;
      top: 0; }
  body .news h6 {
    position: absolute;
    color: white; }
  body .news .title:hover {
    color: #0091ff; }
  body .news .title {
    position: absolute;
    color: white;
    cursor: pointer; }
  body .news h6.date {
    position: absolute;
    color: white; }
  body .idea {
    background-color: #0091ff;
    color: white; }
  body .LOGO {
    display: -webkit-box;
    -webkit-box-pack: center; }
    body .LOGO > p {
      display: inline;
      color: #0091ff; }
  body .border {
    padding-top: 20px;
    padding-bottom: 20px;
    border: 5px solid #f6f6f6;
    border-left: none;
    border-right: none; }
    body .border li {
      text-decoration: none;
      list-style: none;
      margin-bottom: 10px; }
      body .border li a {
        color: #333; }
    body .border .number a {
      color: #333;
      text-decoration: none; }
  body .FLogo .text {
    font-size: smaller; }
  body .template {
    display: none; }
  @media (min-width: 300px) and (max-width: 800px) {
    body .backgrounds {
      margin-top: 80px; }
    body header .background {
      height: 480px; }
      body header .background h1 {
        font-size: 300%;
        top: 200px;
        left: 30px; }
    body header .icon-logo {
      color: #333;
      position: absolute;
      top: -26px; }
    body header .icon-ic_menu {
      color: #333; }
    body header .menu {
      padding-top: 30px; }
    body header .frontend {
      height: 80px;
      margin-left: 0px;
      /*span{
        color: white;
      }*/ }
      body header .frontend .logo {
        padding-top: 30px;
        position: absolute; }
      body header .frontend .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; }
        body header .frontend .page-overlay.open {
          visibility: visible;
          opacity: 1;
          transition: opacity 500ms; }
        body header .frontend .page-overlay ul.menuinner {
          font-size: 30px;
          margin-top: 30px;
          list-style: none; }
          body header .frontend .page-overlay ul.menuinner li {
            margin-top: 25px; }
            body header .frontend .page-overlay ul.menuinner li a {
              color: white;
              text-decoration: none; }
      body header .frontend .menuButton {
        display: none; }
    body header .text {
      margin-top: 150px;
      margin-left: 30px; }
    body .services {
      padding-top: 20px; }
      body .services .bigTitle {
        text-align: left; }
        body .services .bigTitle .title {
          font-size: 24px; }
      body .services .service {
        margin-top: -10px;
        text-align: left; }
        body .services .service .iconSize {
          float: none;
          position: relative;
          top: 20px;
          left: -10px; }
        body .services .service img {
          float: none;
          margin-top: 0px;
          margin-bottom: 10px; }
        body .services .service .title {
          margin: 20px 0px 20px 0px;
          margin-left: -10px; }
        body .services .service .first.description {
          margin-left: 0px; }
      body .services .bigTitle .title1 {
        font-size: 200%; }
      body .services .bigTitle .title2 {
        font-size: 130%; }
      body .services .description {
        font-size: 20px; }
    body .picture .work h1 {
      font-size: 25px; }
    body .picture h4 {
      font-size: smaller; }
    body .picture h4.syxx {
      margin-bottom: 30px; }
    body .works .work h1 {
      padding-left: 10px;
      text-align: center; }
    body .works .work .list {
      text-align: left; }
    body .news h6 {
      top: 10px;
      left: 15px;
      font-size: 16px; }
    body .news .title {
      top: 40px;
      left: 15px;
      margin-top: 10px; }
      body .news .title h2 {
        margin-top: 0;
        margin-bottom: 0;
        line-height: 1.3;
        font-size: 16px; }
    body .news h6.date {
      top: 100px;
      left: 15px;
      font-size: 14px; }
    body .idea {
      margin-top: 25px;
      padding: 20px 0 20px 15px;
      margin-left: 15px;
      margin-right: 15px; }
      body .idea h4 {
        font-size: 16px; }
      body .idea h5.title {
        font-size: 20px;
        padding-top: 5px; }
      body .idea h6.syx {
        padding-top: 5px;
        font-size: 15px; }
        body .idea h6.syx pre {
          font-family: "Hiragino Sans GB", "Microsoft YaHei";
          font-weight: 500;
          line-height: 1.3;
          color: white;
          background-color: rgba(245, 245, 245, 0);
          border: none;
          padding: 0px;
          font-size: 14px;
          margin-top: 0px; }
    body .LOGO {
      margin-top: 30px; }
      body .LOGO > p {
        font-size: 15px; }
    body .border {
      margin-top: 30px; }
      body .border .mail {
        font-size: 15px;
        position: absolute; }
        body .border .mail .mailaddress {
          margin-top: 40px; }
      body .border .button {
        font-size: 15px;
        text-align: right; }
      body .border img {
        display: block;
        margin: auto; }
    body .FLogo {
      /*margin-top:30px;*/
      margin-bottom: 30px; }
      body .FLogo .icon-logo {
        position: relative;
        top: -20px;
        color: #787878; }
      body .FLogo .text {
        margin-top: -60px; } }
  @media (min-width: 800px) {
    body header .background h1 {
      font-size: 500%;
      top: 250px;
      left: 150px; }
    body header .background .text {
      margin-top: 250px;
      margin-left: 10%; }
    body header .frontend {
      height: 88px;
      margin-left: 0px;
      /*color: white;*/ }
      body header .frontend .icon-logo {
        position: absolute;
        top: -26px; }
      body header .frontend .logo {
        /*padding-top: 80px;*/
        position: absolute;
        bottom: 1%; }
      body header .frontend .menuButton li {
        cursor: pointer; }
        body header .frontend .menuButton li a {
          font-size: 16px;
          text-decoration: none;
          /*color: white;*/ }
    body .services .service {
      margin-top: 50px; }
    body .service .title h1 {
      font-size: 450%; }
    body .service .first.description {
      font-size: 120%; }
    body .description {
      margin-top: 80px;
      padding-bottom: 90px; }
    body .works .work {
      height: 500px;
    }

    body .works .work img {
      transition: 0.2s;
    }

    body .works .work img:hover {
      transition: 0.2s;
      transform:scale(1.02, 1.02);
      box-shadow: 10px 10px 20px #d4d4d4;
    }

    body .news h6 {
      top: 100px;
      left: 150px;
      font-size: 20px; }
    body .news .title {
      top: 150px;
      left: 150px;
      font-size: 300%; }
    body .news h6.date {
      top: 300px;
      left: 150px;
      font-size: 150%; }
    body .thinking {
      padding-right: 50px;
      padding-left: 50px; }
      body .thinking .idea {
        margin-top: 65px;
        padding-bottom: 150px;
        padding-left: 55px;
        padding-top: 50px; }
        body .thinking .idea h4 {
          font-size: 20px; }
        body .thinking .idea h5 {
          font-size: 300%; }
        body .thinking .idea h6 {
          font-size: 20px; }
        body .thinking .idea h6.syx {
          padding-top: 30px; }
          body .thinking .idea h6.syx pre {
            font-family: "Hiragino Sans GB", "Microsoft YaHei";
            font-size: 20px;
            background-color: rgba(245, 245, 245, 0);
            color: white;
            border: none;
            padding: 0;
            font-weight: 500;
            line-height: 1.1; }
        body .thinking .idea h5.title {
          padding-top: 30px;
          cursor: pointer; }
        body .thinking .idea h5.title:hover {
          color: #272822; }
    body .LOGO {
      margin-top: 66px;
      margin-bottom: 66px; }
      body .LOGO > p {
        font-size: 300%; }
    body .border {
      padding-top: 50px;
      padding-bottom: 50px; }
      body .border img {
        float: right; }
      body .border li {
        list-style: none;
        margin-bottom: 10px; }
    body .picture {
      margin-top: 30px; }
      body .picture h4.syxx {
        margin-bottom: 30px; }
    body .FLogo {
      margin-top: 66px;
      margin-bottom: 66px; }
      body .FLogo .icon-logo {
        color: #787878;
        position: relative;
        top: -35px; }
    body .glyphicon {
      display: none; }
    body .page-overlay {
      display: none; }
    body a {
      color: white; } }



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