@charset "UTF-8";
body {
  font-family: "Hiragino Sans GB", "Microsoft YaHei";
  /*放在logo上变成手*/ }
  body h3 {
    color: #333;
    letter-spacing: 0.025em;
    line-height: 2; }
  body .list {
    font-size: 20px;
    letter-spacing: 0.025em;
    color: #a8a8a8;
    font-weight: lighter;
    font-family: inherit; }
  body .backgrounds {
    margin-bottom: 0px; }
  body .background {
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: cover; }
    body .background .text h1 {
      background-color: rgba(0, 145, 255, 0.85);
      display: table;
      padding: 10px 15px 10px 15px;
      text-decoration: none;
      letter-spacing: 0.05em; }
  body .icon-logo {
    cursor: pointer; }
  body header #bgOpacity {
    position: fixed;
    top: 0px;
    z-index: 100; }
  body header .bgHeader {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100; }
  body header div.frontend {
    width: 100%; }
    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 header div.frontend .menuButton > ol > li a:hover {
            color: #333;
            text-decoration: none; }
  body .border .button a:hover {
    color: #0091ff; }
  body .border .button a {
    color: #333;
    text-decoration: none; }
  body .icon-logo {
    font-size: 140px;
    position: absolute;
    top: -26px; }
  body .topBorder {
    margin-top: 60px;
    border: 3px solid #f6f6f6;
    border-bottom-style: none; }
  body .gray {
    background-color: #f7f7f7; }
  body li a:hover {
    color: #0091ff; }
  body .mail a {
    color: #333;
    text-decoration: none; }
  @media (min-width: 300px) and (max-width: 800px) {
    body .slick-dots {
      bottom: 0; }
    body h3 {
      line-height: 1.3;
      font-size: 20px; }
    body .list {
      font-size: 16px; }
    body .background {
      height: 234px;
      background-size: contain; }
      body .background h1 {
        font-size: 180%;
        left: 30px;
        margin-top: 10px; }
      body .background .text {
        position: absolute;
        margin-top: 50px;
        margin-left: 0px;
        color: white; }
    body header #bgOpacity {
      position: fixed;
      top: 0px;
      height: 80px; }
    body header .bgHeader {
      position: fixed;
      background: white;
      top: 0;
      width: 100%; }
    body header .icon-logo {
      left: 0px;
      top: -26px; }
    body header .icon-ic_menu {
      font-size: 50px; }
    body header .menu {
      padding-top: 30px; }
    body header .frontend {
      /*color: white;*/
      height: 80px;
      margin-left: 0px;
      transition: 0.5s; }
      body header .frontend .logo {
        padding-top: 30px;
        position: absolute; }
      body header .frontend #siteMenu {
        position: relative;
        top: -15px;
        left: 30px;
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        font-size: xx-large;
        float: right;
        margin-right: 15px; }
      body header .frontend .menuButton {
        display: none; }
    body 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; }
      body header .page-overlay.open {
        visibility: visible;
        opacity: 1;
        transition: opacity 500ms; }
      body header .page-overlay .buttonClose {
        font-size: 40px;
        float: right;
        padding-right: 20px; }
      body header .page-overlay ul.menuinner {
        font-size: 30px;
        margin-top: 30px;
        list-style: none; }
        body header .page-overlay ul.menuinner li {
          margin-top: 25px; }
          body header .page-overlay ul.menuinner li a {
            color: white;
            text-decoration: none; }
    body header .text_black {
      color: #333; }
      body header .text_black .icon-logo {
        color: #333; }
      body header .text_black .icon-ic_menu {
        color: #333; }
      body header .text_black #siteMenu {
        color: #333; }
    body .email-subscribe__title {
      font-size: 25px;
      margin-left: 15px;
      margin-top: 18px; }
    body .form-group input {
      background-color: #f6f6f6; }
    body .navbar-form {
      margin-left: 0px;
      margin-right: 0px; }
    body .mail {
      font-size: 15px;
      position: absolute; }
      body .mail .mailaddress {
        margin-top: 40px; }
      body .mail .phone {
        margin-top: 30px; }
      body .mail .number {
        padding: 10px 10px 10px 0; }
    body .buttom {
      text-align: right;
      padding-left: 200px; }
    body .border {
      margin-bottom: 20px;
      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;
          font-size: 15px; }
    body img.erwei {
      display: block;
      margin: auto;
      width: 155px;
      height: 155px; }
    body .FLogo {
      /*margin-top:30px;*/
      margin-bottom: 30px; }
      body .FLogo .icon-logo {
        position: relative;
        top: -20px;
        color: #787878; }
      body .FLogo .text {
        text-align: left;
        margin-top: -60px; } }
  @media (min-width: 800px) {
    body .backgrounds .slick-dots {
      bottom: 30px; }
    body .backgrounds .background {
      height: 1000px; }
      body .backgrounds .background h1 {
        font-size: 500%;
        top: 250px;
        left: 150px; }
      body .backgrounds .background .text {
        margin: 0;
        position: absolute;
        margin-top: 250px;
        color: white; }
    body header .menuButton {
      text-align: right; }
      body header .menuButton > ol {
        list-style: none;
        display: inline-block; }
        body header .menuButton > ol > li {
          list-style: none;
          float: left; }
          body header .menuButton > ol > li a {
            color: #333;
            text-decoration: none; }
    body header .disapper {
      display: none; }
    body header .page-overlay {
      display: none; }
    body header #bgFrontend .menu {
      padding: 0px; }
    body header .frontend {
      height: 88px;
      margin-left: 0px; }
      body header .frontend .logo {
        position: absolute;
        bottom: 1%; }
      body header .frontend .menuButton {
        line-height: 88px; }
        body header .frontend .menuButton li {
          cursor: pointer;
          margin-left: 30px; }
          body header .frontend .menuButton li a {
            font-size: 16px;
            text-decoration: none; }
    body header .text_black .icon-logo {
      color: #333; }
    body header .text_black .menuButton li a {
      color: #333; }
    body .email-subscribe__title {
      font-size: 30px;
      margin-top: 40px; }
    body .navbar-form {
      padding-left: 0px; }
    body .form-group .form-control {
      width: 570px;
      font-size: 16px;
      height: 60px; }
    body .form-group input {
      background-color: #f6f6f6; }
    body .btn-default {
      height: 60px;
      margin-left: 30px;
      width: 150px; }
    body .border {
      padding-top: 40px;
      padding-bottom: 40px;
      border: 3px solid #f6f6f6;
      border-left: none;
      border-right: none; }
      body .border .phone {
        padding-top: 20px; }
      body .border li {
        text-decoration: none;
        list-style: none;
        margin-bottom: 10px; }
      body .border .erwei {
        position: absolute;
        right: 0px;
        width: 155px;
        height: 155px; }
    body .FLogo {
      margin-top: 66px;
      margin-bottom: 66px; }
      body .FLogo .icon-logo {
        color: #787878;
        position: relative;
        top: -35px; }
      body .FLogo .text {
        text-align: right; } }
  body .viewMore {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center; }
    body .viewMore button {
      margin-left: 0px; }
    body .viewMore .next {
      position: absolute;
      right: 0px; }
  body .bg_show {
    background-color: white;
    opacity: 0.9;
    transition: 0.5s; }
  body .opacity {
    opacity: 0;
    transition: 0.5s; }
  body .slider {
    overflow-y: hidden;
    max-height: 120px;
    /* approximate max height */
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
  body .slider.closed {
    max-height: 0; }



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