*,
*::before,
*::after {
  box-sizing: border-box; }

html,
body,
input,
button,
select,
optgroup,
textarea {
  margin: 0; }

@media screen and (min-width: 769px) {
  html {
    font-size: max(calc(100vw / 1920 * 16), 14px); } }

@media screen and (max-width: 768px) {
  html {
    font-size: calc(100vw / 375 * 16); } }

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  line-height: 1.5;
  color: #343a40;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

a {
  color: #343a40;
  text-decoration: none; }
  a:hover {
    color: #640f11; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

p {
  margin: 0; }

img,
svg,
video {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  border: 0; }

hr {
  border: 0;
  border-top: 1px solid #eee;
  margin: 1rem 0; }

table {
  caption-side: bottom;
  border-collapse: collapse; }

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0; }

th, td {
  padding: 0.5rem;
  border: 1px solid #ced4da;
  white-space: normal; }

th {
  text-align: inherit;
  text-align: -webkit-match-parent; }

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  overflow: auto;
  border: 1px solid #ced4da; }

input[type="submit"], input[type="text"], input[type="button"] {
  -webkit-appearance: none; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button {
  border-radius: 0; }

button:focus:not(:focus-visible) {
  outline: 0; }

iframe {
  border: 0; }

a, .header, .home .product .mask {
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s; }

.color-theme {
  color: #bd1c20; }

.color-white {
  color: #fff; }

.color-light {
  color: #f8f9fa; }

.color-gray {
  color: #808080; }

.color-black {
  color: #000; }

.color-red {
  color: #dc3545; }

.color-yellow {
  color: #ffc107; }

.color-green {
  color: #198754; }

.color-blue {
  color: #0d6efd; }

.color-orange {
  color: #fd7e14; }

.bg-theme {
  background-color: #bd1c20; }

.bg-white {
  background-color: #fff; }

.bg-light {
  background-color: #f8f9fa; }

.bg-gray {
  background-color: #808080; }

.bg-black {
  background-color: #000; }

.bg-red {
  background-color: #dc3545; }

.bg-yellow {
  background-color: #ffc107; }

.bg-green {
  background-color: #198754; }

.bg-blue {
  background-color: #0d6efd; }

.bg-orange {
  background-color: #fd7e14; }

.bg-white-1 {
  background-color: rgba(255, 255, 255, 0.1); }

.bg-white-2 {
  background-color: rgba(255, 255, 255, 0.2); }

.bg-white-3 {
  background-color: rgba(255, 255, 255, 0.3); }

.bg-white-4 {
  background-color: rgba(255, 255, 255, 0.4); }

.bg-white-5 {
  background-color: rgba(255, 255, 255, 0.5); }

.bg-white-6 {
  background-color: rgba(255, 255, 255, 0.6); }

.bg-white-7 {
  background-color: rgba(255, 255, 255, 0.7); }

.bg-white-8 {
  background-color: rgba(255, 255, 255, 0.8); }

.bg-white-9 {
  background-color: rgba(255, 255, 255, 0.9); }

.bg-white-10 {
  background-color: white; }

.bg-black-1 {
  background-color: rgba(0, 0, 0, 0.1); }

.bg-black-2 {
  background-color: rgba(0, 0, 0, 0.2); }

.bg-black-3 {
  background-color: rgba(0, 0, 0, 0.3); }

.bg-black-4 {
  background-color: rgba(0, 0, 0, 0.4); }

.bg-black-5 {
  background-color: rgba(0, 0, 0, 0.5); }

.bg-black-6 {
  background-color: rgba(0, 0, 0, 0.6); }

.bg-black-7 {
  background-color: rgba(0, 0, 0, 0.7); }

.bg-black-8 {
  background-color: rgba(0, 0, 0, 0.8); }

.bg-black-9 {
  background-color: rgba(0, 0, 0, 0.9); }

.bg-black-10 {
  background-color: black; }

.t14 {
  font-size: 0.875rem; }

.t16 {
  font-size: 1rem; }

.t18 {
  font-size: 1.125rem; }

.t24 {
  font-size: 1.5rem; }

.t32 {
  font-size: 2rem; }

.t36 {
  font-size: 2.25rem; }

.t48 {
  font-size: 3rem; }

.t64 {
  font-size: 4rem; }

.weight-300 {
  font-weight: 300; }

.weight-400 {
  font-weight: 400; }

.weight-700 {
  font-weight: 700; }

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

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

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

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

.line-height {
  line-height: 1; }

.line-height-sm {
  line-height: 1.25; }

.line-height-lg {
  line-height: 2; }

.ellipsis, .ellipsis2 {
  overflow: hidden; }

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis; }

.ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

@media screen and (min-width: 769px) {
  .t14-d {
    font-size: 0.875rem; }
  .t16-d {
    font-size: 1rem; }
  .t18-d {
    font-size: 1.125rem; }
  .t24-d {
    font-size: 1.5rem; }
  .t32-d {
    font-size: 2rem; }
  .t36-d {
    font-size: 2.25rem; }
  .t48-d {
    font-size: 3rem; }
  .t64-d {
    font-size: 4rem; }
  .weight-300-d {
    font-weight: 300; }
  .weight-400-d {
    font-weight: 400; }
  .weight-700-d {
    font-weight: 700; }
  .align-left-d {
    text-align: left; }
  .align-center-d {
    text-align: center; }
  .align-right-d {
    text-align: right; }
  .align-justify-d {
    text-align: justify; }
  .line-height-d {
    line-height: 1; }
  .line-height-sm-d {
    line-height: 1.25; }
  .line-height-lg-d {
    line-height: 2; }
  .ellipsis-d, .ellipsis2-d {
    overflow: hidden; }
  .ellipsis-d {
    white-space: nowrap;
    text-overflow: ellipsis; }
  .ellipsis2-d {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; } }

@media screen and (max-width: 768px) {
  .t14-m {
    font-size: 0.875rem; }
  .t16-m {
    font-size: 1rem; }
  .t18-m {
    font-size: 1.125rem; }
  .t24-m {
    font-size: 1.5rem; }
  .t32-m {
    font-size: 2rem; }
  .t36-m {
    font-size: 2.25rem; }
  .t48-m {
    font-size: 3rem; }
  .t64-m {
    font-size: 4rem; }
  .weight-300-m {
    font-weight: 300; }
  .weight-400-m {
    font-weight: 400; }
  .weight-700-m {
    font-weight: 700; }
  .align-left-m {
    text-align: left; }
  .align-center-m {
    text-align: center; }
  .align-right-m {
    text-align: right; }
  .align-justify-m {
    text-align: justify; }
  .line-height-m {
    line-height: 1; }
  .line-height-sm-m {
    line-height: 1.25; }
  .line-height-lg-m {
    line-height: 2; }
  .ellipsis-m, .ellipsis2-m {
    overflow: hidden; }
  .ellipsis-m {
    white-space: nowrap;
    text-overflow: ellipsis; }
  .ellipsis2-m {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; } }

.pp {
  line-height: 1.8;
  padding-bottom: 1px;
  overflow: hidden; }
  .pp table {
    width: 100% !important;
    border-top: 3px solid #aaa;
    border-bottom: 2px solid #aaa; }
    .pp table tr:nth-child(even) {
      background-color: #f5f5f5; }
  .pp p {
    white-space: normal;
    margin: 0; }
    .pp p:last-child {
      margin-bottom: 0; }
  .pp img {
    max-width: 100%;
    height: auto !important; }
  .pp .text-big {
    font-size: 1.25rem; }

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

@media screen and (min-width: 769px) {
  .show-d {
    display: block !important; }
  .hide-d {
    display: none !important; } }

@media screen and (max-width: 768px) {
  .show-m {
    display: block !important; }
  .hide-m {
    display: none !important; } }

.clear::after, .header .navbar ul::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.float-none {
  float: none; }

.full-width {
  width: 100%; }

.full-height {
  height: 100%; }

.height-1 {
  height: 1rem; }

.height-2 {
  height: 2rem; }

.height-3 {
  height: 3rem; }

.height-4 {
  height: 4rem; }

.height-5 {
  height: 5rem; }

.height-6 {
  height: 6rem; }

.height-7 {
  height: 7rem; }

.height-8 {
  height: 8rem; }

.height-9 {
  height: 9rem; }

.height-10 {
  height: 10rem; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-static {
  position: static; }

.position-top, .home .news .cate {
  z-index: 10;
  position: absolute;
  left: 0;
  right: 0;
  top: 0; }

.position-center, .watermark {
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.position-bottom {
  z-index: 10;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.position-full {
  z-index: 10;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.fixed-top {
  z-index: 10;
  position: fixed;
  left: 0;
  right: 0;
  top: 0; }

.fixed-bottom {
  z-index: 10;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0; }

@media screen and (min-width: 769px) {
  .float-left-d {
    float: left; }
  .float-right-d {
    float: right; }
  .float-none-d {
    float: none; }
  .full-width-d {
    width: 100%; }
  .full-height-d {
    height: 100%; }
  .height-1-d {
    height: 1rem; }
  .height-2-d {
    height: 2rem; }
  .height-3-d {
    height: 3rem; }
  .height-4-d {
    height: 4rem; }
  .height-5-d {
    height: 5rem; }
  .height-6-d {
    height: 6rem; }
  .height-7-d {
    height: 7rem; }
  .height-8-d {
    height: 8rem; }
  .height-9-d {
    height: 9rem; }
  .height-10-d {
    height: 10rem; }
  .position-relative-d {
    position: relative; }
  .position-absolute-d {
    position: absolute; }
  .position-static-d {
    position: static; }
  .position-top-d {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0; }
  .position-center-d {
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .position-bottom-d {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .position-full-d {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .fixed-top-d {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    top: 0; }
  .fixed-bottom-d {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0; } }

@media screen and (max-width: 768px) {
  .float-left-m {
    float: left; }
  .float-right-m {
    float: right; }
  .float-none-m {
    float: none; }
  .full-width-m {
    width: 100%; }
  .full-height-m {
    height: 100%; }
  .height-1-m {
    height: 1rem; }
  .height-2-m {
    height: 2rem; }
  .height-3-m {
    height: 3rem; }
  .height-4-m {
    height: 4rem; }
  .height-5-m {
    height: 5rem; }
  .height-6-m {
    height: 6rem; }
  .height-7-m {
    height: 7rem; }
  .height-8-m {
    height: 8rem; }
  .height-9-m {
    height: 9rem; }
  .height-10-m {
    height: 10rem; }
  .position-relative-m {
    position: relative; }
  .position-absolute-m {
    position: absolute; }
  .position-static-m {
    position: static; }
  .position-top-m {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0; }
  .position-center-m {
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .position-bottom-m {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .position-full-m {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .fixed-top-m {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    top: 0; }
  .fixed-bottom-m {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0; } }

.margin-auto {
  margin-left: auto;
  margin-right: auto; }

.margin {
  margin: 0.5rem; }

.margin-1 {
  margin: 1rem; }

.margin-2 {
  margin: 2rem; }

.margin-3 {
  margin: 3rem; }

.margin-5 {
  margin: 5rem; }

.margin-left {
  margin-left: 0.5rem; }

.margin-left-1 {
  margin-left: 1rem; }

.margin-left-2 {
  margin-left: 2rem; }

.margin-left-3 {
  margin-left: 3rem; }

.margin-left-5 {
  margin-left: 5rem; }

.margin-right {
  margin-right: 0.5rem; }

.margin-right-1 {
  margin-right: 1rem; }

.margin-right-2 {
  margin-right: 2rem; }

.margin-right-3 {
  margin-right: 3rem; }

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

.margin-top {
  margin-top: 0.5rem; }

.margin-top-1 {
  margin-top: 1rem; }

.margin-top-2 {
  margin-top: 2rem; }

.margin-top-3 {
  margin-top: 3rem; }

.margin-top-5 {
  margin-top: 5rem; }

.margin-bottom {
  margin-bottom: 0.5rem; }

.margin-bottom-1 {
  margin-bottom: 1rem; }

.margin-bottom-2 {
  margin-bottom: 2rem; }

.margin-bottom-3 {
  margin-bottom: 3rem; }

.margin-bottom-5 {
  margin-bottom: 5rem; }

@media screen and (max-width: 768px) {
  .margin {
    margin: 0.25rem; }
  .margin-1 {
    margin: 0.5rem; }
  .margin-2 {
    margin: 1rem; }
  .margin-3 {
    margin: 1.5rem; }
  .margin-5 {
    margin: 2.5rem; }
  .margin-left {
    margin-left: 0.25rem; }
  .margin-left-1 {
    margin-left: 0.5rem; }
  .margin-left-2 {
    margin-left: 1rem; }
  .margin-left-3 {
    margin-left: 1.5rem; }
  .margin-left-5 {
    margin-left: 2.5rem; }
  .margin-right {
    margin-right: 0.25rem; }
  .margin-right-1 {
    margin-right: 0.5rem; }
  .margin-right-2 {
    margin-right: 1rem; }
  .margin-right-3 {
    margin-right: 1.5rem; }
  .margin-right-5 {
    margin-right: 2.5rem; }
  .margin-top {
    margin-top: 0.25rem; }
  .margin-top-1 {
    margin-top: 0.5rem; }
  .margin-top-2 {
    margin-top: 1rem; }
  .margin-top-3 {
    margin-top: 1.5rem; }
  .margin-top-5 {
    margin-top: 2.5rem; }
  .margin-bottom {
    margin-bottom: 0.25rem; }
  .margin-bottom-1 {
    margin-bottom: 0.5rem; }
  .margin-bottom-2 {
    margin-bottom: 1rem; }
  .margin-bottom-3 {
    margin-bottom: 1.5rem; }
  .margin-bottom-5 {
    margin-bottom: 2.5rem; } }

.padding {
  padding: 0.5rem; }

.padding-1 {
  padding: 1rem; }

.padding-2 {
  padding: 2rem; }

.padding-3 {
  padding: 3rem; }

.padding-5 {
  padding: 5rem; }

.padding-left {
  padding-left: 0.5rem; }

.padding-left-1 {
  padding-left: 1rem; }

.padding-left-2 {
  padding-left: 2rem; }

.padding-left-3 {
  padding-left: 3rem; }

.padding-left-5 {
  padding-left: 5rem; }

.padding-right {
  padding-right: 0.5rem; }

.padding-right-1 {
  padding-right: 1rem; }

.padding-right-2 {
  padding-right: 2rem; }

.padding-right-3 {
  padding-right: 3rem; }

.padding-right-5 {
  padding-right: 5rem; }

.padding-top {
  padding-top: 0.5rem; }

.padding-top-1 {
  padding-top: 1rem; }

.padding-top-2 {
  padding-top: 2rem; }

.padding-top-3 {
  padding-top: 3rem; }

.padding-top-5 {
  padding-top: 5rem; }

.padding-bottom {
  padding-bottom: 0.5rem; }

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

.padding-bottom-2 {
  padding-bottom: 2rem; }

.padding-bottom-3 {
  padding-bottom: 3rem; }

.padding-bottom-5 {
  padding-bottom: 5rem; }

@media screen and (max-width: 768px) {
  .padding {
    padding: 0.25rem; }
  .padding-1 {
    padding: 0.5rem; }
  .padding-2 {
    padding: 1rem; }
  .padding-3 {
    padding: 1.5rem; }
  .padding-5 {
    padding: 2.5rem; }
  .padding-left {
    padding-left: 0.25rem; }
  .padding-left-1 {
    padding-left: 0.5rem; }
  .padding-left-2 {
    padding-left: 1rem; }
  .padding-left-3 {
    padding-left: 1.5rem; }
  .padding-left-5 {
    padding-left: 2.5rem; }
  .padding-right {
    padding-right: 0.25rem; }
  .padding-right-1 {
    padding-right: 0.5rem; }
  .padding-right-2 {
    padding-right: 1rem; }
  .padding-right-3 {
    padding-right: 1.5rem; }
  .padding-right-5 {
    padding-right: 2.5rem; }
  .padding-top {
    padding-top: 0.25rem; }
  .padding-top-1 {
    padding-top: 0.5rem; }
  .padding-top-2 {
    padding-top: 1rem; }
  .padding-top-3 {
    padding-top: 1.5rem; }
  .padding-top-5 {
    padding-top: 2.5rem; }
  .padding-bottom {
    padding-bottom: 0.25rem; }
  .padding-bottom-1 {
    padding-bottom: 0.5rem; }
  .padding-bottom-2 {
    padding-bottom: 1rem; }
  .padding-bottom-3 {
    padding-bottom: 1.5rem; }
  .padding-bottom-5 {
    padding-bottom: 2.5rem; } }

.border-solid {
  border: 1px solid #eee; }

.border-solid-left {
  border-left: 1px solid #eee; }

.border-solid-right {
  border-right: 1px solid #eee; }

.border-solid-top {
  border-top: 1px solid #eee; }

.border-solid-bottom {
  border-bottom: 1px solid #eee; }

.border-dashed {
  border: 1px dashed #eee; }

.border-dashed-left {
  border-left: 1px dashed #eee; }

.border-dashed-right {
  border-right: 1px dashed #eee; }

.border-dashed-top {
  border-top: 1px dashed #eee; }

.border-dashed-bottom {
  border-bottom: 1px dashed #eee; }

.border-none {
  border: 0; }

@media screen and (max-width: 768px) {
  .border-solid-m {
    border: 1px solid #eee; }
  .border-solid-left-m {
    border-left: 1px solid #eee; }
  .border-solid-right-m {
    border-right: 1px solid #eee; }
  .border-solid-top-m {
    border-top: 1px solid #eee; }
  .border-solid-bottom-m {
    border-bottom: 1px solid #eee; }
  .border-dashed-m {
    border: 1px dashed #eee; }
  .border-dashed-left-m {
    border-left: 1px dashed #eee; }
  .border-dashed-right-m {
    border-right: 1px dashed #eee; }
  .border-dashed-top-m {
    border-top: 1px dashed #eee; }
  .border-dashed-bottom-m {
    border-bottom: 1px dashed #eee; }
  .border-none-m {
    border: 0; } }

.box-shadow {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); }

.flex {
  display: flex; }
  .flex-direction-column {
    flex-direction: column; }
  .flex-justify-start {
    justify-content: flex-start; }
  .flex-justify-center {
    justify-content: center; }
  .flex-justify-end {
    justify-content: flex-end; }
  .flex-justify-between {
    justify-content: space-between; }
  .flex-justify-around {
    justify-content: space-around; }
  .flex-align-start {
    align-items: flex-start; }
  .flex-align-center {
    align-items: center; }
  .flex-align-end {
    align-items: flex-end; }

.row {
  font-size: 0 !important; }
  .row > div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 1rem; }

.row-column > div {
  display: block;
  width: auto !important; }

.row-table {
  display: table; }
  .row-table > div {
    display: table-cell; }

.row-center {
  text-align: center; }
  .row-center > div {
    text-align: left; }

.row-top > div {
  vertical-align: top; }

.row-bottom > div {
  vertical-align: bottom; }

.row-middle > div, .row-middle::after {
  display: inline-block;
  vertical-align: middle; }

.row-middle::after {
  content: '';
  height: 100%;
  line-height: 100%; }

.col-auto {
  width: auto; }

.col-0 {
  width: 0%; }

.col-1 {
  width: 4.16667%; }

.col-2 {
  width: 8.33333%; }

.col-3 {
  width: 12.5%; }

.col-4 {
  width: 16.66667%; }

.col-5 {
  width: 20.83333%; }

.col-6 {
  width: 25%; }

.col-7 {
  width: 29.16667%; }

.col-8 {
  width: 33.33333%; }

.col-9 {
  width: 37.5%; }

.col-10 {
  width: 41.66667%; }

.col-11 {
  width: 45.83333%; }

.col-12 {
  width: 50%; }

.col-13 {
  width: 54.16667%; }

.col-14 {
  width: 58.33333%; }

.col-15 {
  width: 62.5%; }

.col-16 {
  width: 66.66667%; }

.col-17 {
  width: 70.83333%; }

.col-18 {
  width: 75%; }

.col-19 {
  width: 79.16667%; }

.col-20 {
  width: 83.33333%; }

.col-21 {
  width: 87.5%; }

.col-22 {
  width: 91.66667%; }

.col-23 {
  width: 95.83333%; }

.col-24 {
  width: 100%; }

.offset-0 {
  margin-left: 0; }

.offset-1 {
  margin-left: 4.16667%; }

.offset-2 {
  margin-left: 8.33333%; }

.offset-3 {
  margin-left: 12.5%; }

.offset-4 {
  margin-left: 16.66667%; }

.offset-5 {
  margin-left: 20.83333%; }

.offset-6 {
  margin-left: 25%; }

.offset-7 {
  margin-left: 29.16667%; }

.offset-8 {
  margin-left: 33.33333%; }

.offset-9 {
  margin-left: 37.5%; }

.offset-10 {
  margin-left: 41.66667%; }

.offset-11 {
  margin-left: 45.83333%; }

.offset-12 {
  margin-left: 50%; }

.offset-13 {
  margin-left: 54.16667%; }

.offset-14 {
  margin-left: 58.33333%; }

.offset-15 {
  margin-left: 62.5%; }

.offset-16 {
  margin-left: 66.66667%; }

.offset-17 {
  margin-left: 70.83333%; }

.offset-18 {
  margin-left: 75%; }

.offset-19 {
  margin-left: 79.16667%; }

.offset-20 {
  margin-left: 83.33333%; }

.offset-21 {
  margin-left: 87.5%; }

.offset-22 {
  margin-left: 91.66667%; }

.offset-23 {
  margin-left: 95.83333%; }

.offset-24 {
  margin-left: 100%; }

.gutter-1 {
  margin: -1rem; }
  .gutter-1 > div {
    padding: 1rem; }

.gutter-2 {
  margin: -2rem; }
  .gutter-2 > div {
    padding: 2rem; }

.gutter-3 {
  margin: -3rem; }
  .gutter-3 > div {
    padding: 3rem; }

.gutter-4 {
  margin: -4rem; }
  .gutter-4 > div {
    padding: 4rem; }

.gutter-5 {
  margin: -5rem; }
  .gutter-5 > div {
    padding: 5rem; }

.gutter-1px {
  margin-left: -1px;
  margin-top: -1px; }
  .gutter-1px > div {
    padding-left: 1px;
    padding-top: 1px; }

.gutter-5px {
  margin-left: -5px;
  margin-top: -5px; }
  .gutter-5px > div {
    padding-left: 5px;
    padding-top: 5px; }

.gutter-10px {
  margin-left: -10px;
  margin-top: -10px; }
  .gutter-10px > div {
    padding-left: 10px;
    padding-top: 10px; }

@media screen and (min-width: 769px) {
  .row-column-d > div {
    display: block;
    width: auto !important; }
  .row-table-d {
    display: table; }
    .row-table-d > div {
      display: table-cell; }
  .row-center-d {
    text-align: center; }
    .row-center-d > div {
      text-align: left; }
  .row-top-d > div {
    vertical-align: top; }
  .row-bottom-d > div {
    vertical-align: bottom; }
  .row-middle-d > div, .row-middle-d::after {
    display: inline-block;
    vertical-align: middle; }
  .row-middle-d::after {
    content: '';
    height: 100%;
    line-height: 100%; }
  .col-auto-d {
    width: auto; }
  .col-0-d {
    width: 0%; }
  .col-1-d {
    width: 4.16667%; }
  .col-2-d {
    width: 8.33333%; }
  .col-3-d {
    width: 12.5%; }
  .col-4-d {
    width: 16.66667%; }
  .col-5-d {
    width: 20.83333%; }
  .col-6-d {
    width: 25%; }
  .col-7-d {
    width: 29.16667%; }
  .col-8-d {
    width: 33.33333%; }
  .col-9-d {
    width: 37.5%; }
  .col-10-d {
    width: 41.66667%; }
  .col-11-d {
    width: 45.83333%; }
  .col-12-d {
    width: 50%; }
  .col-13-d {
    width: 54.16667%; }
  .col-14-d {
    width: 58.33333%; }
  .col-15-d {
    width: 62.5%; }
  .col-16-d {
    width: 66.66667%; }
  .col-17-d {
    width: 70.83333%; }
  .col-18-d {
    width: 75%; }
  .col-19-d {
    width: 79.16667%; }
  .col-20-d {
    width: 83.33333%; }
  .col-21-d {
    width: 87.5%; }
  .col-22-d {
    width: 91.66667%; }
  .col-23-d {
    width: 95.83333%; }
  .col-24-d {
    width: 100%; }
  .offset-0-d {
    margin-left: 0; }
  .offset-1-d {
    margin-left: 4.16667%; }
  .offset-2-d {
    margin-left: 8.33333%; }
  .offset-3-d {
    margin-left: 12.5%; }
  .offset-4-d {
    margin-left: 16.66667%; }
  .offset-5-d {
    margin-left: 20.83333%; }
  .offset-6-d {
    margin-left: 25%; }
  .offset-7-d {
    margin-left: 29.16667%; }
  .offset-8-d {
    margin-left: 33.33333%; }
  .offset-9-d {
    margin-left: 37.5%; }
  .offset-10-d {
    margin-left: 41.66667%; }
  .offset-11-d {
    margin-left: 45.83333%; }
  .offset-12-d {
    margin-left: 50%; }
  .offset-13-d {
    margin-left: 54.16667%; }
  .offset-14-d {
    margin-left: 58.33333%; }
  .offset-15-d {
    margin-left: 62.5%; }
  .offset-16-d {
    margin-left: 66.66667%; }
  .offset-17-d {
    margin-left: 70.83333%; }
  .offset-18-d {
    margin-left: 75%; }
  .offset-19-d {
    margin-left: 79.16667%; }
  .offset-20-d {
    margin-left: 83.33333%; }
  .offset-21-d {
    margin-left: 87.5%; }
  .offset-22-d {
    margin-left: 91.66667%; }
  .offset-23-d {
    margin-left: 95.83333%; }
  .offset-24-d {
    margin-left: 100%; }
  .gutter-1-d {
    margin: -1rem; }
    .gutter-1-d > div {
      padding: 1rem; }
  .gutter-2-d {
    margin: -2rem; }
    .gutter-2-d > div {
      padding: 2rem; }
  .gutter-3-d {
    margin: -3rem; }
    .gutter-3-d > div {
      padding: 3rem; }
  .gutter-4-d {
    margin: -4rem; }
    .gutter-4-d > div {
      padding: 4rem; }
  .gutter-5-d {
    margin: -5rem; }
    .gutter-5-d > div {
      padding: 5rem; }
  .gutter-1px-d {
    margin-left: -1px;
    margin-top: -1px; }
    .gutter-1px-d > div {
      padding-left: 1px;
      padding-top: 1px; }
  .gutter-5px-d {
    margin-left: -5px;
    margin-top: -5px; }
    .gutter-5px-d > div {
      padding-left: 5px;
      padding-top: 5px; }
  .gutter-10px-d {
    margin-left: -10px;
    margin-top: -10px; }
    .gutter-10px-d > div {
      padding-left: 10px;
      padding-top: 10px; } }

@media screen and (max-width: 768px) {
  .row-column-m > div {
    display: block;
    width: auto !important; }
  .row-table-m {
    display: table; }
    .row-table-m > div {
      display: table-cell; }
  .row-center-m {
    text-align: center; }
    .row-center-m > div {
      text-align: left; }
  .row-top-m > div {
    vertical-align: top; }
  .row-bottom-m > div {
    vertical-align: bottom; }
  .row-middle-m > div, .row-middle-m::after {
    display: inline-block;
    vertical-align: middle; }
  .row-middle-m::after {
    content: '';
    height: 100%;
    line-height: 100%; }
  .col-auto-m {
    width: auto; }
  .col-0-m {
    width: 0%; }
  .col-1-m {
    width: 4.16667%; }
  .col-2-m {
    width: 8.33333%; }
  .col-3-m {
    width: 12.5%; }
  .col-4-m {
    width: 16.66667%; }
  .col-5-m {
    width: 20.83333%; }
  .col-6-m {
    width: 25%; }
  .col-7-m {
    width: 29.16667%; }
  .col-8-m {
    width: 33.33333%; }
  .col-9-m {
    width: 37.5%; }
  .col-10-m {
    width: 41.66667%; }
  .col-11-m {
    width: 45.83333%; }
  .col-12-m {
    width: 50%; }
  .col-13-m {
    width: 54.16667%; }
  .col-14-m {
    width: 58.33333%; }
  .col-15-m {
    width: 62.5%; }
  .col-16-m {
    width: 66.66667%; }
  .col-17-m {
    width: 70.83333%; }
  .col-18-m {
    width: 75%; }
  .col-19-m {
    width: 79.16667%; }
  .col-20-m {
    width: 83.33333%; }
  .col-21-m {
    width: 87.5%; }
  .col-22-m {
    width: 91.66667%; }
  .col-23-m {
    width: 95.83333%; }
  .col-24-m {
    width: 100%; }
  .offset-0-m {
    margin-left: 0; }
  .offset-1-m {
    margin-left: 4.16667%; }
  .offset-2-m {
    margin-left: 8.33333%; }
  .offset-3-m {
    margin-left: 12.5%; }
  .offset-4-m {
    margin-left: 16.66667%; }
  .offset-5-m {
    margin-left: 20.83333%; }
  .offset-6-m {
    margin-left: 25%; }
  .offset-7-m {
    margin-left: 29.16667%; }
  .offset-8-m {
    margin-left: 33.33333%; }
  .offset-9-m {
    margin-left: 37.5%; }
  .offset-10-m {
    margin-left: 41.66667%; }
  .offset-11-m {
    margin-left: 45.83333%; }
  .offset-12-m {
    margin-left: 50%; }
  .offset-13-m {
    margin-left: 54.16667%; }
  .offset-14-m {
    margin-left: 58.33333%; }
  .offset-15-m {
    margin-left: 62.5%; }
  .offset-16-m {
    margin-left: 66.66667%; }
  .offset-17-m {
    margin-left: 70.83333%; }
  .offset-18-m {
    margin-left: 75%; }
  .offset-19-m {
    margin-left: 79.16667%; }
  .offset-20-m {
    margin-left: 83.33333%; }
  .offset-21-m {
    margin-left: 87.5%; }
  .offset-22-m {
    margin-left: 91.66667%; }
  .offset-23-m {
    margin-left: 95.83333%; }
  .offset-24-m {
    margin-left: 100%; }
  .gutter-1-m {
    margin: -1rem; }
    .gutter-1-m > div {
      padding: 1rem; }
  .gutter-2-m {
    margin: -2rem; }
    .gutter-2-m > div {
      padding: 2rem; }
  .gutter-3-m {
    margin: -3rem; }
    .gutter-3-m > div {
      padding: 3rem; }
  .gutter-4-m {
    margin: -4rem; }
    .gutter-4-m > div {
      padding: 4rem; }
  .gutter-5-m {
    margin: -5rem; }
    .gutter-5-m > div {
      padding: 5rem; }
  .gutter-1px-m {
    margin-left: -1px;
    margin-top: -1px; }
    .gutter-1px-m > div {
      padding-left: 1px;
      padding-top: 1px; }
  .gutter-5px-m {
    margin-left: -5px;
    margin-top: -5px; }
    .gutter-5px-m > div {
      padding-left: 5px;
      padding-top: 5px; }
  .gutter-10px-m {
    margin-left: -10px;
    margin-top: -10px; }
    .gutter-10px-m > div {
      padding-left: 10px;
      padding-top: 10px; } }

.btn {
  display: inline-block;
  cursor: pointer;
  color: #343a40;
  background: transparent;
  border: 1px solid #808080;
  border-radius: 2em;
  padding: 0.75em 2em; }
  .btn:hover {
    border-color: #808080; }
  .btn-lg {
    font-size: 1.25rem; }
  .btn-sm {
    font-size: 0.875rem; }
  .btn-theme {
    color: #fff;
    background-color: #bd1c20;
    border-color: #bd1c20; }
    .btn-theme:hover {
      color: #fff;
      background-color: #911518;
      border-color: #911518; }
  .btn-white {
    color: #fff;
    background-color: #fff;
    border-color: #fff; }
    .btn-white:hover {
      color: #fff;
      background-color: #e6e6e6;
      border-color: #e6e6e6; }
  .btn-light {
    color: #fff;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .btn-light:hover {
      color: #fff;
      background-color: #dae0e5;
      border-color: #dae0e5; }
  .btn-gray {
    color: #fff;
    background-color: #808080;
    border-color: #808080; }
    .btn-gray:hover {
      color: #fff;
      background-color: #676767;
      border-color: #676767; }
  .btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000; }
    .btn-black:hover {
      color: #fff;
      background-color: black;
      border-color: black; }
  .btn-red {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
    .btn-red:hover {
      color: #fff;
      background-color: #bd2130;
      border-color: #bd2130; }
  .btn-yellow {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107; }
    .btn-yellow:hover {
      color: #fff;
      background-color: #d39e00;
      border-color: #d39e00; }
  .btn-green {
    color: #fff;
    background-color: #198754;
    border-color: #198754; }
    .btn-green:hover {
      color: #fff;
      background-color: #115c39;
      border-color: #115c39; }
  .btn-blue {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd; }
    .btn-blue:hover {
      color: #fff;
      background-color: #0257d5;
      border-color: #0257d5; }
  .btn-orange {
    color: #fff;
    background-color: #fd7e14;
    border-color: #fd7e14; }
    .btn-orange:hover {
      color: #fff;
      background-color: #dc6502;
      border-color: #dc6502; }

.form-label {
  display: inline-block;
  margin-bottom: 0.5rem;
  opacity: 0.9; }

.form-control {
  display: block;
  width: 100%;
  color: #343a40;
  border: 1px solid #808080;
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem; }
  .form-control:focus {
    color: invert;
    background-color: invert;
    border-color: #808080;
    outline: 0; }

.form-checkbox, .form-radio {
  display: block; }
  .form-checkbox label, .form-radio label {
    display: inline-block;
    white-space: nowrap;
    margin-right: 0.5rem; }
  .form-checkbox input, .form-radio input {
    display: inline-block;
    vertical-align: middle;
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
    border: 1px solid #808080; }

.form textarea {
  min-height: 5rem; }

.section-title {
  font-size: 2.25rem; }

.section-subtitle {
  font-size: 1.5rem; }

.section-padding {
  padding-top: 5rem;
  padding-bottom: 5rem; }

@media screen and (max-width: 768px) {
  .section-title {
    font-size: 2rem; }
  .section-subtitle {
    font-size: 1rem; }
  .section-padding {
    padding-top: 3rem;
    padding-bottom: 3rem; } }

.header .navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap; }
  .header .navbar ul li {
    position: relative;
    float: left; }
    .header .navbar ul li a {
      position: relative;
      display: block;
      font-weight: bold; }
    .header .navbar ul li ul {
      visibility: hidden;
      opacity: 0;
      z-index: 999;
      position: absolute;
      top: 100%;
      left: 0;
      padding: 0.5rem 0;
      line-height: normal;
      background-color: #fff; }
      .header .navbar ul li ul li {
        float: none; }
        .header .navbar ul li ul li a {
          font-weight: normal;
          font-size: 0.875rem; }
        .header .navbar ul li ul li ul {
          top: -0.5rem;
          left: 100%; }
    .header .navbar ul li:hover > ul {
      visibility: visible;
      opacity: 1; }

.header .navbar-toggle {
  display: none;
  position: relative;
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
  line-height: 3rem;
  text-align: center;
  color: #fff; }
  .header .navbar-toggle span, .header .navbar-toggle span::before, .header .navbar-toggle span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.5rem;
    height: 0.25rem;
    margin: -0.125rem 0 0 -0.75rem;
    background-color: #000;
    border-radius: 0.25rem; }
  .header .navbar-toggle span::before {
    top: 0;
    margin-top: -0.5rem; }
  .header .navbar-toggle span::after {
    top: 0;
    margin-top: 0.5rem; }

@media screen and (max-width: 768px) {
  .header .navbar {
    display: none;
    z-index: 9999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #bd1c20; }
    .header .navbar ul {
      height: 100%;
      overflow-y: auto;
      background-color: transparent !important; }
      .header .navbar ul li {
        float: none; }
        .header .navbar ul li a {
          color: #fff !important;
          font-weight: normal !important;
          border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
        .header .navbar ul li ul {
          display: none;
          position: static;
          overflow: visible;
          visibility: visible;
          opacity: 1;
          padding: 0.5rem 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
          .header .navbar ul li ul li a {
            font-size: 0.875rem;
            padding-top: 0.2rem;
            padding-bottom: 0.2rem;
            border-bottom: 0; }
          .header .navbar ul li ul li ul {
            border-bottom: 0; }
    .header .navbar-toggle {
      display: inline-block; } }

.pagination {
  font-size: 0;
  margin: 2rem;
  text-align: center; }
  .pagination li {
    display: inline-block; }
  .pagination a, .pagination span {
    font-size: 1.125rem;
    display: inline-block;
    margin: 0 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    background-color: #f2f2f2; }
  .pagination a:hover {
    color: #fff;
    background-color: #d3060b; }
  .pagination span.active {
    color: #fff;
    background-color: #bd1c20; }

@media screen and (max-width: 768px) {
  .pagination a, .pagination span {
    display: none; }
  .pagination .prev, .pagination .next, .pagination .active {
    display: inline-block; }
  .pagination .prev, .pagination .next {
    padding-left: 1rem;
    padding-right: 1rem; } }

.container {
  max-width: 87.5rem; }

.header {
  z-index: 9998;
  padding: 1.5rem 0; }
  .header .logo,
  .header .nav {
    display: block; }
    .header .logo img,
    .header .nav img {
      height: 4rem; }
  .header .nav {
    padding-top: 0.5rem; }
  .header .navbar ul {
    line-height: 3rem; }
    .header .navbar ul li a {
      padding: 0 1rem; }
    .header .navbar ul li ul {
      line-height: 2rem; }
  .header-scroll {
    padding: 0;
    background-color: #fff; }
    .header-scroll .navbar ul li a {
      color: #343a40; }

.footer {
  padding: 4rem 0 3rem;
  background-color: #212529; }
  .footer,
  .footer a {
    color: #ced4da; }
  .footer a:hover {
    color: #fff; }
  .footer .copyright a,
  .footer .copyright span {
    white-space: nowrap; }
  .footer .navbar {
    width: 100%;
    margin-bottom: 3rem; }
    .footer .navbar::after {
      content: '';
      display: table;
      clear: both; }
    .footer .navbar .cell {
      float: left;
      vertical-align: top;
      padding-right: 8%; }
      .footer .navbar .cell div:first-child {
        margin-bottom: 1rem; }
      .footer .navbar .cell div a {
        display: block; }
    .footer .navbar .qrcode {
      float: right;
      width: 15%;
      padding: 0; }

.here {
  padding: 1rem 0;
  border-bottom: 1px solid #eee; }
  .here img {
    width: 1rem;
    height: 1rem; }

.home .product .newproduct .body {
  padding: 0 3rem; }

.home .product .category {
  margin-top: 10px; }
  .home .product .category a:hover .mask:before {
    opacity: 0.4; }

.home .product .body {
  padding: 0 2rem; }
  .home .product .body .name {
    line-height: 1;
    margin-bottom: 0.5rem; }

.home .data .body img {
  width: 4rem;
  margin-bottom: 1rem; }

.home .news a {
  position: relative; }

.home .news .cate {
  right: auto;
  padding: 0.5rem 1rem;
  background-color: #f8f9fa;
  opacity: 0.8; }

.about .vision {
  color: #fff;
  background: url(../image/about_vision.jpg) no-repeat center center;
  background-size: cover; }

.about .advantage img {
  width: 5rem; }

.product-category .icon {
  border: 1px solid #eee; }

.product-list .icon {
  background-color: #fff; }

.product-parts .table-fixed {
  position: absolute;
  left: 0;
  background-color: #fff; }

.product-parts .image {
  width: auto;
  height: 5rem;
  max-width: none; }

.product_content .icon {
  position: relative;
  background-color: #fff;
  border: 1px solid #eee; }
  .product_content .icon img {
    width: 100%; }
  .product_content .icon .image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
    min-width: 90%;
    width: auto; }

.product_content .certs img {
  height: 3rem;
  margin-right: 1rem; }

.product_content .fields .tabs {
  border-bottom: 2px solid #ddd; }
  .product_content .fields .tabs .tab {
    display: inline-block;
    position: relative;
    padding: 20px;
    font-size: 1.2rem;
    cursor: pointer; }
    .product_content .fields .tabs .tab.actived {
      font-weight: bold;
      background-color: #eee; }
      .product_content .fields .tabs .tab.actived::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        border-bottom: 2px solid #bd1c20; }

.product_content .fields .items .item {
  display: none; }
  .product_content .fields .items .item.actived {
    display: block; }

.product-faq .name {
  cursor: pointer; }

.product-faq .body {
  display: none; }

.job_talents .talent {
  cursor: pointer; }
  .job_talents .talent .body {
    display: none; }
  .job_talents .talent:hover {
    background-color: #f8f9fa; }

.scale-image {
  position: relative;
  background-color: #f2f2f2; }
  .scale-image img {
    width: 100%; }
  .scale-image .image, .scale-image .null {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%; }
  .scale-image .null {
    opacity: 0.3;
    filter: grayscale(100%) contrast(100%) brightness(200%); }

.watermark {
  opacity: 0.05;
  z-index: -10;
  width: 100%;
  font-size: 6rem;
  text-align: center;
  font-weight: bold; }

.mask,
.mask-bg {
  position: relative; }
  .mask:before,
  .mask-bg:before {
    content: '';
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000; }

.mask img {
  display: block;
  width: 100%; }

.mask-bg {
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  background-size: cover; }

.user-login {
  width: 30rem;
  margin: auto;
  max-width: 100%; }

.user div {
  margin-bottom: 1em; }

.user label {
  display: block;
  margin-bottom: 0.5rem; }

.user input,
.user button {
  width: 100%; }

.user input {
  padding: 0.75rem 1rem;
  border-radius: 2rem; }

.user button {
  margin-top: 0.5rem; }

@media screen and (max-width: 768px) {
  .container {
    padding: 0 1rem; }
  .header .logo img,
  .header .nav img {
    height: 3rem; }
  .header .navbar img {
    filter: grayscale(100%) brightness(100%) contrast(2000%) invert(100%); }
  .header .navbar ul li ul {
    padding-left: 1rem;
    padding-right: 1rem; }
  .footer {
    padding: 2rem 0; }
    .footer .navbar {
      display: none; }
  .home .product .body {
    padding: 0 1rem; }
  .home .data .container {
    padding: 0; }
  .home .data .body img {
    width: 2rem;
    margin-bottom: 0.5rem; }
  .about .advantage img {
    width: 3rem; } }

.table-overflow {
  overflow-x: auto; }

#scrollUp {
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: url(../image/top.png) no-repeat center center; }