@charset "UTF-8";
/* scss */
footer, .footer, .bottom-contact, .goTop {
  text-align: center; }

img {
  display: block; }

/*超出省略号*/
.overEllipsis {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

footer, .footer, .bottom-contact, .goTop {
  text-align: center; }

img {
  display: block; }

/*超出省略号*/
.overEllipsis {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

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

body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #000; }

ol, li {
  list-style: none; }

a {
  text-decoration: none;
  color: #000; }

img {
  max-width: 100%; }

i, strong, em, b {
  font-style: normal;
  font-weight: normal; }

/* 清理浮动 */
.fn-clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.floatL {
  float: left; }

.floatR {
  float: right; }

.overflowH {
  overflow: hidden; }

@font-face {
  font-family: 'icomoon';
  src: url("../Images/fonts/icomoon.eot?97w0of");
  src: url("../Images/fonts/icomoon.eot?97w0of#iefix") format("embedded-opentype"), url("../Images/fonts/icomoon.ttf?97w0of") format("truetype"), url("../Images/fonts/icomoon.woff?97w0of") format("woff"), url("../Images/fonts/icomoon.svg?97w0of#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #227cb1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-th-list2:before {
  content: "\e903"; }

.icon-old-phone:before {
  content: "\e900"; }

.icon-home2:before {
  content: "\e901"; }

.icon-phone:before {
  content: "\e942"; }

.icon-envelop:before {
  content: "\e945"; }

.icon-location:before {
  content: "\e947"; }

.icon-mobile:before {
  content: "\e958"; }

.icon-undo2:before {
  content: "\e967"; }

.icon-list:before {
  content: "\e9ba"; }

.icon-ctrl:before {
  content: "\ea50"; }

.icon-ctr2:before {
  content: "\ea51"; }

/* flex布局 */
/*flex包裹层元素*/
.flex_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

/*将元素设置为弹性元素*/
.flex_1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

/*元素主轴的方向*/
.flex_direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.flex_direction-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.flex_direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.flex_direction-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

/*项目在主轴上的对齐方式*/
.justify_content-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.justify_content-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.justify_content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.justify_content-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.justify_content-space-around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

/*项目在交叉轴的对此方式*/
.align_itmes-flex-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

.align_itmes-flex-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }

.align_itmes-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.align_itmes-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.align_itmes-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.content-wrap {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none; }

.content-wrap::-webkit-scrollbar {
  width: 0px; }

.content-wrap::-webkit-scrollbar {
  display: none; }

scrollbar {
  visibility: collapse !important; }

/***********************整体页面结构（box & footer & header）*******************/
.body-box {
  width: 10rem;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  font-size: 0.375rem; }
  .body-box .content-wrap {
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.39063rem; }
    .body-box .content-wrap.inner-content-wrap {
      padding-top: 0.39063rem; }
  .body-box .bottom-fixed {
    z-index: 2; }

/***********************滚动导航基本结构*******************/
.scrollX-wrap {
  position: relative;
  padding: 0 0.23438rem; }
  .scrollX-wrap .scrollX-main {
    position: relative; }
    .scrollX-wrap .scrollX-main .scroll-content {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%; }
      .scrollX-wrap .scrollX-main .scroll-content ul li {
        white-space: nowrap;
        font-size: 0.375rem;
        padding-left: 0.15625rem;
        padding-right: 0.15625rem; }
    .scrollX-wrap .scrollX-main .scroll-content li.on {
      background-color: #227cb1;
      color: #fff; }
      .scrollX-wrap .scrollX-main .scroll-content li.on a {
        color: #fff; }
  .scrollX-wrap .scroll-btn {
    position: absolute;
    z-index: 6666;
    right: 0;
    top: 0;
    height: 100%;
    text-align: center;
    font-size: 0.84375rem;
    background-color: #fff;
    border-left: 1px solid #a0a0a0; }
    .scrollX-wrap .scroll-btn span {
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      -webkit-transition: -webkit-transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
              transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
      display: block; }
    .scrollX-wrap .scroll-btn.on {
      background-color: #777; }
      .scrollX-wrap .scroll-btn.on span {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
  .scrollX-wrap .hidden-layer {
    display: none;
    position: absolute;
    width: 10rem;
    top: 0;
    left: 0;
    z-index: 666;
    background-color: #777777; }
    .scrollX-wrap .hidden-layer .layer-title {
      height: 0.9375rem;
      line-height: 0.9375rem;
      color: #fff;
      font-size: 0.375rem;
      padding: 0 0.23438rem; }
    .scrollX-wrap .hidden-layer ul {
      padding: 0.23438rem 0; }
      .scrollX-wrap .hidden-layer ul li {
        padding: 0 0.23438rem;
        line-height: 0.9375rem;
        border-bottom: 2px solid #fff;
        color: #fff;
        font-size: 0.4375rem; }
        .scrollX-wrap .hidden-layer ul li:last-child {
          border-bottom: 0; }
        .scrollX-wrap .hidden-layer ul li a {
          display: block;
          color: #fff; }
  .scrollX-wrap .mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 66;
    display: none; }

/*栏目导航*/
.inner-nav {
  margin-bottom: 0.15625rem;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0; }
  .inner-nav .typeList-wrap {
    background: transparent;
    line-height: 0.78125rem; }
    .inner-nav .typeList-wrap .typeList-main {
      height: 0.78125rem; }
  .inner-nav ul li a {
    padding-left: 0.15625rem;
    padding-right: 0.15625rem; }
  .inner-nav ul li:last-child a {
    border-right: 0; }
  .inner-nav ul li.on a {
    color: #227cb1; }

header, .header {
  height: 1.875rem;
  background-color: #e9e9e9; }
  header .header-logo, .header .header-logo {
    color: #fff;
    height: 100%;
    width: 4.26563rem;
    padding: 0 0.23438rem;
    box-sizing: border-box; }
    header .header-logo img, .header .header-logo img {
      max-width: 100%;
      max-height: 100%; }
  header .header-line, .header .header-line {
    margin-right: -0.23438rem;
    background-color: #227cb1;
    height: 100%;
    color: #fff;
    font-size: 0.4375rem !important;
    text-align: left;
    width: 4.26563rem;
    padding: 0 0.23438rem;
    box-sizing: border-box; }
    header .header-line img, .header .header-line img {
      margin: 0 0.35938rem 0 0; }
    header .header-line span, .header .header-line span {
      font-size: 0.4375rem !important; }

footer, .footer {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  footer a, .footer a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 0.15625rem;
    padding-bottom: 0.15625rem;
    background-color: #227cb1;
    border-right: 1px solid #fff;
    color: #fff; }
    footer a:last-child, .footer a:last-child {
      border-right: 0; }
    footer a img, .footer a img {
      width: 0.60938rem;
      height: 0.5625rem;
      margin: 0 auto; }
    footer a span, .footer a span {
      font-size: 0.28125rem; }

.bottom-contact {
  margin-top: 0.46875rem; }
  .bottom-contact .go-top {
    height: 0.8125rem;
    line-height: 0.8125rem;
    font-size: 0.40625rem;
    background-color: #606060;
    color: #fff; }
  .bottom-contact .c-box {
    display: inline-block;
    font-size: 0.375rem;
    color: #606060;
    line-height: 1.8;
    text-align: left;
    margin: 0.34375rem 0; }

.goTop {
  position: absolute;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  right: 0.15625rem;
  bottom: 2.34375rem;
  background-color: #fff;
  border: 1px solid #CCC;
  color: #BBB;
  font-size: 0.375rem;
  line-height: 1.375rem; }

 .sharedCode {
    width: 208px;
    overflow: hidden;
    margin: 0 auto;
}