@charset "UTF-8";
/* line 5, D:/WEB/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, D:/WEB/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

html, body{
    width: 100%;
    height: 100%;
}

.fixed-popout-window{
    overflow: hidden;
    padding-right: 17px;
    box-sizing: border-box;
}

/* line 24, D:/WEB/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

sup {
  vertical-align: text-top;
  font-size: 8px;
}
sub {
  vertical-align: text-bottom;
  font-size: 8px;
}

/* line 26, D:/WEB/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, D:/WEB/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, D:/WEB/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, D:/WEB/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, D:/WEB/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, D:/WEB/Koala/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

input[type=checkbox], input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0
}

input[type=number] {
  -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

fieldset {
  margin: 0;
  border: 0
}

input {
  border: 0;
  height: auto
}

input:focus, textarea:focus {
  outline: 0
}
/* line 52, ../sass/_variable.scss */
html {
  font-size: 625%; }

/* line 55, ../sass/_variable.scss */
html, body {
  color: #fff;
  font-family: '微软雅黑', 'Microsoft YaHei', sans-serif;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  height: 100%; }

/* line 62, ../sass/_variable.scss */
a {
  color: #fff;
  text-decoration: none; }

/* line 69, ../sass/_variable.scss */
input {
  border: none; }
  /* line 71, ../sass/_variable.scss */
  input:focus {
    outline: none; }

/* line 75, ../sass/_variable.scss */
img {
  display: block; }

/* line 78, ../sass/_variable.scss */
body > *:not(script) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 0.14rem; }

/* line 86, ../sass/_variable.scss */
.gradient-bg-light {
  background: #2b3343;
  background: -webkit-gradient(linear, right top, left top, from(#0f1217), color-stop(50%, #252a34), to(#0f1217));
  background: linear-gradient(to left, #0f1217 0%, #252a34 50%, #0f1217 100%); }

/* line 90, ../sass/_variable.scss */
.gradient-bg-heavy {
  background: #090909;
  background: radial-gradient(circle closest-side, #333333 0%, #090909 100%); }

/* line 94, ../sass/_variable.scss */
.bg-heavy {
  background: #090909; }

/* line 97, ../sass/_variable.scss */
.bg-light {
  background: #2b3343; }

/* line 100, ../sass/_variable.scss */
.bg-white {
  background: #fff; }

/* line 103, ../sass/_variable.scss */
.fontcolor-heavy {
  color: #090909; }

/* line 106, ../sass/_variable.scss */
.fontcolor-white {
  color: #fff; }

/* line 109, ../sass/_variable.scss */
.fontcolor-orange {
  color: #e67634; }

/* line 114, ../sass/_variable.scss */
.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

/* line 118, ../sass/_variable.scss */
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

/* line 123, ../sass/_variable.scss */
.pagewidth-wrapper {
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }
  @media screen and (min-width: 1281px) {
    /* line 123, ../sass/_variable.scss */
    .pagewidth-wrapper {
      width: 1200px; } }
  @media screen and (max-width: 1280px) {
    /* line 123, ../sass/_variable.scss */
    .pagewidth-wrapper {
      width: 980px; } }

/* line 133, ../sass/_variable.scss */
.topmargin {
  margin-top: 72px; }

/* line 136, ../sass/_variable.scss */
.leftpadding {
  padding-left: 40px; }

/* line 140, ../sass/_variable.scss */
p.paragraph-format {
  text-indent: 2em;
  line-height: 2;
  margin: 10px 0;
  text-align: justify; }

/* line 147, ../sass/_variable.scss */
.boxshadow-light {
  -webkit-box-shadow: 0 14px 10px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 14px 10px 8px rgba(0, 0, 0, 0.2); }

/* line 6, ../sass/common.scss */
.page-header {
  position: relative;
  z-index: 3;
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4); }

/* line 12, ../sass/common.scss */
.header-content {
  padding: 20px 0; }
  /* line 26, ../sass/_variable.scss */
  .header-content:before, .header-content:after {
    content: "";
    display: table; }
  /* line 31, ../sass/_variable.scss */
  .header-content:after {
    clear: both; }
  /* line 16, ../sass/common.scss */
  .header-content figure {
    width: 40%; }
    /* line 26, ../sass/_variable.scss */
    .header-content figure:before, .header-content figure:after {
      content: "";
      display: table; }
    /* line 31, ../sass/_variable.scss */
    .header-content figure:after {
      clear: both; }
    /* line 20, ../sass/common.scss */
    .header-content figure div {
      float: left;
      margin-left: 10px; }
  /* line 26, ../sass/common.scss */
  .header-content img {
    /*width: 80px;*/
    float: left; }
  /* line 31, ../sass/common.scss */
  .header-content h1 {
    font-weight: bold;
    font-size: 0.32rem; }
  /* line 36, ../sass/common.scss */
  .header-content figcaption {
    margin-top: 18px;
    font-size: 0.24rem; }
    @media screen and (max-width: 1280px) {
      /* line 36, ../sass/common.scss */
      .header-content figcaption {
        font-size: 0.2112rem;
        margin-top: 22px; } }

.logo-right{
  float: left;
}
.logo-right img{
  height: 32px;width: auto;margin-top:10px;
}
.logo-right figcaption{
  float: left;
  font-size: 0.18rem;
  margin-top:14px;
  margin-left:-10px
}

/* line 46, ../sass/common.scss */
.header-content-right {
  position: relative;
  width: 60%;
  float: right; }
  /* line 51, ../sass/common.scss */
  .header-content-right p {
    float: right;
    font-size: 0; }
  /* line 57, ../sass/common.scss */
  .header-content-right a {
    font-size: 0.14rem;
    padding: 0 18px;
    line-height: 1.6;
    position: relative;
    float: left;}
    /* line 62, ../sass/common.scss */
    .header-content-right a:after {
      position: absolute;
      right: 0;
      top: 0;
      content: '';
      display: block;
      width: 1px;
      height: 14px;
      margin-top: 4px;
      background: #fff; }
    /* line 74, ../sass/common.scss */
    .header-content-right a:first-child {
      padding: 0 8px; }
      /* line 76, ../sass/common.scss */
      .header-content-right a:first-child:after {
        display: none; }
    /* line 81, ../sass/common.scss */
    .header-content-right a:last-child {
      padding-right: 0; }
      /* line 83, ../sass/common.scss */
      .header-content-right a:last-child:after {
        display: none; }
  /* line 89, ../sass/common.scss */
  .header-content-right form {
    position: absolute;
    right: 0;
    bottom: 4px;
    width: 60%;
    height: 28px; }
  /* line 97, ../sass/common.scss */
  .header-content-right label {
    position: absolute;
    right: 0;
    display: block;
    width: 54px;
    height: 28px;
    background: #e67634;
    cursor: pointer; }
    /* line 109, ../sass/common.scss */
    .header-content-right label:before, .header-content-right label:after {
      content: '';
      display: block;
      position: absolute; }
    /* line 114, ../sass/common.scss */
    .header-content-right label:before {
      top: 50%;
      left: 50%;
      width: 12px;
      height: 12px;
      -webkit-transform: translate(-50%, -68%);
              transform: translate(-50%, -68%);
      border-radius: 100%;
      border: 2px solid #fff; }
    /* line 123, ../sass/common.scss */
    .header-content-right label:after {
      left: 54%;
      top: 68%;
      width: 8px;
      height: 2px;
      background: #fff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  /* line 132, ../sass/common.scss */
  .header-content-right input {
    position: absolute;
    right: 60px;
    width: 260px;
    height: 28px;
    padding: 0 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  /* line 141, ../sass/common.scss */
  .header-content-right span {
    position: absolute;
    right: 360px;
    bottom: 6px;
    font-size: 0.16rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
    /* line 151, ../sass/common.scss */
    .header-content-right span i {
      font-weight: bold;
      color: #e67634;
      font-size: 0.192rem; }

/* line 159, ../sass/common.scss */
.nav {
  position: relative;
  z-index: 2; }
  /* line 26, ../sass/_variable.scss */
  .nav:before, .nav:after {
    content: "";
    display: table; }
  /* line 31, ../sass/_variable.scss */
  .nav:after {
    clear: both; }
  /* line 166, ../sass/common.scss */
  .nav > ul > li {
    position: relative;
    float: left;
    width: 11.1111%;
    text-align: center; }
    /* line 172, ../sass/common.scss */
    .nav > ul > li a {
      display: block;
      width: 100%;
      font-size: 0.16rem;
      line-height: 2.5;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
    /* line 182, ../sass/common.scss */
    .nav > ul > li:hover > a {
      background: #e67634;
      color: #111; }
    /* line 187, ../sass/common.scss */
    .nav > ul > li.nav-active > a {
      background: #e67634;
      color: #111; }
    /* line 192, ../sass/common.scss */
    .nav > ul > li:hover > ul {
      display: block; }
    /* line 196, ../sass/common.scss */
    .nav > ul > li ul {
      display: none;
      position: absolute;
      left: 0;
      z-index: 2;
      background: rgba(255, 255, 255, 0.9);
      width: 140%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      /* line 205, ../sass/common.scss */
      .nav > ul > li ul.sec-nav {
        position: absolute;
        left: 100%;
        top: 0;
        width: 90%; }
        /* line 211, ../sass/common.scss */
        .nav > ul > li ul.sec-nav li {
          text-indent: 18%; }
      /* line 216, ../sass/common.scss */
      .nav > ul > li ul li {
        width: 100%;
        position: relative;
        text-align: left;
        text-indent: 20%;
        background: transparent; }
        /* line 222, ../sass/common.scss */
        .nav > ul > li ul li > a {
          color: #666;
          font-size: 0.14rem;
          line-height: 2.4; }
        /* line 228, ../sass/common.scss */
        .nav > ul > li ul li:hover {
          background: #fff; }
          /* line 230, ../sass/common.scss */
          .nav > ul > li ul li:hover > a {
            color: #e67634; }

/* line 240, ../sass/common.scss */
ul.nav-item-special {
  padding-right: 6px;
  -webkit-box-shadow: inset -4px 0 4px rgba(0, 0, 0, 0.08);
          box-shadow: inset -4px 0 4px rgba(0, 0, 0, 0.08); }
  /* line 244, ../sass/common.scss */
  ul.nav-item-special #nav-right-arrow:after {
    content: '';
    display: block;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 6px;
    height: 6px;
    border: 1px solid #e67634;
    border-top: none;
    border-left: none;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  /* line 258, ../sass/common.scss */
  ul.nav-item-special > li:hover {
    padding-right: 6px; }
  /* line 262, ../sass/common.scss */
  ul.nav-item-special > li:hover ul {
    display: block; }

/* line 267, ../sass/common.scss */
.main-footer {
  position: relative;
  z-index: 1;
  width: 100%;
  border-bottom: 6px solid #e67634; }
  /* line 273, ../sass/common.scss */
  .main-footer section {
    padding: 20px 0; }
  /* line 277, ../sass/common.scss */
  .main-footer .main-footer-wrapper {
    width: 100%;
    padding: 0 10%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
    @media screen and (max-width: 1280px) {
      /* line 277, ../sass/common.scss */
      .main-footer .main-footer-wrapper {
        padding: 0; } }
  /* line 288, ../sass/common.scss */
  .main-footer .main-footer-list {
    width: 24%; }
    /* line 291, ../sass/common.scss */
    .main-footer .main-footer-list:first-of-type {
      width: 16%; }
    /* line 295, ../sass/common.scss */
    .main-footer .main-footer-list:last-of-type {
      width: 36%;
      position: relative; }
      /* line 299, ../sass/common.scss */
      .main-footer .main-footer-list:last-of-type dd {
        line-height: 2.4; }
        /* line 302, ../sass/common.scss */
        .main-footer .main-footer-list:last-of-type dd:first-of-type {
          margin-top: -8px; }
        /* line 305, ../sass/common.scss */
        .main-footer .main-footer-list:last-of-type dd span {
          font-size: 0.2rem; }
        /* line 309, ../sass/common.scss */
        .main-footer .main-footer-list:last-of-type dd:nth-of-type(2) a {
          padding-left: 40px;
          display: inline-block;
          color: #e67634;
          background-image: url(../images/service.svg);
          background-size: 28px;
          background-repeat: no-repeat;
          background-position: 4px 2px; }
        /* line 319, ../sass/common.scss */
        .main-footer .main-footer-list:last-of-type dd:nth-of-type(3) a {
          padding-left: 44px;
          display: inline-block;
          background-image: url(../images/qq-color.svg);
          background-size: 22px;
          background-repeat: no-repeat;
          background-position: 12px 2px; }
        /* line 328, ../sass/common.scss */
        .main-footer .main-footer-list:last-of-type dd:nth-of-type(4) a {
          text-decoration: underline; }
      /* line 333, ../sass/common.scss */
      .main-footer .main-footer-list:last-of-type dd:last-of-type {
        position: absolute;
        top: 58px;
        left: 230px; }
        /* line 337, ../sass/common.scss */
        .main-footer .main-footer-list:last-of-type dd:last-of-type img {
          width: 80px;
          margin-top: 16px; }
    /* line 344, ../sass/common.scss */
    .main-footer .main-footer-list dt, .main-footer .main-footer-list dd {
      line-height: 2.5; }
    /* line 348, ../sass/common.scss */
    .main-footer .main-footer-list dt {
      color: #e67634;
      border-bottom: 1px solid #fff;
      margin-bottom: 20px; }

/* line 356, ../sass/common.scss */
.footer-address-section {
  position: relative;
  z-index: 1;
  width: 100%; }
  /* line 361, ../sass/common.scss */
  .footer-address-section p {
    width: 100%;
    text-align: center;
    line-height: 2; }
    /* line 366, ../sass/common.scss */
    .footer-address-section p a {
      display: inline-block;
      padding: 0 12px;
      position: relative; }
      /* line 371, ../sass/common.scss */
      .footer-address-section p a:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        width: 1px;
        height: 14px;
        margin-top: -7px;
        background-color: #fff; }
      /* line 383, ../sass/common.scss */
      .footer-address-section p a:last-of-type:after {
        display: none; }

/* line 391, ../sass/common.scss */
.float-menu {
  position: fixed;
  z-index: 2;
  bottom: 10px;
  right: 10px;
  width: 140px;
  background: #fff;
  border: 4px solid #e67634;
  -webkit-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  /* line 402, ../sass/common.scss */
  .float-menu .float-menu-close-trigger {
    width: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0;
    background: #e67634;
    position: absolute;
    left: -36px;
    top: -4px;
    color: #fff;
    text-align: center;
    font-size: 0.16rem;
    cursor: pointer;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    line-height: 32px; }
  /* line 418, ../sass/common.scss */
  .float-menu .float-menu-title {
    width: 100%;
    height: 56px;
    line-height: 56px;
    font-size: 0.24rem;
    font-weight: bold;
    text-align: center;
    color: #111;
    -webkit-box-shadow: 0 4px 2px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 2px 2px rgba(0, 0, 0, 0.2); }
  /* line 432, ../sass/common.scss */
  .float-menu ul {
    margin-top: 10px;
    width: 100%; }
  /* line 436, ../sass/common.scss */
  .float-menu li {
    width: 100%;
    line-height: 3;
    padding-left: 8%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
    /* line 443, ../sass/common.scss */
    .float-menu li a {
      color: #111;
      display: block;
      width: 100%; }
    /* line 449, ../sass/common.scss */
    .float-menu li:first-of-type {
      border-top: none;
      background-image: url(../images/icon-service-color.svg);
      background-size: 30px;
      background-repeat: no-repeat;
      background-position: 89% 50%; }
    /* line 456, ../sass/common.scss */
    .float-menu li:nth-of-type(2) {
      background-image: url(../images/qq-color.svg);
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: 88% 50%; }
    /* line 462, ../sass/common.scss */
    .float-menu li:nth-of-type(3) {
      background-image: url(../images/icon-phone-color-black.svg);
      background-size: 26px;
      background-repeat: no-repeat;
      background-position: 88% 50%; }
    /* line 468, ../sass/common.scss */
    .float-menu li:last-of-type {
      padding: 10px 6%;
      line-height: 1.6;
      border-bottom: none; }
      /* line 473, ../sass/common.scss */
      .float-menu li:last-of-type i {
        color: #e67634;
        font-size: 0.16rem;
        font-weight: bold; }

/* line 484, ../sass/common.scss */
.page-main {
  position: relative;
  width: 100%; }
  /* line 26, ../sass/_variable.scss */
  .page-main:before, .page-main:after {
    content: "";
    display: table; }
  /* line 31, ../sass/_variable.scss */
  .page-main:after {
    clear: both; }