#page-index .owl-carousel .owl-item .item,
#page-history .owl-carousel .owl-item .item,
#page-honor .owl-carousel .owl-item .item,
#page-collections .owl-carousel .owl-item .item {
  height: calc(100vh - 10rem);
  overflow: hidden;
}
#page-index .owl-carousel .owl-item img,
#page-history .owl-carousel .owl-item img,
#page-honor .owl-carousel .owl-item img,
#page-collections .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}
@media (max-width: 600px) {
  #page-index .owl-carousel .owl-item .item,
  #page-history .owl-carousel .owl-item .item,
  #page-honor .owl-carousel .owl-item .item,
  #page-collections .owl-carousel .owl-item .item {
    height: 0;
    overflow-x: auto;
    position: relative;
    padding-bottom: 50%;
    align-items: center;
    justify-content: center;
    display: block;
  }
}
#page-index .owl-carousel .owl-nav button.owl-next > span,
#page-history .owl-carousel .owl-nav button.owl-next > span,
#page-honor .owl-carousel .owl-nav button.owl-next > span,
#page-collections .owl-carousel .owl-nav button.owl-next > span,
#page-index .owl-carousel .owl-nav button.owl-prev > span,
#page-history .owl-carousel .owl-nav button.owl-prev > span,
#page-honor .owl-carousel .owl-nav button.owl-prev > span,
#page-collections .owl-carousel .owl-nav button.owl-prev > span {
  font-size: 12rem;
}
#page-index .owl-carousel .owl-nav button.owl-prev,
#page-history .owl-carousel .owl-nav button.owl-prev,
#page-honor .owl-carousel .owl-nav button.owl-prev,
#page-collections .owl-carousel .owl-nav button.owl-prev {
  left: 0;
}
#page-index .owl-carousel .owl-nav button.owl-next,
#page-history .owl-carousel .owl-nav button.owl-next,
#page-honor .owl-carousel .owl-nav button.owl-next,
#page-collections .owl-carousel .owl-nav button.owl-next {
  right: 0;
}
#page-index .owl-carousel .owl-nav button.owl-next,
#page-history .owl-carousel .owl-nav button.owl-next,
#page-honor .owl-carousel .owl-nav button.owl-next,
#page-collections .owl-carousel .owl-nav button.owl-next,
#page-index .owl-carousel .owl-nav button.owl-prev,
#page-history .owl-carousel .owl-nav button.owl-prev,
#page-honor .owl-carousel .owl-nav button.owl-prev,
#page-collections .owl-carousel .owl-nav button.owl-prev {
  font-family: "fontello", sans-serif;
  position: absolute;
  top: calc(50% - 3rem);
  height: 6rem;
  width: 6rem;
  margin: auto;
}
#page-index .owl-carousel:hover .owl-nav button.owl-next:before,
#page-history .owl-carousel:hover .owl-nav button.owl-next:before,
#page-honor .owl-carousel:hover .owl-nav button.owl-next:before,
#page-collections .owl-carousel:hover .owl-nav button.owl-next:before,
#page-index .owl-carousel:hover .owl-nav button.owl-prev:before,
#page-history .owl-carousel:hover .owl-nav button.owl-prev:before,
#page-honor .owl-carousel:hover .owl-nav button.owl-prev:before,
#page-collections .owl-carousel:hover .owl-nav button.owl-prev:before {
  position: initial;
}
#page-index .owl-carousel:hover .owl-nav button.owl-next,
#page-history .owl-carousel:hover .owl-nav button.owl-next,
#page-honor .owl-carousel:hover .owl-nav button.owl-next,
#page-collections .owl-carousel:hover .owl-nav button.owl-next {
  border-radius: 3px 0 0 3px;
}
#page-index .owl-carousel:hover .owl-nav button.owl-prev,
#page-history .owl-carousel:hover .owl-nav button.owl-prev,
#page-honor .owl-carousel:hover .owl-nav button.owl-prev,
#page-collections .owl-carousel:hover .owl-nav button.owl-prev {
  border-radius: 0 3px 3px 0;
}
#page-index .owl-carousel .owl-dots,
#page-history .owl-carousel .owl-dots,
#page-honor .owl-carousel .owl-dots,
#page-collections .owl-carousel .owl-dots {
  margin-top: -4rem;
  padding-bottom: 4rem;
  position: relative;
}
#page-index .carousel.slide .carousel-control.left:before,
#page-history .carousel.slide .carousel-control.left:before,
#page-honor .carousel.slide .carousel-control.left:before,
#page-collections .carousel.slide .carousel-control.left:before,
#page-index .carousel.slide .carousel-control.right:before,
#page-history .carousel.slide .carousel-control.right:before,
#page-honor .carousel.slide .carousel-control.right:before,
#page-collections .carousel.slide .carousel-control.right:before {
  position: initial;
}
#page-index .carousel.slide:hover .carousel-control.left,
#page-history .carousel.slide:hover .carousel-control.left,
#page-honor .carousel.slide:hover .carousel-control.left,
#page-collections .carousel.slide:hover .carousel-control.left,
#page-index .carousel.slide:hover .carousel-control.right,
#page-history .carousel.slide:hover .carousel-control.right,
#page-honor .carousel.slide:hover .carousel-control.right,
#page-collections .carousel.slide:hover .carousel-control.right {
  opacity: 0.8;
}
#page-index .carousel.slide .carousel-control.left,
#page-history .carousel.slide .carousel-control.left,
#page-honor .carousel.slide .carousel-control.left,
#page-collections .carousel.slide .carousel-control.left,
#page-index .carousel.slide .carousel-control.right,
#page-history .carousel.slide .carousel-control.right,
#page-honor .carousel.slide .carousel-control.right,
#page-collections .carousel.slide .carousel-control.right {
  position: absolute;
  top: calc(50% - 3rem);
  height: 3rem;
  width: 3rem;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  opacity: 0;
}
#page-index .carousel.slide .carousel-control.left,
#page-history .carousel.slide .carousel-control.left,
#page-honor .carousel.slide .carousel-control.left,
#page-collections .carousel.slide .carousel-control.left {
  left: 0;
}
#page-index .carousel.slide .carousel-control.right,
#page-history .carousel.slide .carousel-control.right,
#page-honor .carousel.slide .carousel-control.right,
#page-collections .carousel.slide .carousel-control.right {
  right: 0;
}
#page-index .owl-carousel.zy-base .owl-nav button.owl-next,
#page-history .owl-carousel.zy-base .owl-nav button.owl-next,
#page-honor .owl-carousel.zy-base .owl-nav button.owl-next,
#page-collections .owl-carousel.zy-base .owl-nav button.owl-next,
#page-index .owl-carousel.zy-base .owl-nav button.owl-prev,
#page-history .owl-carousel.zy-base .owl-nav button.owl-prev,
#page-honor .owl-carousel.zy-base .owl-nav button.owl-prev,
#page-collections .owl-carousel.zy-base .owl-nav button.owl-prev {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  -webkit-transition: -webkit-transform 1.3s;
  -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
  transition: width 0.3s, background-color 0.3s, opacity 0.3s;
}
#page-index .owl-carousel.zy-base:hover .owl-nav button.owl-next:hover,
#page-history .owl-carousel.zy-base:hover .owl-nav button.owl-next:hover,
#page-honor .owl-carousel.zy-base:hover .owl-nav button.owl-next:hover,
#page-collections .owl-carousel.zy-base:hover .owl-nav button.owl-next:hover,
#page-index .owl-carousel.zy-base:hover .owl-nav button.owl-prev:hover,
#page-history .owl-carousel.zy-base:hover .owl-nav button.owl-prev:hover,
#page-honor .owl-carousel.zy-base:hover .owl-nav button.owl-prev:hover,
#page-collections .owl-carousel.zy-base:hover .owl-nav button.owl-prev:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: -webkit-transform 1.3s;
  -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
  transition: width 0.3s, background-color 0.3s, opacity 0.3s;
}
#page-index .owl-carousel.zy-base:hover .owl-nav button.owl-next,
#page-history .owl-carousel.zy-base:hover .owl-nav button.owl-next,
#page-honor .owl-carousel.zy-base:hover .owl-nav button.owl-next,
#page-collections .owl-carousel.zy-base:hover .owl-nav button.owl-next,
#page-index .owl-carousel.zy-base:hover .owl-nav button.owl-prev,
#page-history .owl-carousel.zy-base:hover .owl-nav button.owl-prev,
#page-honor .owl-carousel.zy-base:hover .owl-nav button.owl-prev,
#page-collections .owl-carousel.zy-base:hover .owl-nav button.owl-prev {
  opacity: 0.8;
}
#page-index .owl-carousel.zy-base .carousel.slide .carousel-control.left:hover,
#page-history .owl-carousel.zy-base .carousel.slide .carousel-control.left:hover,
#page-honor .owl-carousel.zy-base .carousel.slide .carousel-control.left:hover,
#page-collections .owl-carousel.zy-base .carousel.slide .carousel-control.left:hover,
#page-index .owl-carousel.zy-base .carousel.slide .carousel-control.right:hover,
#page-history .owl-carousel.zy-base .carousel.slide .carousel-control.right:hover,
#page-honor .owl-carousel.zy-base .carousel.slide .carousel-control.right:hover,
#page-collections .owl-carousel.zy-base .carousel.slide .carousel-control.right:hover {
  width: 8rem;
  opacity: 1;
  background-color: rgba(0, 0, 0);
}
@media (max-width: 600px) {
  #page-index .owl-carousel.zy-base .owl-nav button.owl-next,
  #page-history .owl-carousel.zy-base .owl-nav button.owl-next,
  #page-honor .owl-carousel.zy-base .owl-nav button.owl-next,
  #page-collections .owl-carousel.zy-base .owl-nav button.owl-next,
  #page-index .owl-carousel.zy-base .owl-nav button.owl-prev,
  #page-history .owl-carousel.zy-base .owl-nav button.owl-prev,
  #page-honor .owl-carousel.zy-base .owl-nav button.owl-prev,
  #page-collections .owl-carousel.zy-base .owl-nav button.owl-prev {
    display: none;
  }
}
.aboutUs {
  max-width: 172.1rem;
  margin-top: 13.9rem;
}
.mega-menu .menu > li > a i,
.dropdown-menu > li > a i {
  color: #333 !important;
}
.scrollToTop .icon-up-open-big:before {
  display: block;
  margin: auto;
  line-height: 5rem;
}
@media (max-width: 767px) {
  .scrollToTop .icon-up-open-big:before {
    display: block;
    margin: auto;
    line-height: 4rem;
  }
}
h1.zy-h.aboutUs-title {
  text-align: left;
  margin-bottom: 5rem;
}
@media (max-width: 992px) {
  h1.zy-h.aboutUs-title {
    text-align: center;
  }
}
.collections {
  max-width: 172.1rem;
  margin-top: 13.9rem;
}
.owl-stage-outer > .owl-stage {
  width: 99999px !important;
}
.owl-theme .owl-dots .owl-dot span {
  border: 1px solid white !important;
  background: transparent !important;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: white !important;
}
@media (max-width: 992px) {
  .aboutUs {
    margin-top: 2rem;
  }
  .collections {
    margin-top: 5rem;
  }
  .aboutUs .column {
    text-align: center;
  }
  .aboutUs-title {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
#banner .slides > li {
  cursor: pointer;
}
.enterpriseIntroduction-my-clearfix > div {
  position: relative;
}
.enterpriseIntroduction-my-clearfix > div > .title {
  position: absolute;
  bottom: 19%;
  left: 9.8%;
  line-height: 1;
}
.enterpriseIntroduction-my-clearfix > div > .title > .title-main {
  font-size: 6rem;
  color: white;
  font-weight: bold;
}
#introduction {
  padding-bottom: 5rem;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
@media (min-width: 767px) {
  #introduction p.content {
    max-width: 1000px;
    margin: auto;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}
#introduction .icon-logo {
  max-width: 1196px;
  margin: auto;
}
#introduction .icon-logo .column {
  min-height: 32rem;
  padding: 1rem 0;
}
#introduction .icon-logo .column > img {
  width: 7.8rem;
  height: 7.8rem;
  margin: 9rem auto auto;
}
@media (max-width: 992px) {
  #introduction .icon-logo .column {
    min-height: inherit;
  }
  #introduction .icon-logo .column > img {
    margin: auto;
  }
}
#footer .container {
  margin: auto;
}
#brand-history-timeline {
  height: auto;
  overflow: hidden;
  position: relative;
  padding-bottom: 5rem;
}
#brand-history-timeline > .title {
  font-size: 1.9rem;
  font-weight: bold;
}
#dates {
  overflow: hidden;
}
#dates li {
  list-style: none;
  float: left;
  width: 100px;
  font-size: 24px;
  padding-bottom: 50px;
  text-align: center;
}
#dates a {
  font-weight: bold;
  color: #333333;
  text-decoration: none;
  line-height: 32px;
  padding-bottom: 34px;
  background: url('../../images/SVG/point.svg') center bottom no-repeat;
  background-size: 11px;
}
#dates .selected {
  font-size: 32px;
  background-size: 27.5px;
  padding-bottom: 40px;
}
#issues {
  padding: 8.8rem 0 0;
  overflow: hidden;
}
#issues li {
  width: 100vw;
  list-style: none;
  float: left;
}
#issues li img {
  float: left;
  /* margin: 10px 30px 10px 50px; */
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE 8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
  /* IE 6 & 7 */
  zoom: 1;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  /* -webkit-transform: scale(0.7, 0.7); */
  /* transform: scale(0.7, 0.7); */
}
#grad_left,
#grad_right {
  width: 100px;
  height: 4rem;
  position: absolute;
  top: 0;
}
#grad_left {
  left: 0;
  background: url('../../images/history/grad_left.png') repeat-y;
}
#grad_right {
  right: 0;
  background: url('../../images/history/grad_right.png') repeat-y;
}
#next,
#prev {
  font-size: 4.5rem;
  width: auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
#next > img,
#prev > img {
  cursor: pointer;
  margin: auto 0 auto auto;
  width: auto;
  height: 10px;
}
#next {
  right: 0;
}
#prev {
  left: 0;
  transform: rotate(180deg);
}
#next.disabled,
#prev.disabled {
  opacity: 0.2;
}
#issues > li > img {
  padding-right: 6.8rem;
}
@media (max-width: 992px) {
  #issues > li > img {
    padding-right: 1rem;
  }
}
#issues > li > .title {
  font-size: 2.4rem;
  /* line-height: 43.2px; */
  margin: 10px auto 36px auto;
  /* margin: 101px auto 36px auto; */
  color: #E72D30;
  font-weight: bold;
}
.brand-history-my-clearfix > div {
  position: relative;
}
.brand-history-my-clearfix > div > .title {
  position: absolute;
  bottom: 19%;
  left: 9.8%;
  line-height: 1;
}
.brand-history-my-clearfix > div > .title > .title-main {
  font-size: 6rem;
  color: white;
  font-weight: bold;
}
.rd-my-clearfix > div {
  position: relative;
}
.rd-my-clearfix > div > .title {
  position: absolute;
  bottom: 19%;
  left: 9.8%;
  line-height: 1;
}
.rd-my-clearfix > div > .title > .title-main {
  font-size: 6rem;
  color: white;
  font-weight: bold;
}
.rd-my-clearfix > div > .title > .title-sub {
  color: white;
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  max-width: 30rem;
}
#industrial-design {
  max-width: 131.1rem;
  padding-bottom: 12rem;
  margin: auto;
  padding-top: 9.7rem;
}
.craftman.title {
  padding-top: 11.8rem;
}
.design.text {
  padding-top: 1rem;
  padding-bottom: 9.5rem;
  margin: auto;
  max-width: 97rem;
  text-align: center;
  font-size: 5rem;
  line-height: 5rem;
}
.craftman.title-sub {
  margin: auto;
  text-align: center;
  font-size: 5rem;
  line-height: 5rem;
}
#team-craftman .row.clearfix {
  max-width: 164.3rem;
  margin: 9.4rem auto 13.6rem;
}
#industrial-design .col-md-6.column,
.design-item {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  font-size: 3.4rem;
  position: relative;
  /* 统一图片比例后即可不用固定高度 */
  height: auto;
  overflow-y: hidden;
}
#industrial-design .col-md-6.column {
  max-width: 182.9rem;
}
.design-item > .title {
  flex: 1;
}
.design-item > img {
  width: auto;
}
.parks-item > img {
  width: auto;
  padding-bottom: var(--text-height);
}
.col-md-6.column .title-sub,
.design-item > .title {
  color: #333333;
  line-height: var(--text-height);
  font-weight: 400;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#industrial-design .col-md-6.column .title-sub {
  position: inherit;
  color: #333333;
  line-height: var(--text-height);
  font-weight: 400;
  bottom: 0;
  width: 100%;
}
.design-item:hover > .title {
  transform: translateY(0);
  margin: auto;
  padding: 0 1rem 5rem 1rem;
}
.design-item > .title {
  display: inline-flex;
  transform: translateY(100%);
  height: 100%;
  overflow: auto;
  transition: transform 0.5s ease;
  bottom: 0;
  background-color: rgba(51, 51, 51, 0.8);
  z-index: 1;
}
.design-item > .title > a {
  font-size: 1.8rem;
  margin: auto auto 0;
  max-width: 49.5rem;
  text-decoration: none;
  color: white;
  text-align: initial;
}
@media (max-width: 760px) {
  .design.title,
  .craftman.title {
    font-size: 8rem;
    line-height: 9rem;
    padding-bottom: 4rem;
  }
  .design.text,
  .craftman.title-sub {
    font-size: 3rem;
    line-height: 4rem;
  }
  #industrial-design .col-md-6.column,
  .design-item {
    margin-top: 3rem;
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .design.title,
  .craftman.title {
    font-size: 2.5rem;
    padding-bottom: 1rem;
  }
  .design.text,
  .craftman.title-sub {
    font-size: 2rem;
    line-height: 3rem;
  }
  #industrial-design .col-md-6.column,
  .design-item {
    margin-top: 0.5rem;
  }
}
.manufacturing-my-clearfix > div {
  position: relative;
}
.manufacturing-my-clearfix > div > .title {
  position: absolute;
  top: 25%;
  right: 6.8%;
  line-height: 1;
}
.manufacturing-my-clearfix > div > .title > .title-main {
  font-size: 6rem;
  color: white;
  font-weight: bold;
}
.manufacturing-my-clearfix > div > .title > .title-sub {
  color: white;
  display: inline-block;
  font-size: 2rem;
  line-height: 2.4rem;
  max-width: 51.8rem;
}
#industrial-parks {
  max-width: 148.1rem;
  padding-bottom: 14.8rem;
  margin: auto;
  padding-top: 9rem;
}
.parks.title,
.crafts.title {
  text-align: center;
  padding-bottom: 7rem;
}
.parks.title {
  padding-bottom: 5.9rem;
}
#six-crafts .row.clearfix {
  margin: 5rem auto 10rem;
}
#six-crafts .col-md-4.column {
  margin: auto auto 6rem;
}
#six-crafts .col-md-4.column .icon {
  width: 12.5rem;
  height: 7.3rem;
  display: block;
  margin: auto;
}
#six-crafts .col-md-4.column .title,
#six-crafts .col-md-4.column .title-sub {
  display: block;
  font-size: 4rem;
  line-height: 3.424rem;
  min-height: 3.424rem;
}
#six-crafts .col-md-4.column .title-sub {
  font-size: 3rem;
  margin: 2rem auto;
  min-height: 8rem;
}
#six-crafts .col-md-4.column p {
  font-size: 2rem;
  line-height: 2.4rem;
}
.parks.text {
  margin: auto;
  max-width: 96rem;
  font-size: 3rem;
  line-height: 3.6rem;
  padding-bottom: 7rem;
  text-align: justify;
}
@media (max-width: 992px) {
  .parks.text {
    font-size: 2rem;
    text-align: center;
  }
}
.parks-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  margin-top: 5.1rem;
  font-size: 3rem;
  position: relative;
  /* 统一图片比例后即可不用固定高度 */
  height: auto;
  overflow-y: hidden;
  --text-height: 9.3rem;
}
.parks-item > .title {
  flex: 1;
}
.parks-item > img {
  width: auto;
}
.parks-item > .title-sub,
.parks-item > .title {
  color: #333333;
  background-color: #D7D7D7;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.parks-item:hover > .title {
  transform: translateY(0);
}
.parks-item > .title-sub {
  position: initial;
  text-transform: uppercase;
  line-height: 6.3rem;
}
.parks-item > .title-sub > img {
  width: 2.38274rem;
  height: 2.95654rem;
  display: inline-block;
  vertical-align: middle;
}
.parks-item > .title {
  display: inline-flex;
  text-align: center;
  transform: translateY(100%);
  height: 100%;
  overflow: hidden;
  transition: transform 0.5s ease;
  bottom: 0;
  background-color: rgba(51, 51, 51, 0.8);
  z-index: 1;
}
.parks-item > .title > a {
  font-size: 1.8rem;
  max-width: 52.3rem;
  text-decoration: none;
  color: white;
  margin: auto;
}
@media (max-width: 760px) {
  #six-crafts .row.clearfix {
    margin: auto;
  }
  #six-crafts .col-md-4.column .title,
  #six-crafts .col-md-4.column .title-sub {
    font-size: 2rem;
    line-height: 2.424rem;
  }
  #six-crafts .col-md-4.column p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  .parks.title,
  .crafts.title {
    font-size: 7rem;
    line-height: 8rem;
    padding-bottom: 4rem;
  }
  .parks-item > .title-sub,
  .parks-item > .title {
    font-size: 2rem;
  }
  .parks-item > .title {
    font-size: 1rem;
    line-height: 1;
  }
}
@media (max-width: 480px) {
  .parks-item {
    --text-height: 3rem;
  }
  .parks.title,
  .crafts.title {
    font-size: 2.5rem;
    line-height: 6rem;
    padding-bottom: 1rem;
  }
  .parks-item > .title-sub,
  .parks-item > .title {
    font-size: 1rem;
  }
}
#footer .container {
  margin: auto;
}
#carousel-honor {
  padding: 8.8rem 0 0;
  overflow: hidden;
}
#carousel-honor > div.selected {
  height: auto;
}
#carousel-honor div .text {
  font-size: 2rem;
  max-width: 32.8rem;
  margin: 3.4rem auto auto;
}
#page-honor .owl-carousel .owl-item img {
  position: initial;
  height: auto;
  width: auto;
  /* margin: 10px 30px 10px 50px; */
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE 8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
  /* IE 6 & 7 */
  zoom: 1;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  /* -webkit-transform: scale(0.7, 0.7); */
  /* transform: scale(0.7, 0.7); */
}
#carousel-honor > div > img {
  padding-right: 68px;
}
#carousel-honor > div > .title {
  font-size: 2.4rem;
  /* line-height: 43.2px; */
  margin: 10px auto 36px auto;
  /* margin: 101px auto 36px auto; */
  color: #E72D30;
  font-weight: bold;
}
#carousel-honor > div > .text {
  font-size: 2rem;
  line-height: 36px;
}
#carousel-honor > div img {
  /* width: 41.6rem; */
  max-height: 36.5rem;
  margin: auto;
}
.honor-my-clearfix > div {
  position: relative;
}
.honor-my-clearfix > div > .title {
  max-width: 45.1rem;
  position: absolute;
  top: 17.36%;
  left: 9.8%;
  line-height: 1;
}
.honor-my-clearfix > div > .title > .title-main {
  font-size: 6rem;
  color: #E72D30;
  font-weight: bold;
}
.honor-my-clearfix > div > .title > .title-sub {
  text-align: justify;
  font-size: 2rem;
  line-height: 2.4rem;
}
@media (max-width: 992px) {
  /* .honor-my-clearfix>div>.title {
    max-width: 80rem;
  } */
  .honor-my-clearfix > div > .title > h3 {
    font-size: 4rem;
  }
  .honor-my-clearfix > div > .title > .title-sub {
    display: none;
  }
}
#authentication {
  background-color: #343638;
}
#our-partners {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
#authentication > .row {
  max-width: 136rem;
  margin: auto;
}
#authentication > .row > .column {
  min-height: 20rem;
  display: flex;
  cursor: pointer;
}
@media screen(900px) {
  #authentication > .row > .column {
    min-height: 39.6rem;
  }
}
#authentication img {
  max-width: 15.5rem;
  max-height: 15.5rem;
  margin: auto;
}
.zy-filter-title {
  margin-left: 4rem;
  font-weight: bold;
  margin-top: 1rem;
  cursor: pointer;
}
#page-collections .page-num,
#page-goods .page-num {
  margin: auto 0.5rem;
}
#page-collections #vue-goods .goods .zy-filter-title,
#page-goods #vue-goods .goods .zy-filter-title,
#page-collections #vue-good .goods .zy-filter-title,
#page-goods #vue-good .goods .zy-filter-title {
  margin-left: auto;
  font-weight: bold;
  margin-top: auto;
  cursor: pointer;
}
#page-collections #vue-goods .goods .h5-filter > button .caret,
#page-goods #vue-goods .goods .h5-filter > button .caret,
#page-collections #vue-good .goods .h5-filter > button .caret,
#page-goods #vue-good .goods .h5-filter > button .caret {
  margin-left: 0.5rem;
}
#page-collections #vue-goods .goods .h5-filter > button,
#page-goods #vue-goods .goods .h5-filter > button,
#page-collections #vue-good .goods .h5-filter > button,
#page-goods #vue-good .goods .h5-filter > button {
  font-size: 2rem;
  line-height: 1.46667;
  padding: 7px 20px;
  border-radius: 3px;
  margin: 10px 0;
}
@media (max-width: 768px) {
  #page-collections #vue-goods .goods .h5-filter > ul > li > a > i,
  #page-goods #vue-goods .goods .h5-filter > ul > li > a > i,
  #page-collections #vue-good .goods .h5-filter > ul > li > a > i,
  #page-goods #vue-good .goods .h5-filter > ul > li > a > i {
    display: none;
  }
  #page-collections #vue-goods .goods .h5-filter > ul > li > a.zy-filter-title,
  #page-goods #vue-goods .goods .h5-filter > ul > li > a.zy-filter-title,
  #page-collections #vue-good .goods .h5-filter > ul > li > a.zy-filter-title,
  #page-goods #vue-good .goods .h5-filter > ul > li > a.zy-filter-title {
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    margin: auto;
  }
}
@media (min-width: 992px) {
  #page-collections #vue-goods .goods .h5-filter > button,
  #page-goods #vue-goods .goods .h5-filter > button,
  #page-collections #vue-good .goods .h5-filter > button,
  #page-goods #vue-good .goods .h5-filter > button {
    display: none;
  }
  #page-collections #vue-goods .goods .h5-filter > ul,
  #page-goods #vue-goods .goods .h5-filter > ul,
  #page-collections #vue-good .goods .h5-filter > ul,
  #page-goods #vue-good .goods .h5-filter > ul {
    position: initial;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
  }
  #page-collections #vue-goods .goods .h5-filter > ul,
  #page-goods #vue-goods .goods .h5-filter > ul,
  #page-collections #vue-good .goods .h5-filter > ul,
  #page-goods #vue-good .goods .h5-filter > ul,
  #page-collections #vue-goods .goods .h5-filter > ul > li > a,
  #page-goods #vue-goods .goods .h5-filter > ul > li > a,
  #page-collections #vue-good .goods .h5-filter > ul > li > a,
  #page-goods #vue-good .goods .h5-filter > ul > li > a {
    border: none;
  }
  #page-collections #vue-goods .goods .zy-filter-title,
  #page-goods #vue-goods .goods .zy-filter-title,
  #page-collections #vue-good .goods .zy-filter-title,
  #page-goods #vue-good .goods .zy-filter-title {
    margin-left: 4rem;
  }
}
#page-collections .panel-group .panel-heading + .panel-collapse > .panel-body,
#page-goods .panel-group .panel-heading + .panel-collapse > .panel-body {
  color: #666666;
  cursor: pointer;
  /* text-align: center; */
  border: none;
  padding: 0;
  margin: 0.5rem auto auto 3rem;
}
#page-collections .font-size-14,
#page-goods .font-size-14 {
  font-size: 1.4rem;
}
#page-collections .panel-group .panel-heading + .panel-collapse > .panel-body > span,
#page-goods .panel-group .panel-heading + .panel-collapse > .panel-body > span {
  padding-left: 1rem;
  /* border: 1px solid rgb(102, 102, 102, 1); */
  font-weight: bold;
  margin-bottom: auto;
  font-size: 1.4rem;
  line-height: 2rem;
  width: 8rem;
}
#page-collections .panel-group .panel-heading + .panel-collapse > .panel-body:hover,
#page-goods .panel-group .panel-heading + .panel-collapse > .panel-body:hover {
  color: white;
  background-color: #666666;
}
#page-collections .panel-group .panel-heading + .panel-collapse > .panel-body:not(:first-child) > label,
#page-goods .panel-group .panel-heading + .panel-collapse > .panel-body:not(:first-child) > label {
  margin-top: 0.5rem;
}
#page-collections .pager .previous,
#page-goods .pager .previous {
  float: left;
}
#page-collections .pager .next,
#page-goods .pager .next {
  float: right;
}
#page-collections .pager .next > label,
#page-goods .pager .next > label,
#page-collections .pager .previous > label,
#page-goods .pager .previous > label {
  padding: 0 2rem;
}
#page-collections ul.pager,
#page-goods ul.pager {
  text-align: center;
  margin-top: 8rem;
}
#page-collections .panel-group .panel-heading + .panel-collapse > .panel-body.selected,
#page-goods .panel-group .panel-heading + .panel-collapse > .panel-body.selected {
  background-color: #666666;
}
#page-collections .panel-group .panel-heading + .panel-collapse > .panel-body.selected > span,
#page-goods .panel-group .panel-heading + .panel-collapse > .panel-body.selected > span {
  color: white;
  background-color: #666666;
}
#page-collections .panel-group .panel-heading + .panel-collapse > .panel-body input,
#page-goods .panel-group .panel-heading + .panel-collapse > .panel-body input {
  display: none;
}
#page-collections [id^='collapse'],
#page-goods [id^='collapse'] {
  width: 12.8rem;
  margin-left: 1rem;
  padding: 0.8rem 0;
  /* background-color: rgb(102, 102, 102, 0.46); */
}
#page-collections .panel-default,
#page-goods .panel-default {
  border: none;
}
#page-collections .panel-default > .panel-heading,
#page-goods .panel-default > .panel-heading {
  background: none;
  display: inline-block;
}
@media (min-width: 768px) {
  #page-collections .goods,
  #page-goods .goods {
    margin-top: 16rem;
    margin-bottom: 8rem;
    max-width: 180rem;
  }
}
#page-collections .goods .good-img img,
#page-goods .goods .good-img img {
  margin: auto;
}
#page-collections .goods-tabel,
#page-goods .goods-tabel {
  text-align: center;
  font-size: 2.4rem;
  line-height: 3.8rem;
}
#page-collections .goods-tabel > div,
#page-goods .goods-tabel > div {
  cursor: pointer;
}
#page-collections .tag-new,
#page-goods .tag-new {
  position: absolute;
  right: 3rem;
  top: 0;
  background-color: #e72d30;
  line-height: 2.5rem;
  color: white;
  padding: 0 2rem;
  border-radius: 100rem;
}
#page-collections .goods .good-img,
#page-goods .goods .good-img {
  overflow: initial !important;
}
#page-collections .goods span,
#page-goods .goods span {
  z-index: 9;
}
#page-goods {
  /*.lg-object.lg-image,*/
  /*.lg-outer .lg-thumb-item img {*/
  /*    pointer-events: none;*/
  /*    user-select: none;*/
  /*}*/
}
#page-goods .goods {
  margin: 5rem auto;
}
@media (min-width: 768px) {
  #page-goods .goods {
    margin: 20rem 5rem 10rem;
  }
}
#page-goods .goods-tabel {
  text-align: center;
  font-size: 2.4rem;
  line-height: 3.8rem;
}
#page-goods .goods-tabel > div {
  cursor: pointer;
}
#page-goods .tag-new {
  position: absolute;
  right: 3rem;
  top: 0;
  background-color: #e72d30;
  line-height: 2.5rem;
  color: white;
  padding: 0 2rem;
  border-radius: 100rem;
}
#page-goods .zy-swiper .owl-item {
  cursor: pointer;
}
#page-goods .zy-swiper .slick-track .slick-slide .x-img {
  max-height: 100%;
}
#page-goods .zy-swiper2 {
  margin-top: 1rem;
}
#page-goods .zy-swiper .slick-track .slick-slide .x-img,
#page-goods .zy-swiper2 .slick-track .slick-slide .x-img {
  height: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#page-goods .zy-swiper .slick-track .slick-slide .x-img {
  padding-bottom: 50%;
}
#page-goods .zy-swiper2 .slick-track .slick-slide .x-img {
  padding-bottom: 75%;
}
#page-goods .zy-swiper .slick-track .slick-slide .x-img > img,
#page-goods .zy-swiper2 .slick-track .slick-slide .x-img > img {
  position: absolute;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
}
#page-goods .zy-swiper2 .slick-track .slick-slide {
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 1rem;
  cursor: pointer;
}
#page-goods .zy-swiper2 .slick-track .slick-slide .x-img {
  border: 0.1rem solid #cccccc;
  overflow: hidden;
  border-radius: 0.8rem;
}
#page-goods .zy-swiper2 .slick-track .slick-slide.slick-current {
  box-sizing: border-box;
}
#page-goods .zy-swiper2 .slick-track .slick-slide.slick-current .x-img {
  border: 0.2rem solid #e72d30;
}
#page-goods .goods [class^="good-"][class$="-label"] {
  color: black;
  font-size: 2rem;
  font-weight: 400;
}
#page-goods .goods .line {
  margin-top: 1rem;
}
@media (max-width: 992px) {
  #page-goods .goods .good-info {
    margin-top: 5rem;
  }
}
#page-goods .goods .good-name {
  text-transform: uppercase;
}
#page-goods .goods .good-code,
#page-goods .goods .good-dimensions,
#page-goods .goods .good-style {
  margin-left: 2rem;
  font-size: 1.5rem;
}
#page-goods .goods .good-features,
#page-goods .goods .good-functions {
  display: block;
  margin-left: 2rem;
  font-size: 1.5rem;
}
#page-contactUs .zy-contact-form input,
#page-contactUs .zy-contact-form textarea,
#page-contactUs .zy-contact-form > button {
  font-size: 1.2rem;
  border-radius: 0;
  margin-bottom: 1rem;
}
#page-contactUs .zy-contact-form .form-group input::-webkit-input-placeholder {
  font-size: 1.2rem;
  height: 1.2rem;
}
#page-contactUs .zy-contact-form .form-group input::-moz-placeholder {
  /* Firefox */
  font-size: 1.2rem;
  height: 1.2rem;
}
#page-contactUs .zy-contact-form .form-group input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 1.2rem;
  height: 1.2rem;
}
#page-contactUs .zy-contact-form .form-group input::placeholder {
  /* 标准写法 */
  font-size: 1.2rem;
  height: 1.2rem;
}
#page-contactUs .zy-contact-msg .title,
#page-contactUs .zy-contact-form .title {
  font-size: 4rem;
}
#page-contactUs .zy-contact-msg p,
#page-contactUs .zy-contact-form p {
  font-size: 1.5rem;
  width: 100%;
}
#page-contactUs .zy-contact-msg .title,
#page-contactUs .zy-contact-form .form-group input {
  height: inherit;
  width: 100%;
}
#page-contactUs .zy-contact-form button[type="submit"] {
  background-color: #E72D30;
  height: inherit;
  font-size: inherit;
}
@media (min-width: 992px) {
  #page-contactUs .zy-contact-form,
  #page-contactUs .zy-contact-msg {
    padding: 2rem 4.2%;
  }
  #page-contactUs .zy-contact-form input,
  #page-contactUs .zy-contact-form textarea,
  #page-contactUs .zy-contact-form > button {
    font-size: 2.4rem;
    line-height: 3.6rem;
    border-radius: 0;
    margin-bottom: 3.2rem;
  }
  #page-contactUs .zy-contact-form .form-group input::-webkit-input-placeholder {
    font-size: inherit;
    height: inherit;
  }
  #page-contactUs .zy-contact-form .form-group input::-moz-placeholder {
    /* Firefox */
    font-size: inherit;
    height: inherit;
  }
  #page-contactUs .zy-contact-form .form-group input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: inherit;
    height: inherit;
  }
  #page-contactUs .zy-contact-form .form-group input::placeholder {
    /* 标准写法 */
    font-size: inherit;
    height: inherit;
  }
  #page-contactUs .zy-contact-form .form-group textarea {
    height: 16.5rem;
  }
  #page-contactUs .zy-contact-msg .title,
  #page-contactUs .zy-contact-form .title {
    font-size: 6.6rem;
  }
  #page-contactUs .zy-contact-msg p,
  #page-contactUs .zy-contact-form p {
    font-size: 2.4rem;
    width: 100%;
  }
  #page-contactUs .zy-contact-msg .title,
  #page-contactUs .zy-contact-form .form-group input {
    height: 6.5rem;
    margin-bottom: 3.2rem;
  }
  #page-contactUs .zy-contact-form button[type="submit"] {
    background-color: #E72D30;
    height: 6.5rem;
    font-size: 3.2rem;
  }
}
#page-contactUs .error {
  color: red;
}
h1,
h2,
h3,
h4,
h5,
h6,
html {
  margin: 0;
  padding: 0;
  color: #333333;
  --zy-font-family: 'nunito';
}
.main-navigation .navbar-nav > .dropdown > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.main-navigation .navbar-nav > .open > a,
.main-navigation .navbar-nav > .open > a:hover,
.dropdown-menu > li > a:hover {
  color: #E72D30;
}
.fixed.header .main-navigation.animated .navbar-nav > li > a {
  line-height: 4.4rem;
}
.fixed.header .main-navigation.animated .navbar-nav > li > form {
  line-height: 3.8rem;
}
header:not(.full-width) .logo img {
  margin: auto;
  height: 8rem;
}
.fixed.header .main-navigation.animated .navbar-nav {
  margin-left: 0;
  margin-right: 0;
}
.modal-content .modal-header {
  background-color: #E72D30;
}
.modal-footer .btn {
  background-color: #E72D30;
}
.navbar-default .navbar-toggle {
  margin-right: auto;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fafafa;
  border-color: #E72D30;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #E72D30;
}
div.zy-div {
  padding-top: 6.6rem;
}
h1.zy-h {
  text-align: center;
  font-size: 6rem;
  line-height: 8rem;
  font-weight: bold;
  text-transform: uppercase;
}
h2.zy-h {
  text-align: center;
  font-size: 4rem;
  line-height: 6rem;
}
p.zy-p {
  font-size: 2rem;
  line-height: 3.6rem;
}
.zy-btn-large,
.zy-btn-medium,
.zy-btn-small {
  padding: 1rem 2.5rem;
  line-height: 1.46666667;
  margin: 1rem 0;
  color: #fff;
  background-color: #E72D30;
  font-weight: lighter;
  border-radius: 4.5rem;
}
.zy-btn-large {
  font-size: 2.4rem;
}
.zy-btn-medium {
  font-size: 1.7rem;
}
.zy-btn-small {
  font-size: 1.2rem;
}
.no-select {
  pointer-events: none;
  user-select: none;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse {
    padding-right: 0;
  }
}
.logo {
  text-align: center;
}
.header-left.clearfix {
  float: left;
}
.header-right.clearfix {
  float: right;
}
.header-left {
  float: left;
}
#logo-footer {
  display: block;
  vertical-align: top;
  float: left;
  width: 8.968rem;
  height: 14.76rem;
  margin-left: 4rem;
}
.search .text::-webkit-input-placeholder {
  font-size: 2.3rem;
  height: 3.8rem;
}
.search .text::-moz-placeholder {
  /* Firefox */
  font-size: 2.3rem;
  height: 3.8rem;
}
.search .text:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 2.3rem;
  height: 3.8rem;
}
.search .text::placeholder {
  /* 标准写法 */
  font-size: 2.3rem;
  height: 3.8rem;
}
.search .text {
  max-width: 25rem;
  box-shadow: inset 0 0 25px #f1f1f1;
  /* 设置内部发光样式，颜色为绿色 */
  font-size: 2.3rem;
  border: 2px solid #ddd;
  text-indent: 5rem;
  color: #000;
  outline: 0;
  transition: all 0.6s;
  background: url(../../images/SVG/search.svg) no-repeat 12px 5px;
  background-size: 29px auto;
  border-radius: 0.5rem;
}
@media (max-width: 992px) {
  .header-right {
    display: none !important;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  .header-left {
    display: none !important;
  }
}
@media (max-width: 992px) {
  div.zy-div {
    padding-top: 2rem;
  }
  h1.zy-h {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: bold;
    text-transform: uppercase;
  }
  h2.zy-h {
    text-align: center;
    font-size: 2rem;
    line-height: 3rem;
  }
  p.zy-p {
    font-size: 1.5rem;
    line-height: 1.8rem;
    text-align: justify;
  }
  .zy-btn-large,
  .zy-btn-medium,
  .zy-btn-small {
    /*line-height: 1.46666667;*/
    /*color: #fff;*/
    /*background-color: #E72D30;*/
    font-weight: lighter;
    border-radius: 4.5rem;
  }
  .zy-btn-large {
    font-size: 2rem;
  }
  .zy-btn-medium {
    font-size: 1.3rem;
  }
  .zy-btn-small {
    font-size: 0.8rem;
  }
  [class^="col-md-"] > * {
    margin: auto;
  }
  .logo {
    width: auto;
    margin: auto;
  }
  #logo-footer {
    display: none;
  }
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #E72D30;
  }
  .search .text {
    text-indent: initial;
    width: 100%;
    border: none;
    box-shadow: none;
    text-align: center;
    background: none;
  }
  .navbar-header {
    margin: auto 0;
  }
  #footer .subfooter .row > div[class^="col-md-"] > a {
    margin: auto;
  }
  .header-left {
    float: none !important;
  }
}
.margin-top-140 {
  margin-top: 14rem;
}
.footer > .container > .footer-inner > .row > .col-md-5 .title {
  color: white;
  font-size: 4rem;
  line-height: 4.8rem;
  /* margin-top: 7.4rem; */
  margin-bottom: 3rem;
}
@media (max-width: 760px) {
  [class$="-my-clearfix"] > div > .title {
    max-width: none;
  }
  [class$="-my-clearfix"] > div > .title > .title-main {
    font-size: 4rem;
  }
  .margin-top-140 {
    margin-top: 7rem;
  }
}
@media (max-width: 480px) {
  [class$="-my-clearfix"] > div > .title > .title-main {
    font-size: 2rem;
  }
  [class$="-my-clearfix"] > div > .title > .title-sub {
    font-size: 1rem;
  }
  .margin-top-140 {
    margin-top: 1rem;
  }
}
.collections .item:hover > .title {
  height: 100%;
}
@font-face {
  font-family: 'lato';
  src: url('../../fonts/lato/3150.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'lato';
  src: url('../../fonts/lato/3154.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'lato';
  src: url('../../fonts/lato/3152.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'nunito';
  src: url('../../fonts/nunito/3319.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'nunito';
  src: url('../../fonts/nunito/3321.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'nunito';
  src: url('../../fonts/nunito/3320.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'raleway';
  src: url('../../fonts/raleway/2663.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'raleway';
  src: url('../../fonts/raleway/2659.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'raleway';
  src: url('../../fonts/raleway/2652.ttf') format('truetype');
  font-weight: 500;
}
.font-size-r {
  font-weight: 300;
}
.font-size-h {
  font-weight: 400;
}
.font-size-m {
  font-weight: 500;
}
.footer > div > .container {
  margin: auto;
}
.header-container {
  max-width: 180rem;
  margin: auto;
}
.header-container > .container {
  margin-top: 0;
}
@media (min-width: 767px) {
  .navbar.navbar-default {
    display: inline-flex;
  }
}
#six-crafts .col-md-4.column .content {
  margin-top: 3rem;
}
[class$="-my-clearfix"] > div {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
[class$="-my-clearfix"] > div {
  max-height: calc(100vh - 10rem);
  width: auto;
  max-width: none;
}
.main-navigation {
  padding: 0 1rem;
  line-height: 1rem;
  text-align: center;
}
.main-navigation .navbar-default .navbar-nav > li > a {
  font-size: 2.4rem;
}
.search {
  color: #666666;
}
.search > form {
  margin: auto;
}
.with-dropdown-buttons .navbar-default .navbar-collapse {
  padding: 0;
}
cite {
  color: #f37800;
  font-style: normal;
}
.searchtitle {
  width: 100%;
  font-size: 1.8rem;
  font-weight: 400;
  color: #150707;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 2px dashed #f2f1f1;
  text-indent: 1rem;
}
.container {
  width: auto;
}
.dropdown-menu > li > a {
  font-size: 1.7rem;
  line-height: 2.4rem !important;
}
.about-title {
  font-size: 6rem;
}
.about-div {
  margin: auto;
  max-width: 180rem;
  display: flex;
}
.about-div > .text,
.about-div > img {
  display: inline-block;
  max-width: 96rem;
}
.about-div > .text > p {
  margin-top: 5.2rem;
}
.navbar-header {
  display: inherit;
  padding-right: 15px;
  padding-left: 15px;
  margin: auto 4.3rem;
}
.container > .goods {
  display: flex;
  justify-content: space-between;
  margin: auto 71px;
}
.collections .item {
  display: flex;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  margin-top: 51px;
  font-size: 34px;
  position: relative;
  height: auto;
  overflow-y: hidden;
}
.collections .item > img {
  width: auto;
}
.collections {
  --text-height: 5.7rem;
}
.collections .item > .good-img {
  padding-bottom: var(--text-height);
}
.collections .item > .title-sub {
  position: absolute;
  bottom: 0;
  min-height: 6rem;
  /*white-space: nowrap; !* 不换行 *!*/
  /*overflow: hidden; !* 隐藏超出部分 *!*/
  /*text-overflow: ellipsis; !* 使用省略号表示截断的文本 *!*/
  color: white;
  background-color: #343638;
  font-size: 2.4rem;
  padding-left: 2.3rem;
  width: 100%;
  display: inline-flex;
  text-align: left;
}
.collections .item > .title-sub > span {
  margin: auto auto auto 0;
}
#zy-contact-us {
  display: flex;
}
#zy-contact-us > .container {
  margin: auto;
}
#zy-contact-us > .container > .title,
#zy-contact-us > .container > .title-sub {
  text-align: center;
}
#zy-contact-us > .container > .title {
  text-align: center;
}
#zy-contact-us > .container > .link {
  text-align: center;
}
#zy-contact-us > .container > .title-sub {
  font-size: 6rem;
  line-height: 83px;
  text-align: center;
  font-weight: initial;
}
.footer {
  padding: 0;
  color: #A0A0A0;
  background-color: #343638;
}
.footer > .container > .footer-inner > .row > .col-md-7,
.footer > .container > .footer-inner > .row > .col-md-5 {
  padding-top: 6.6rem;
}
.footer > .container > .footer-inner > .row > .col-md-7 > .footer-content > .container {
  margin-top: 0;
  padding-top: 0;
}
.footer > .container > .footer-inner > .row > [class^='col-md-'] {
  padding-bottom: 3rem;
}
.footer > .container > .footer-inner > .row > .col-md-7 {
  border-right: 1px solid;
}
.footer .footer-inner li {
  list-style-type: none;
}
.footer-link {
  padding-inline-start: 0;
  color: #A0A0A0;
  text-decoration: none;
}
.col-md-7 .footer-content .column {
  border-bottom: 1px solid white;
}
.footer .footer-inner .list-type > span.glyphicon {
  transition: transform 0.2s ease-out;
  position: absolute;
  right: 0;
}
.footer .footer-inner .column[aria-expanded="true"] .list-type > span.glyphicon {
  transform: rotate(180deg);
}
.footer .footer-inner .list-type > span {
  display: block;
  font-size: 2.4rem;
  line-height: 5.2rem;
  height: 5.2rem;
}
@media (min-width: 992px) {
  .footer-link {
    height: auto !important;
    display: block !important;
  }
  .col-md-7 .footer-content {
    margin: auto auto 4rem;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 14%;
  }
  .footer .col-md-7 .footer-content .column {
    border-bottom: none;
    --link: true;
  }
  .footer .footer-inner .list-type > span {
    line-height: 2.417rem;
    height: 5.2rem;
  }
}
.footer-link a {
  font-size: 1.8rem;
  line-height: 3.6rem;
  color: #A0A0A0;
  text-decoration: none;
}
.footer-link a:hover {
  color: #FFFFFF;
  /* 设置鼠标悬浮时的文本颜色 */
}
.footer-link a:active {
  color: #000000;
  /* 设置鼠标按下时的文本颜色 */
}
.footer-column-a {
  font-size: 1.8rem;
  line-height: 3rem;
}
.footer-column-b {
  margin-top: 1.5rem;
}
.footer-column-a a,
.footer-column-b a {
  color: inherit;
}
.footer-column-b > .link {
  text-decoration: none;
}
.footer-column-b > .link > img {
  display: inline-block;
  margin-top: 3rem;
}
.footer-column-b > .link:not(:first-child) {
  margin-left: 10px;
}
.col-md-5 .footer-content {
  margin: auto;
  max-width: 48rem;
  padding: 0;
}
.subfooter {
  min-height: 5.8rem;
  padding: 0;
  border-top: none;
  background-color: #E72D30;
}
.subfooter a {
  display: block;
  font-size: 1.8rem;
  line-height: 5.8rem;
  color: #FFFFFF;
}
.goods .good-img {
  overflow: hidden;
  height: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 62.5%;
  margin-bottom: 6rem;
}
.goods .good-img > img {
  margin: auto;
  transform: scale(1);
  transition: transform 0.3s ease;
  position: absolute;
  bottom: 0;
}
.goods .good-img:hover > img {
  transform: scale(1.2);
}
#zy-about-us {
  padding: 180px 0;
}
#zy-contact-us {
  height: 680px;
}
.square-button {
  cursor: pointer;
  text-align: center;
  min-width: 5.4rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #666666;
  border: 1px solid #666666;
  border-radius: initial;
}
.square-button:active {
  color: white;
  background-color: #666666;
  border-radius: initial;
}
.square-button:active,
.square-button.selected {
  color: white;
  background-color: #666666;
  border: #666666;
  border-radius: initial;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
#slide-out .zy-btn {
  position: absolute;
  top: 50%;
  left: -5rem;
  display: inline-flex;
  vertical-align: middle;
  font-size: xx-large;
  width: 5rem;
  height: 5rem;
  cursor: pointer;
  background: #E72D30;
  border-radius: 10px 0 0 10px;
  color: white;
}
#slide-out .zy-btn i {
  position: initial;
  line-height: inherit;
  display: inline-block;
  margin: auto;
}
#slide-out > div {
  transition: transform 0.3s ease;
  transform: translate(100%, 0);
}
#slide-out.zy-show > div {
  transform: translate(0, 0);
}
.slide-out-content {
  position: fixed;
  right: 0;
  z-index: 99999;
  display: inline-block;
  vertical-align: middle;
  width: 25rem;
  height: 100vh;
  padding: 1rem;
  margin: auto;
  background: rgba(255, 255, 255, 0.9);
}
.navbar-default .navbar-nav > li > a.active {
  font-weight: bold;
  color: #E72D30;
}
#slide-out {
  display: none;
}
#page-history #carousel-history .owl-item > div,
#page-history #carousel-history-timeline,
#page-history .title {
  max-width: 130rem;
  margin: auto;
}
#page-history #carousel-history-timeline {
  cursor: pointer;
}
#page-history #carousel-history-timeline .owl-item > div > h1 {
  font-weight: bold;
  text-align: center;
  line-height: 3.2rem;
  padding-bottom: 4rem;
  background: url('../../images/SVG/point.svg') center bottom no-repeat;
  background-size: 1rem;
}
#page-history #carousel-history-timeline {
  cursor: pointer;
}
#page-history #carousel-history-timeline .owl-stage-outer > .owl-stage .owl-item > div > h1 {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 4rem;
  background: url('../../images/SVG/point.svg') center bottom no-repeat;
  background-size: 1rem;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}
#page-history #carousel-history-timeline .owl-stage-outer > .owl-stage .owl-item.center > div > h1 {
  font-size: 3.2rem;
  background-size: 3rem;
  padding-top: 0.5rem;
  padding-bottom: 5.5rem;
}
#page-history .owl-stage-outer > .owl-stage .owl-item > div > img {
  float: left;
  position: initial;
  width: auto;
  height: auto;
  padding-right: 6.8rem;
  /* margin: 10px 30px 10px 50px; */
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE 8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
  /* IE 6 & 7 */
  zoom: 1;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  /* -webkit-transform: scale(0.7, 0.7); */
  /* transform: scale(0.7, 0.7); */
  max-height: 40rem;
  max-width: 100%;
}
@media (max-width: 800px) {
  #page-history .owl-stage-outer > .owl-stage .owl-item > div > img {
    padding-left: initial;
    padding-right: initial;
  }
}
@media (max-width: 800px) {
  #page-history #carousel-history-timeline .owl-item > div {
    font-size: 2.5rem;
  }
}
#page-history #carousel-history {
  padding-top: 8.8rem;
  overflow: hidden;
}
#page-history #carousel-history .owl-item {
  height: 0;
}
#page-history #carousel-history .owl-item.active {
  height: auto;
}
@media (max-width: 800px) {
  #page-history #carousel-history .owl-item .title {
    text-align: center;
  }
}
#page-history #carousel-history .owl-item .title {
  font-size: 2.4rem;
  /* line-height: 43.2px; */
  margin: 10px auto 36px auto;
  /* margin: 101px auto 36px auto; */
  color: #E72D30;
  font-weight: bold;
}
@media (max-width: 800px) {
  #page-history #carousel-history {
    padding-top: 0.5rem;
  }
}
#page-history .owl-carousel {
  padding: 0 4rem;
}
#page-history .owl-carousel .owl-nav button.owl-prev,
#page-history .owl-carousel .owl-nav button.owl-next {
  top: 0;
  opacity: 1;
  color: #848484;
  height: 8.2rem;
  width: 14rem;
  font-size: 3rem;
  cursor: pointer;
  background: none;
}
#page-history .owl-carousel .owl-nav button.owl-prev:hover,
#page-history .owl-carousel .owl-nav button.owl-next:hover {
  font-weight: bold;
}
#page-history .owl-carousel .owl-nav button.owl-prev > div,
#page-history .owl-carousel .owl-nav button.owl-next > div {
  display: flex;
  height: 100%;
}
#page-history .owl-carousel .owl-nav button.owl-prev {
  height: 100%;
}
#page-history .owl-carousel .owl-nav button.owl-next {
  height: 100%;
}
#page-honor #brand-honor-timeline #carousel-honor-timeline .owl-stage-outer {
  background: url(../../images/history/timeline.png) left 8.5rem repeat-x;
}
#page-honor #brand-honor-timeline #carousel-honor-timeline .owl-stage-outer .owl-item {
  font-size: 3.3rem;
  text-align: center;
  font-weight: bold;
  background: url(../../images/SVG/partition.svg) no-repeat center, url(../../images/SVG/partition.svg) no-repeat right;
  background-size: 0.5rem 1.3rem;
  padding-bottom: 11rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}
#page-honor #brand-honor-timeline #carousel-honor-timeline .owl-stage-outer .owl-item.active.center {
  color: #E72D30;
  background: url(../../images/SVG/selected.svg) no-repeat center, url(../../images/SVG/partition.svg) no-repeat right;
  background-size: 1.3rem 4.35rem, 0.5rem 1.3rem;
  transition: all 0.2s ease-in-out;
}
#page-honor #brand-honor-timeline .owl-carousel {
  padding: 0 4rem;
}
#page-honor #brand-honor-timeline .owl-carousel .owl-nav button.owl-prev,
#page-honor #brand-honor-timeline .owl-carousel .owl-nav button.owl-next {
  top: 0;
  opacity: 1;
  color: #848484;
  height: 8.2rem;
  width: 14rem;
  font-size: 3rem;
  cursor: pointer;
  background: none;
}
#page-honor #brand-honor-timeline .owl-carousel .owl-nav button.owl-prev:hover,
#page-honor #brand-honor-timeline .owl-carousel .owl-nav button.owl-next:hover {
  font-weight: bold;
}
#page-honor #brand-honor-timeline .owl-carousel .owl-nav button.owl-prev > div,
#page-honor #brand-honor-timeline .owl-carousel .owl-nav button.owl-next > div {
  display: flex;
  height: 100%;
}
#page-honor #brand-honor-timeline .owl-carousel .owl-nav button.owl-prev {
  height: 100%;
}
#page-honor #brand-honor-timeline .owl-carousel .owl-nav button.owl-next {
  height: 100%;
}