@charset "UTF-8";

.page-main {
  padding-bottom: 1rem;
}

/* index-header */
.index-header {
  padding: 0.1rem 0px 0.2rem;
}
.index-header .page-language a:hover {
  color: #e46d2d;
  text-decoration: underline;
}
.index-header .page-language .back {
  display: inline-block;
  background: #9c0a25 url(../images/back.png) no-repeat 0.33rem center/1em auto;
  line-height: 2.5;
  padding: 0px 0.44rem 0px 0.68rem;
  color: #fff;
  border-radius: 1.25em;
  margin-left: 0.5rem;
}
.index-header .page-language .back:hover {
  color: #fff;
}
.index-header .page-logo {
  display: flex;
  align-items: center;
}
.index-header .page-logo img {
  max-height: 0.85rem;
  max-width: 3rem;
}
.index-header .index-menu {
  padding-top: 0.34rem;
}
.index-header .index-menu ul li {
  padding: 0px 0.4rem;
  line-height: 0.34rem;
}
.index-header .index-menu ul li a:hover {
  color: #e46d2d;
  text-decoration: underline;
}
.index-header .index-menu ul li.on a {
  color: #e46d2d;
}

@media only screen and (max-width: 767px) {
  .index-header .page-language {
    position: absolute;
    right: 5%;
    top: 0.24rem;
  }
  .index-header .index-menu {
    width: 100%;
  }
  .index-header .index-menu ul li {
    padding: 0px;
    width: 20%;
    text-align: center;
  }
  .index-header .page-logo img {
    max-height: 0.45rem;
    max-width: 2.5rem;
    margin-top: 0.2rem;
  }
}

/* index-banner */
.index-banner {
  border-top: 1px solid #e0e0e0;
  background: #f5f5f5;
}
.index-banner .bg_container {
  padding-bottom: 24.5%;
}
.index-banner .page-wrap {
  position: relative;
}
.index-banner .page-title {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.index-banner .page-number {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0.2rem;
  padding: 0.1rem 0px;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.2)
  );
}
.index-banner .page-number span {
  color: #e46e2e;
}

.index-banner2 .bg_container {
  padding-bottom: 10%;
}

@media only screen and (max-width: 767px) {
  .index-banner .bg_container {
    padding-bottom: 40%;
  }
  .index-banner2 .bg_container {
    padding-bottom: 15%;
  }
}

/* index-into */
.index-into {
  border-top: 1px solid #e0e0e0;
  padding: 0.3rem 0px 0.42rem;
}
.index-into .page-tit {
  padding-bottom: 0.1rem;
}
.index-into .page-tit span {
  display: inline-block;
  color: #e46e2e;
  margin-right: 0.05rem;
}
.index-into .page-con {
  padding-bottom: 0.2rem;
}
.index-into .page-more a {
  background: #e46e2e;
  color: #fff;
  padding: 0.04rem 0.22rem 0.06rem;
}
.index-into .page-more a:hover {
  background: #d15a1b;
  text-decoration: underline;
}

/* index-product */
.index-product {
  border-top: 1px solid #e0e0e0;
  background: #f5f5f5;
  padding: 0.3rem 0px 0.42rem;
}
.index-product .page-title .page-more a {
  color: #e46e2e;
}
.index-product .page-title .page-more a:hover {
  text-decoration: underline;
}
.index-product .page-list {
  padding-top: 0.14rem;
}
.index-product .page-list ul {
  margin: 0px -0.05rem;
}
.index-product .page-list ul li {
  width: 20%;
}
.index-product .page-list a {
  display: block;
  border: 1px solid #dfdfdf;
  margin: 0px 0.05rem;
  position: relative;
}
.index-product .page-list .page-img {
  padding-bottom: 59.43%;
  position: relative;
  background: #fff;
}
.index-product .page-list .page-img img {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.index-product .page-list .page-tit {
  background: #e46e2e;
  color: #fff;
  padding: 0.1rem 0.18rem;
}

.index-product .page-list ul li a:hover {
  border-color: #8f0808;
}
.index-product .new {
  position: absolute;
  background: #990000;
  left: -5px;
  top: -5px;
  color: #fff;
  padding: 0.01rem 0.05rem;
}
.index-product .hot {
  position: absolute;
  background: #990000;
  right: 5px;
  top: -5px;
  color: #fff;
  padding: 0.01rem 0.05rem;
}

@media only screen and (max-width: 767px) {
  .index-product .page-list ul li {
    width: 50%;
    margin-top: 0.2rem;
  }
}

/* index-news */
.index-news {
  border-top: 1px solid #e0e0e0;
  padding: 0.3rem 0px 0.42rem;
}
.index-news .page-title .page-more a {
  color: #e46e2e;
}
.index-news .page-title .page-more a:hover {
  text-decoration: underline;
}
.index-news .page-list {
  margin-top: 0.14rem;
  border-top: 0.04rem solid #e4e4e4;
  border-bottom: 0.04rem solid #e4e4e4;
  padding: 0px 0.16rem;
}
.index-news .page-list ul li {
  position: relative;
  padding: 0.115rem 1.6rem 0.115rem 0.31rem;
  border-top: 1px dashed #ccc;
}
.index-news .page-list ul li:first-child {
  border-top: none;
}
.index-news .page-list ul li:before {
  position: absolute;
  content: "";
  left: 0.06rem;
  width: 5px;
  height: 5px;
  background: #e46e2e;
  top: 50%;
  margin-top: -2px;
}
.index-news .page-list ul li .page-time {
  position: absolute;
  right: 0.16rem;
  top: 50%;
  transform: translateY(-50%);
  color: #777;
}
.index-news .page-list ul li:hover:before {
  background: #8f0808;
}
.index-news .page-list ul li a {
  color: #333;
}
.index-news .page-list ul li:hover a {
  color: #8f0808;
}

@media only screen and (max-width: 767px) {
  .index-news .page-list ul li {
    padding-right: 1.8rem;
  }
}

/* index-contact */
.index-contact {
  border-top: 1px solid #e0e0e0;
  background: #f5f5f5;
  padding: 0.3rem 0px;
}
.index-contact .page-content {
  margin-top: 0.14rem;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 0.4rem;
  line-height: 2;
}
.index-contact .page-text {
  padding-right: 0.5rem;
}
.index-contact .page-text2 {
  max-width: 50%;
}
.index-contact .page-code img {
  display: block;
  height: 84px;
}
.index-contact a {
  color: #e46d2d;
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .index-contact .page-text,
  .index-contact .page-text2 {
    padding-right: 0px;
    max-width: 100%;
    width: 100%;
    flex: none;
    padding-bottom: 0.3rem;
  }
  .page-code {
    width: 100%;
  }
  .index-contact .page-code img {
    display: inline-block;
  }
}

.er-footer {
  /* position: fixed;
  left: 0px;
  bottom: 0px;
  right: 0px; */
  background: #505050;
}
.er-footer .page-copy {
  padding-left: 0px;
}

.er-ft-index .page-main {
  padding-bottom: 0px;
}
.er-ft-index .er-footer {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
}

/* index-current */
.index-current {
  padding: 0.1rem 0px 0.15rem;
}

/* page-into */
.page-into {
  padding: 0.35rem 0px 0.5rem;
  line-height: 2;
  min-height: 5rem;
}
.page-into .page-con {
  padding: 0.2rem 0.5rem;
}
.page-into .page-con img {
  max-width: 100%;
  height: auto;
}
.page-into .page-pic {
  padding-top: 0.5rem;
}
.page-into .page-pic img {
  width: 80%;
  max-width: 590px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .page-into .page-con {
    padding: 0.2rem 0rem;
  }
}

/* page-product */
.page-product {
  padding-bottom: 0.5rem;
}
.page-product .page-tit {
  padding: 0px 0px 0.2rem;
}
.page-product .page-filter {
  padding-bottom: 0.1rem;
}
.page-product .page-filter span {
  display: inline-block;
  border: 1px solid #f4f4f4;
  line-height: 2.4;
  padding: 0px 0.23rem;
  cursor: pointer;
}
.page-product .page-filter span.on {
  background: #e46e2e;
  color: #fff;
}
.page-product .page-list ul li {
  padding-bottom: 0.2rem;
}

@media only screen and (max-width: 767px) {
  .page-product {
    padding-bottom: 1rem;
  }
}

/* page-news */
.page-news {
  padding-bottom: 0.5rem;
}
.page-news .page-list {
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 767px) {
  .page-news {
    padding-bottom: 1rem;
  }
}

.contact-sec .page-content {
  border: none;
  padding: 0.4rem 0px;
}

.bordernone {
  border: none;
}

.bgnone {
  background: none;
}