@charset "UTF-8";
.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
main,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
  text-decoration: none; }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #152e3d; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*
 * RESET CSS 重置css
 */
@font-face {
  font-family: 'microsoft-yahei';
  src: url("../font/microsoft-yahei.eot");
  src: local("☺"), url("../font/microsoft-yahei.woff") format("woff"), url("../font/microsoft-yahei.ttf") format("truetype"), url("../font/microsoft-yahei.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font: 14px/1.5 "Microsoft Yahei","microsoft-yahei"; }

a {
  text-decoration: none; }

ul,
li {
  list-style: none;
  padding-left: 0;
  margin: 0; }

img {
  vertical-align: top;max-width:100%; }

h1, h2, h3, h4, p {
  margin: 0; }

/*
 * reuse css 复用css
 */
.pull-left {
  float: left; }

.pull-right {
  float: right; }

.hide {
  display: none; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.invisible {
  visibility: visible; }

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

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.tetx-justify {
  text-align: justify; }

/*----------------基本重置------------------------*/
p, a {
  margin: 0;
  color: #222;
  line-height: 1; }

figure {
  padding: 0;
  margin: 0; }

a {
  -webkit-transition: all 0.16s ease-in-out;
  -moz-transition: all 0.16s ease-in-out;
  -ms-transition: all 0.16s ease-in-out;
  -o-transition: all 0.16s ease-in-out;
  transition: all 0.16s ease-in-out; }

h1, h2, h3, .am-paragraph h2 {
  font-weight: normal;
  margin: 0; }

b {
  font-weight: normal; }

button {
  outline: none; }

img {
  border: 0; }

.loading,
.nodata {
  text-align: center;
  display: none;
  color: #fff; }

/*--------------------工具类---------------------*/
.por {
  position: relative; }

.poa {
  position: absolute; }

.db {
  display: block; }

.dib {
  display: inline-block; }

.dn {
  display: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.fwb {
  font-weight: bold; }

.op0 {
  opacity: 0; }

.tac {
  text-align: center; }

.clearfix::before,
.clearfix::after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

/*----------------通用文字颜色------------------------*/
.epd-text-red {
  color: #e60012; }

.epd-text-gray {
  color: #989898; }

.epd-text-f {
  color: #fff; }

/*----------------通用外边距内边距------------------------*/
.epd-padding-top-xxl {
  padding-top: 40px; }

.epd-padding-bottom-xxl {
  padding-top: 40px; }

.am-margin-right-xxl {
  margin-right: 5rem; }

.am-margin-left-xxl {
  margin-right: 4.4rem; }

/*----------------通用背景颜色------------------------*/
.epd-bgc-defaul {
  background-color: #e67817; }

.epd-bgc-white {
  background-color: #fff; }

/*----------------详情图片通用样式------------------------*/
.am-paragraph-default {
  margin: 0; }

.am-paragraph-default p {
  margin: 0;
  color: #3c3c3c;
  font-size: 1.6rem;
  text-align: justify;
  text-justify: inter-ideograph;
  word-wrap: break-word;
  word-break: break-all; }

.am-paragraph-default img {
  height: auto;
  margin: 1.6rem auto;
  padding: 0;
  border: none;
  text-align: center; }

/*----------------展示图片大图样式------------------------*/
.am-pureview-actions a {
  right: 0px;
  font-size: 32px;
  left: initial; }

.am-icon-chevron-left:before {
  content: "\f00d"; }

.am-pureview-bar .am-pureview-title {
  display: none; }

.am-figure-zoomable:after {
  content: " "; }

.am-figure-default img {
  border: none; }

/*----------------下拉框------------------------*/
.am-btn-secondary, .am-btn-secondary:focus, .am-btn-secondary:hover {
  color: #fff;
  background-color: #e67817; }

.am-btn-secondary.am-active, .am-btn-secondary:active, .am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle {
  background-color: #e67817;
  border-color: #fff; }

.am-btn-secondary:hover, .am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle {
  color: #fff; }

.am-selected .am-btn {
  padding: 1.2rem 2rem 1.2rem 1rem; }

.am-selected-list li.am-checked .am-icon-check {
  color: #e67817; }

.am-btn-secondary {
  border-color: #fff; }

.am-selected-text {
  color: #e67817; }

.am-checked .am-selected-text {
  color: #e67817; }

/*----------------折叠面板------------------------*/
.am-accordion-gapped {
  margin: 0;
  border-bottom: 1px dashed #3c3c3c; }

.am-accordion-gapped .am-accordion-title {
  border: none;
  padding: 1.2rem 2rem 1.2rem 1rem; }

.am-accordion-gapped .am-accordion-item {
  margin: 0;
  border: none;
  border-top: 1px dashed #3c3c3c; }

.am-accordion-gapped .am-accordion-item.am-active {
  border-bottom: none; }

.am-accordion-content img {
  width: 100%; }

.am-accordion-gapped .am-accordion-title, .am-accordion-content p, .am-accordion-gapped .am-active .am-accordion-title:after, .am-accordion-gapped .am-active .am-accordion-title {
  color: #3c3c3c; }

.am-accordion-gapped .am-active .am-accordion-title {
  background-color: #333;
  color: #fff; }

.am-accordion-gapped .am-active .am-accordion-title:after {
  color: #fff; }

/*----------------回到顶部------------------------*/
.am-gotop-fixed {
  bottom: 50px; }

.am-icon-arrow-up:before {
  line-height: 32px; }


.indpro-list{
  background: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
}
.indpro-list .am-gallery{
  padding: 0;
}

@media only screen and (min-width: 641px) {
  .am-gotop-icon {
    font-size: 2.2rem; }

  .am-gotop-fixed {
    bottom: 63px;
    width: 50px;
    height: 52px; }

  .am-gotop-fixed, .am-icon-arrow-up:before {
    line-height: 50px; } }
/*--------------------title-more----------------------*/
/*--------------------more-style---------------------*/
/*--------------------banner-in---------------------*/
/*--------------------news list---------------------*/
.news-wrap {
  width: 980px;
  margin: 0 auto; }

.newstit {
  margin: 0 auto;
  text-align: center; }

.newstit-box {
  display: block;
  margin: 0 auto 40px;
  width: 100%;
  height: 31px;
  text-align: center; }

.newstit-box div {
  display: inline-block; }

.newslist {
  margin-bottom: 50px;
  border-top: 1px solid #ddd; }

.newslist li {
  position: relative;
  padding: 32px 20px;
  overflow: hidden;
  transition: all .5s;
  cursor: pointer;
  border-bottom: 1px solid #ddd; }

.newslist .showtext {
  display: inline-block;
  width: 174px;
  height: 120px;
  overflow: hidden; }

.newslist .nopicture {
  visibility: hidden;
  opacity: 0;
  width: 172px;
  height: 118px;
  letter-spacing: 1.15px;
  border: 1px solid #e67817;
  line-height: 120px;
  color: #e67817;
  font-size: 12px;
  text-align: center;
  font-style: normal;
  transition: all .2s ease-in-out; }

.newslist .showtext .nopicture {
  display: block;
  visibility: visible;
  opacity: 1; }

.newslist img {
  width: 174px;
  margin-right: 40px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

.newslist .img-span {
  width: 174px;
  height: 118px;
  overflow: hidden;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.newslist .img-span img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle; }

.newslist .txt {
  position: absolute;
  width: 72.5%;
  top: 32px;
  left: 242px;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

.newslist .tit {
  width: 500px;
  margin: 14px 0 3px;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  color: #575757;
  transition: all .5s;
  margin-bottom: 10px; }

.newslist .date {
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 30px;
  font-family: "微软雅黑";
  margin-bottom: 12px;
  padding-bottom: 12px;
  color: #999;
  transition: all .5s; }

.newslist .description {
  top: 80px;
  width: 500px;
  height: 45px;
  transition: all .5s;
  font-size: 13px;
  color: #999;
  line-height: 22px !important; }

.newslist a {
  display: block; }

.newslist li:hover {
  background-color: #fff; }

.newslist li:hover .description,
.newslist li:hover .tit {
  margin-left: 10px; }

.newslist li:hover .date,
.newslist li:hover .tit {
  color: #333; }

.newslist li:hover .description {
  color: #666; }

/*--------------------news content---------------------*/
#news-detial article {
  font-size: 14px; }
  #news-detial article table {
    border-collapse: collapse; }
  #news-detial article .title {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin: 0; }
  #news-detial article .date {
    font-size: 12px;
    text-align: center;
    color: #aaa;
    margin-top: 5px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee; }
  #news-detial article .body {
    margin: 30px 0 50px;
    font-size: 14px;
    line-height: 32px;
    color: #555; }
  #news-detial article .body p {
    font-size: 14px !important;
    color: #555;
    line-height: 32px; }
  #news-detial article .body p span {
    font-size: 14px !important; }
  #news-detial article .body img {
    max-width: 800px;
    display: block;
    margin: 0 auto; }

.prev-next {
  padding-top: 40px; }
  .prev-next div {
    display: inline-block; }
  .prev-next .back-list {
    margin: 0 100px; }
  .prev-next a {
    display: block;
    width: 80px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #555;
    color: #555;
    user-select: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .prev-next a:hover {
      background-color: #e67817;
      border: 1px solid #e67817;
      color: #fff; }
  .prev-next .t-prev a:hover {
    text-indent: -10px; }
  .prev-next .t-next a:hover {
    text-indent: 10px; }

/*--------------------paging---------------------*/
.paging {
  text-align: center;
  padding: 30px;
  font-size: 12px; }
  .paging .pageinfo {
    font-size: 14px; }
    .paging .pageinfo strong {
      font-weight: normal; }
  .paging li {
    display: inline-block;
    line-height: 24px;
    text-align: center;
    font-size: 12px; }
    .paging li.thisclass a, .paging li:hover a {
      background: #152e3d;
      color: #fff; }
    .paging li.i a, .paging li.n a, .paging li.p a, .paging li a.e, .paging li.e a {
      text-indent: -9999px; }
    .paging li a {
      display: inline-block;
      color: #152e3d;
      border: 1px solid #152e3d;
      width: 24px;
      height: 24px;
      line-height: 24px;
      margin-right: 3px;
      font-size: 12px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }

.paging li.i a {
  background: url(../images/paging_btn.png) 7px center no-repeat; }

.paging li a.e {
  background: url(../images/paging_btn.png) -152px center no-repeat; }

.paging li.e a {
  background: url(../images/paging_btn.png) -152px center no-repeat; }

.paging li.p a {
  background: url(../images/paging_btn.png) -32px center no-repeat; }

.paging li.n a {
  background: url(../images/paging_btn.png) -100px center no-repeat; }

.paging li.i:hover a {
  background: url(../images/paging_btn_hover.png) 7px center no-repeat #152e3d; }

.paging li:hover a.e {
  background: url(../images/paging_btn_hover.png) -152px center no-repeat #152e3d; }

.paging li.e:hover a {
  background: url(../images/paging_btn_hover.png) -152px center no-repeat #152e3d; }

.paging li.p:hover a {
  background: url(../images/paging_btn_hover.png) -32px center no-repeat #152e3d; }

.paging li.n:hover a {
  background: url(../images/paging_btn_hover.png) -100px center no-repeat #152e3d; }

/*--------------------tool---------------------*/
/*--------------------default---------------------*/
html {
  font-size: 62.5%; }

body {
  background-color: #fff; }

main {
  background-color: #efefef; }

.index-tit {
  text-align: center;
  border-bottom: 1px solid #eee; }
  .index-tit h4 {
    position: relative;
    padding: 2rem 0;
    font-size: 2.4rem;
    font-family: "宋体";
    line-height: 1;
    display: inline-block;
    color: #152e3d;
    margin: 0 auto; }
    .index-tit h4:before, .index-tit h4:after {
      width: 8rem;
      height: 1px;
      position: absolute;
      top: 50%;
      margin-top: -1px;
      left: -8.8rem;
      background-color: #e0e0e0;
      content: ""; }
    .index-tit h4:after {
      left: auto;
      right: -8.8rem; }

/*--------------------header---------------------*/
header{z-index: 999;position: fixed;top: 0;height: 60px;transition:all .5s;width: 100%;}
.header-menu{padding: 0 1.6rem;height: 60px;background: #152e3d; box-shadow: 1px 1px 4px 0px rgba(0,0,0,.1);}
.logo{padding-top: 10px;}
.logo img{height: 40px;}
.logo span{margin-left: 0.8rem;padding-left: 0.8rem;border-left: 1px solid #ddd;}
.logo em{color: #d50f0f;line-height: 1.4rem;display: block;}
.headerlogo{background: url(/templets/images/headerlogo.png) no-repeat center ;content: '';width: 100%;height: 30px;-webkit-background-size: 80% auto;
background-size: 80% auto;}
.aboutlogo{background: url(/templets/images/indexaboutlogo.png) no-repeat center ;width: 100%;height: 50px;-webkit-background-size: 80% auto;
background-size: 80% auto;}
.header-block{height: 60px;}
.menu-m{z-index: 999; position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow-y: auto;background: #152e3d;padding:0 1.5rem;}
.menu-m{transform:translateY(-100%);-webkit-transform:translateY(-100%);-webkit-transition: 0.88s cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: 0.88s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.menu-top-show{transform: translateY(0);-webkit-transform: translateY(0);}
.menu-m li{line-height: 4.6rem;}
.menu-m li a{position: relative;color: #fff;display: block;line-height: 6rem;font-size: 1.2rem;border-bottom: 1px solid  #484848;text-indent: 1rem;}
.menu-m li i{position: absolute;top: 0;right: 1rem;display: block;font-style: normal;font-size: 2.2rem;transition: all .3s;transform-origin: center center;text-indent: 0;}
.menu-m a.open i{transform:rotate(-45deg);}
.menu-m li ul ul{display: none;}
.nav-menu{padding: 5.8rem 0 2rem;}
.nav-menu ul{padding: 0;}
.nav-menu >ul >li >a{text-transform:uppercase;}
.nav-menu h1{line-height: 1.2em;color: #fff;font-weight: bold;margin-bottom: 20px;}
.menu-son{background: #363636;display: none;}
.menu-son li a{font-size: 1.2rem;}
.menu-son li:last-child{border-bottom: none;}
.menu-btn{z-index: 9999;position: fixed;top: 0;right: 1rem;height: 60px;line-height: 60px;font-size: 1.4rem;color: #727272;display: block;text-align: left;}
.menu-btn:hover{color: #727272;}
.menu-btn img{height: 20px;float: left;margin:1.7rem 1.6rem 0 0 ;}
.menu-btn span{position: relative;float: left;margin: 28px .8rem 0 0;width: 1.6rem;height: 2px;display: block;background: #cb9a42;}
.menu-btn i{position: absolute;left: 0;width: 1.6rem;height: 2px;display: block;background: #fff;transition-duration: .3s,.3s;-webkit-transition-duration: .3s,.3s;transition-delay: .3s,0s;-webkit-transition-delay: .3s,0s;}
.menu-btn i.mbtn-top{top: -0.6rem;transition-property: top,transform;-webkit-transition-property: top,transform; background: #cb9a42;}
.menu-btn i.mbtn-bottom{bottom: -0.6rem;transition-property: bottom,transform;-webkit-transition-property: bottom,transform; background: #cb9a42;}
.menu-btn .menu-font{font-style: normal; color: #cb9a42; font-size: 1.6rem;}

.menu-btn-on span{background: #272727;margin-right: 1.6rem;}
.menu-btn-on img{display: none;}
.menu-btn-on, .menu-btn-on:hover{color: #fff;}
.menu-btn-on i.mbtn-top, .menu-btn-on i.mbtn-bottom{background: #fff;transition-delay: 0s,.3s;-webkit-transition-delay: 0s,.3s;}
.menu-btn-on i.mbtn-top{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.menu-btn-on i.mbtn-bottom{bottom: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.menu-btn-on .menu-font{display: none;}

.header-block {
  height: 60px;
  background-color: #fff; }

.footer-m {
  position: fixed;
  z-index: 9;
  
  bottom: 0;
  left: 0;
  background-color: #152e3d; }
  .footer-m .nav-menu {
    padding: 0;
    font-size: 0; }
    .footer-m .nav-menu li {
      display: inline-block;
      width: 25%;
      text-align: center; }
      .footer-m .nav-menu li span{
        display: block;
        margin: 0 auto;
        width: 30px;
        height: 19px;
      }
      .footer-m .nav-menu .menu0 span{
        background: url("/templets/images/ico-foot1.png") no-repeat center center;
        background-size: contain;
      }
      .footer-m .nav-menu .menu1 span{
        background: url("/templets/images/ico-foot2.png") no-repeat center center;
        background-size: contain;
      }
      .footer-m .nav-menu .menu2 span{
        background: url("/templets/images/ico-foot3.png") no-repeat center center;
        background-size: contain;
      }
      .footer-m .nav-menu .menu3 span{
        background: url("/templets/images/ico-foot4.png") no-repeat center center;
        background-size: contain;
      }
      .footer-m .nav-menu li.on a {
        color: #fff; 
        background-color: #fcb623;
      }
      .footer-m .nav-menu li.on a p {
        color: #333; }

        .footer-m .nav-menu li a p {color:#333;}
      .footer-m .nav-menu li a {
        display: block;
        padding-top: .8rem;
        font-size: 1.2rem; 
      
      }
      .footer-m .nav-menu li p {
        display: block;
        padding: .5rem 0 1rem; }
        /*----
        .footer-m .nav-menu .menu0.on span{
          background: url("/templets/images/ico-foot1-h.png") no-repeat center center;
          background-size: contain;
        }
        .footer-m .nav-menu .menu1.on span{
          background: url("/templets/images/ico-foot2-h.png") no-repeat center center;
          background-size: contain;
        }
        .footer-m .nav-menu .menu2.on span{
          background: url("/templets/images/ico-foot3-h.png") no-repeat center center;
          background-size: contain;
        }
        .footer-m .nav-menu .menu3.on span{
          background: url("/templets/images/ico-foot4-h.png") no-repeat center center;
          background-size: contain;
        }-------------*/

i.icon-chanpin {
  font-size: 19px; }



/*--------------------banner---------------------*/
.banner {}

.banner .am-direction-nav {
  display: none; }

.banner .am-slider-default .am-control-nav {
  bottom: 1rem;
  padding: 0 1.8rem; }

.banner .am-slider-default .am-control-nav li a {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: bottom;
  background-color: #fff;
  box-shadow: none;
  opacity: 1; }

.banner .am-slider-default .am-control-nav li a.am-active {
  height: 7px;
  width: 7px;
  background-color: #fff; }

/*--------------------pro---------------------*/
.pro-list {
  margin: 1.4rem 0; }
  .pro-list li {
    margin-bottom: .8rem; }
  .pro-list li:nth-child(2n-1) {
    padding-right: .5rem; }
  .pro-list li:nth-child(2n) {
    padding-left: .5rem; }
  .pro-list em {
    display: block;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 4px; }
  .pro-list p {
    padding: .5rem 0; }
  .pro-list span {
    font-size: 1.2rem;
    line-height: 1.4;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .pro-list img {
    display: block;
    max-width: 100%; }

.more-sty-index {
  padding: .5rem 0 3rem;
  text-align: center; }
  .more-sty-index .more {
    display: inline-block;
    background-color: #152e3d;
    font-size: 1.4rem;
    color: #fff;
    width: 100%;
    padding: 1rem 0;
    border-radius: 3px; }

    .am-pureview-actions a{
      font-size: 24px;
    }
/*--------------------footer---------------------*/
footer {
  padding: 1.2rem 0;
  text-align: center;
  font-size: 1.2rem;
  color: #666; }

.fudong {
  position: fixed;
  bottom: 18vh;
  right: .5rem; }
  .fudong li {
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 1.3rem; }
  .fudong a {
    display: block;
    width: 4.5rem;
    height: 4.5rem; }
  .fudong a i {
    display: block;
    height: inherit; }
  .fudong i.shouye {
    background: url(../images/home.png) no-repeat;
    background-size: cover; }
  .fudong i.tel {
    background: url(../images/tel.png) no-repeat;
    background-size: cover; }
  .fudong i.weixin {
    background: url(../images/wechat.png) no-repeat;
    background-size: cover; }
  .fudong i {
    color: #fff; }

/*--------------------loading ---------------------*/
.addloading {
  position: fixed;
  z-index: 999999;
  background-color: #fff;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity .1s ease-in-out; }

.addloading.hide {
  z-index: -1;
  opacity: 0; }

.addloading .loading-wrap {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100px;
  padding: 1.5rem 0;
  height: 100px;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(45, 44, 44, 0.88);
  border-radius: 4px; }

.addloading .loading-wrap p {
  padding-top: 1rem;
  color: #eee;
  font-size: 1.2rem; }

.run-loader {
  display: inline-block;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  border: 2px solid #B9C2C3;
  border-right-color: transparent;
  border-radius: 50%;
  animation: loader-rotate 1s linear infinite; }

@keyframes loader-rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
/*--------------------banner-in---------------------*/
.banner-in { }



/*--------------------index---------------------*/
.index-prolist .pro-bg img{
  width: 100%;
}
.index-prolist .pro-bg{margin-bottom:20px;}

.index-prolist .pro-first{
  margin-top: -15%;
}

.index-prolist:nth-child(even) .pro-first{
  margin-top: -23%;
}

.index-prolist .item {
  background: #fff;
  position: relative;
}

.index-prolist .item .pic img{
  width: 100%;
}
.index-prolist .item .tit{
  padding: 0 5px;
}
.index-prolist .item .tit span{
  display: block;
  line-height: 3.6rem;
  float: left;
  font-size: 1.4rem;
  width: calc(100% - 70px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.index-prolist .item .tit samp{
  display: block;
  line-height: 1.8rem;
  float: right;
  font-size: 1.2rem;
  background: #152e3d;
  margin-top: 1rem;
  color: #fff;
  border-radius: .8rem;
  text-align: center;
  padding: 0 1rem;
}

.index-prolist .pro-first .item{
  padding: 1rem;
}

.index-prolist .pro-second {
  padding-bottom: 2rem;
}

.index-prolist .pro-second .item{
  float: left;
  width: 50%;
}

.index-prolist .pro-second .item:nth-child(odd){
  padding-left: 1rem;  
  padding-right: .5rem;  
}

.index-prolist .pro-second .item:nth-child(even){
  padding-left: .5rem;  
  padding-right: 1rem;  
}

/*--------------------about---------------------*/
.page {
  background-color: #fff; }
  .page article { }
    .page article p {
      font-size: 1.4rem;
      line-height: 2.4rem; }
	 .page article p img { width: 100%;}

.page-about p{
  line-height: 1.5;
}

.page-about img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
/*--------------------zhengshu---------------------*/
#zhengshu {
  margin-top: .5rem;
  background-color: #fff; }

#zhengshu .am-direction-nav {
  display: none; }
#zhengshu .am-slider-default .am-control-nav {
  display: none; }

/*--------------------pro article---------------------*/
#pro-detail {
  background-color: #fff;
  padding-bottom: 1.5rem; }
  #pro-detail h2 {text-align:center;
    color: #222;
    font-weight: bold; }
  #pro-detail small {display:none;
    color: #ccc;
    padding-bottom: .6rem;
    display:none; }

#pro-detail article {
  font-size: 1.2rem; }

#pro-detail p {
  font-size: 1.2rem !important; }

#pro-detail img{
  max-width: 100%;
}

.am-table {
  font-size: 1.2rem;
  font-family: "微软雅黑" !important;
  color: #333; }

.am-table span,
.am-table p {
  color: #333; }

.am-table > tbody > tr > td,
.am-table > tbody > tr > th,
.am-table > tfoot > tr > td,
.am-table > tfoot > tr > th,
.am-table > thead > tr > td,
.am-table > thead > tr > th {
  padding: .7rem !important;
  color: #333;
  line-height: 1.6 !important;
  vertical-align: middle !important;
  border-top: 1px solid #ddd !important;
  border-right-color: #ddd !important;
  border-bottom-color: #ddd !important;
  border-left-color: #ddd !important; }

.am-table-bordered > tbody > tr > td,
.am-table-bordered > tbody > tr > th,
.am-table-bordered > tfoot > tr > td,
.am-table-bordered > tfoot > tr > th,
.am-table-bordered > thead > tr > td,
.am-table-bordered > thead > tr > th {
  border-left: 1px solid #ddd !important; }

.am-table-bordered > tbody > tr:first-child > td,
.am-table.am-table-bordered > tbody > tr:first-child > th {
  border-top: none !important; }

.img-wrap {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #152e3d;
  visibility: hidden;
  transition: all .3s ease-in-out;
  opacity: 0; }

.img-wrap.show {
  z-index: 99999;
  opacity: 1;
  visibility: visible; }

.img-wrap img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/*--------------------contact---------------------*/
#contact {
  text-align: center; }
  #contact h4 {
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 1.2rem; }
  #contact .epd-btn {
    margin-top: 2rem;
    background-color: red;
    color: #fff;
    font-size: 1.2rem;
    padding: 1rem 0;
    width: 80%;
    border-radius: 4px; }