@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.eot');
  src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.woff') format('woff'), url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.eot');
  src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter-Bold.woff') format('woff'), url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: bold;
  font-display: swap;
}
body {
  font-family: "Inter";
  max-width: 1920px;
  --color: #c9000f;
  font-weight: normal;
  margin: 0 auto;
}
.container {
  width: 1550px;
}
.body-overflow-box {
  position: relative;
  left: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#header {
  z-index: 21;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  background-color: white;
}
#header .nav .ui.menu {
  margin: 0 auto;
  height: 100px;
}
#header .nav .ui.menu .menu-box {
  margin-left: 1em;
  margin-right: auto;
  height: 100%;
  width: 53%;
}
#header .nav .ui.menu .menu-box > div {
  height: 100%;
}
#header .nav .ui.menu .menu-box ul.menu {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#header .nav .ui.menu .menu-box ul.menu > li {
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  float: left;
  position: relative;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  text-transform: capitalize;
}
#header .nav .ui.menu .menu-box ul.menu > li:hover {
  color: var(--color);
}
#header .nav .ui.menu .menu-box ul.menu > li > a {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu {
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  text-align: left;
  position: absolute;
  font-size: 14px;
  background: #fff;
  top: 100%;
  left: -10px;
  width: 180px;
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  -ms-transform: rotate3d(1, 0, 0, -90deg);
  -o-transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  -moz-transition: transform 0.5s, opacity 0.3s, -moz-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s, -moz-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
  -moz-transition: -moz-transform 0.5s, opacity 0.3s;
  -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid var(--color);
  display: none \9;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li {
  display: block;
  float: none;
  padding: 8px 15px;
  color: black;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  text-transform: capitalize;
  position: relative;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li a {
  display: block;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li ul {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  display: none;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li:hover {
  background: #222;
  color: white;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li:hover > ul {
  display: block;
}
#header .nav .ui.menu .menu-box ul.menu > li:hover ul.sub-menu {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transform: rotate3d(0, 0, 0, 0);
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  -ms-transform: rotate3d(0, 0, 0, 0);
  -o-transform: rotate3d(0, 0, 0, 0);
  display: block \9;
}
#header .nav .ui.menu .yuy span img {
  max-width: 34px;
}
#header .nav .ui.menu .yuy ul {
  left: auto;
  right: 0;
}
#header.active {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
#header .nav .search-box {
  line-height: normal;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
}
#header .nav .search-box form {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 60%;
  margin-left: -30%;
}
#header .nav .search-box form input {
  background: none;
  outline: none;
  border: none;
}
#header .nav .search-box form input[type="text"] {
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  font-size: 26px;
  color: #000;
  padding: 10px 0;
}
#header .nav .search-box form input[type="submit"] {
  width: 22px;
  height: 22px;
  background: url(../images/tc-zoom.png) no-repeat;
  position: absolute;
  right: 15px;
  top: 20px;
}
#header .nav .search-box form input[type="submit"]:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#header .nav .search-box .close {
  width: 30px;
  height: 30px;
  background: url(../images/close.png) no-repeat;
  position: absolute;
  right: 25px;
  top: 15px;
  cursor: pointer;
}
#banner .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  height: 80px;
  color: transparent;
  border: none;
  z-index: 1;
  outline: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  opacity: 0;
}
#banner .slick-arrow:hover {
  background-color: var(--color);
}
#banner:hover .slick-arrow {
  opacity: 1;
}
#banner .slick-prev {
  background: url("../images/banner-btn-l.png") no-repeat center center rgba(0, 0, 0, 0.3);
  left: 15px;
}
#banner .slick-next {
  background: url("../images/banner-btn-r.png") no-repeat center center rgba(0, 0, 0, 0.3);
  right: 15px;
}
#banner ul.slick-dots {
  position: absolute;
  bottom: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#banner ul.slick-dots li {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 10px;
  border-radius: 100%;
  border: 6px solid white;
  background-color: var(--color);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#banner ul.slick-dots li button {
  display: none;
}
#banner ul.slick-dots li.slick-active {
  border-color: var(--color);
  background-color: white;
}
#banner .slick-slide .content {
  display: none;
}
#banner .slick-active .content {
  display: block;
}
.wpulike.wpulike-default {
  display: none;
}
.prodet-page .wpulike.wpulike-default,
.newdet-page .wpulike.wpulike-default {
  display: inline-block;
}
.post-views-box {
  position: relative;
  margin-left: 20px;
}
.post-views-box .wp_ulike_btn.wp_ulike_put_image:after {
  background-image: url(../images/fw.png) !important;
  -webkit-filter: none;
  filter: none;
}
.wpulike {
  z-index: 10;
}
.wpulike.post-views-box {
  z-index: 5;
}
#banner .nivo-directionNav a {
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  color: transparent;
  overflow: hidden;
  text-indent: -999em;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#banner .nivo-directionNav a {
  opacity: 0;
}
#banner:hover .nivo-directionNav a {
  opacity: 1;
}
#banner .nivo-directionNav a:hover {
  background-color: var(--color);
}
#banner .nivo-directionNav a.nivo-prevNav {
  background-image: url(../images/banner-btn-l.png);
  left: 40px;
}
#banner .nivo-directionNav a.nivo-nextNav {
  background-image: url(../images/banner-btn-r.png);
  right: 40px;
}
#banner .theme-default .nivo-controlNav {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: auto !important;
}
#banner .theme-default .nivo-controlNav a {
  width: 25px  !important;
  height: 25px !important;
  background: #fff !important;
  border: 7px solid #7d7d7d !important;
  border-radius: 100% !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin: 0 8px !important;
}
#banner .theme-default .nivo-controlNav a.active {
  border-color: var(--color) !important;
}
#spotlight.show {
  display: inline-block;
  background: rgba(0, 0, 0, 0.3) !important;
}
#spotlight .scene img {
  border: 10px solid white !important;
  border-radius: 10px;
}
#spotlight .header {
  background: black !important;
}
.more {
  height: 2.33333333em;
  padding: 0 20px;
  background-color: var(--color);
  color: white;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  white-space: nowrap;
}
.more:hover {
  background-color: black;
}
span.h2 {
  line-height: 1.2;
}
.text {
  line-height: 1.55555556;
}
.line:before {
  content: '';
  width: 65px;
  height: 2px;
  display: block;
  background-color: var(--color);
}
.line.txt-center:before {
  margin: 0 auto;
}
#banner li {
  position: relative;
}
#banner li .content {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: white;
}
#banner li .content .left {
  max-width: 50%;
}
img {
  width: auto;
}
#index-body .init-1 .box .prev,
#index-body .init-1 .box .next {
  color: white;
  -webkit-filter: drop-shadow(1px 2px 0 rgba(0, 0, 0, 0.6));
  filter: drop-shadow(1px 2px 0 rgba(0, 0, 0, 0.6));
  cursor: pointer;
  cursor: hand;
  padding: 0 .8em;
  margin-top: -3%;
}
#index-body .init-1 .box .prev i,
#index-body .init-1 .box .next i {
  font-size: 1.3em;
}
#index-body .init-1 .box .list .slick-list {
  padding-right: 4px;
}
#index-body .init-1 .box .list ul {
  margin: 0;
}
#index-body .init-1 .box .list ul li {
  position: relative;
}
#index-body .init-1 .box .list ul li:before {
  content: '';
  width: 1px;
  height: 40%;
  background-color: #e5e5e5;
  position: absolute;
  left: 0;
  top: 20%;
}
#index-body .init-1 .box .list ul li span.h6 {
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}
#index-body .init-2 {
  background-color: #f8f8f8;
}
#index-body .init-2 .list ul {
  gap: 1em;
}
#index-body .init-2 .list ul li {
  font-size: 12px;

}
#index-body .init-2 .list i {
  -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
  display: block;
}
#index-body .init-2 .list span.h6 {
  line-height: 1.4;
  color: #474747;
}
#index-body .init-2 .list .text {
  color: #4a4a4a;
  margin-bottom: auto;
}
#index-body .init-3 {
  position: relative;
  background-color: white;
  z-index: 1;
}
#index-body .init-3 .mask {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 45.9375vw auto;
  background-position: right center;
  mix-blend-mode: difference;
}
#index-body .init-3 .left .img i.icon {
  position: absolute;
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
  right: 0;
  bottom: 10%;
  -webkit-transform: translateX(40%);
  -moz-transform: translateX(40%);
  -ms-transform: translateX(40%);
  transform: translateX(40%);
  max-width: 27.77777778%;
}
#index-body .init-3 .left .img .play {
  max-width: 11.69590643%;
}
#index-body .init-4 {
  min-height: 45.3125vw;
}
#index-body .init-5 .list .more {
  left: 50%;
  bottom: 10%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#index-body .init-6 i.icon {
  margin: 0 auto;
  max-width: 8.17777778%;
}
#index-body .init-6 .prev,
#index-body .init-6 .next {
  width: 2.5em;
  height: 2.5em;
  border-radius: 100%;
  background-color: #f3f3f3;
  color: #828282;
  cursor: pointer;
  cursor: hand;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#index-body .init-6 .prev:hover,
#index-body .init-6 .next:hover {
  background-color: var(--color);
  color: white;
}
#index-body .init-6 .prev i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#index-body .init-6 .text {
  line-height: 1.4;
}
#index-body .init-6 .dots li {
  cursor: pointer;
  cursor: hand;
}
#index-body .init-6 .dots li .content {
  display: none;
}
#index-body .init-6 .dots li.active .content {
  display: block;
}
#index-body .init-7 {
  background-color: #f4f4f4;
}
#index-body .init-7 .list li {
  height: 100%;
}
#index-body .init-7 .list .box {
  height: 100%;
  background-color: white;
}
#index-body .init-8 .text {
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
}
#index-body .init-8 .form li input {
  width: 100%;
  height: 3.75em;
  padding: 0 1.25em;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: none;
  background-color: white;
}
#index-body .init-8 .form li button {
  background-color: transparent;
  border: none;
  color: var(--color);
  padding: 0 1em;
}
#index-body .init-8 .form li button i {
  font-size: 2em;
}
#index-body .init-8 .form input[name="agree"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.42857143em;
  height: 1.42857143em;
  opacity: 0;
}
#index-body .init-8 .form input[name="agree"] + i {
  width: 1.42857143em;
  height: 1.42857143em;
  border: none;
  background: #e5e5e5;
  cursor: pointer;
  cursor: hand;
  color: var(--color);
}
#index-body .init-8 .form input[name="agree"] + i:before {
  opacity: 0;
  font-size: 2em;
}
#index-body .init-8 .form input[name="agree"]:checked + i:before {
  opacity: 1;
}
#footer {
  background-color: black;
  color: white;
}
#footer .box span.h6 {
  line-height: 1.2;
}
#footer .box .text {
  color: #7a7a7a;
}
#footer .box .text svg {
  max-height: 1.625em;
  width: auto;
  display: block;
  fill: #7a7a7a;
}
#footer .box .nav {
  line-height: 1.625;
}
#footer .box .nav a:hover {
  text-decoration: underline;
}
#footer .box .nav ul ul {
  display: none;
}
#footer .box .info {
  max-width: 290px;
}
#footer .box .share {
  line-height: 1;
}
#footer hr {
  background-color: rgba(255, 255, 255, 0.2);
  width: 200%;
  margin-left: -50%;
}
#footer .coy .top {
  border-bottom: 1px solid #414141;
  color: #414141;
  cursor: pointer;
  cursor: hand;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  line-height: 1.2;
}
#footer .coy .top:hover {
  color: white;
}
.sideBarProduct {
  position: fixed;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}
.sideBarProduct span.h6 i {
  font-size: 1.5em;
  line-height: 1;
  -webkit-filter: drop-shadow(1px 2px 0 black);
  filter: drop-shadow(1px 2px 0 black);
}
.sideBarProduct span.icon {
  width: 45px;
  height: 45px;
  background-color: var(--color);
  position: relative;
}
.sideBarProduct span.icon:before {
  content: '';
  width: 100%;
  height: 30%;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 100%;
}
.sideBarProduct .list {
  width: 290px;
  background-color: white;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.sideBarProduct .list span.h6 {
  background-color: var(--color);
  color: white;
}
.sideBarProduct .list ul a {
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.sideBarProduct .list ul a:hover {
  color: var(--color);
}
.sideBarProduct .list ul ul {
  display: none;
}
.sideBarProduct:hover .list {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
#sidebar {
  right: 3px;
}
#sidebar li {
  margin-top: 3px;
  border: none !important;
  border-radius: 5px !important;
}
#sidebar li i {
  font-size: 1.4em;
}
@media screen and (max-width: 1700px) {
  #index-body .init-1 .list {
    width: 88%;
  }
}
@media screen and (max-width: 1450px) {
  #footer .logo img {
    max-height: 60px;
  }
  #sidebar {
    font-size: 16px;
  }
  #index-body .init-2 .list i img {
    max-height: 46px;
  }
}
@media screen and (max-width: 1250px) {
  #index-body .init-2 .list span.h6 br {
    display: none;
  }
  #index-body .init-3 .right .icon img {
    max-height: 40px;
  }
  #index-body .init-6 .dots li .head {
    max-width: 60px;
  }
}
@media screen and (max-width: 1000px) {
  #index-body .init-2 .list {
    font-size: 20px;
  }
  #index-body .init-3 .left .img i.icon {
    right: 5%;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }
  #footer .box .slide:nth-child(2),
  #footer .box .slide:nth-child(3) {
    display: none;
  }
  #footer .box .slide .share {
    font-size: 20px;
  }
  .sideBarProduct {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  #banner .text,
  #banner .more {
    display: none;
  }
  .font-35 {
    font-size: 20px;
  }
  #index-body .init-2 .list ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1em;
  }
  #index-body .init-4 {
    padding: 3% 0;
  }
  .more {
    padding: 0 1.5em;
  }
  .font-20 {
    font-size: 16px;
  }
}
@media screen and (max-width: 500px) {
  #footer .box {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #footer .box .slide {
    width: 100%;
  }
  #footer .box .slide:last-child {
    margin-top: 20px;
  }
  #footer .logo img {
    max-height: 45px;
  }
  #footer .box .slide .share {
    gap: 1em;
  }
}


.rc {
  color: var(--color);
}
.gc {
  color: #767676;
}
#header .line {
  height: 1em;
  border-left: 1px solid currentcolor;
  opacity: .5;
  transition: .5s ease;
}
#header.active .line {
  color: var(--color);
}
.home-1 .line-bg {
  left: 0;
  top: 85%;
}

.home-1 .option a {
  padding: 10px 20px;
  background-color: #f7faff;
  border-radius: 25px;
}
.home-1 .option a.active {
  background-color: #000000;
  color: #FFFFFF;
}
.home-1 .home1-btn {
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border: 1px solid currentColor;
  border-radius: 50%;
}
.home-1 .ret .item {
  pointer-events: none;
}
.home-1 .ret .item.active {
  position: static;
  opacity: 1;
  pointer-events: auto;
}
.home-1 .ret .item .box .img {
  -webkit-transition: background-color .5s ease;
  -moz-transition: background-color .5s ease;
  transition: background-color .5s ease;
}
.home-1 .ret .item .box .img img {
  -webkit-transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  transition: opacity .5s ease;
}
.home-1 .ret .item .box .def {
  width: 80%;
  left: 10%;
  bottom: 5%;
  color: #FFFFFF;
}
.home-1 .ret .item .box .def > div {
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  transition: .5s ease;
}
.home-1 .ret .item .box .def .home1-btn {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.home-1 .ret .item .box .hov {
  width: 72%;
  left: 14%;
  top: 16%;
  color: #FFFFFF;
}
.home-1 .ret .item .box .hov > div {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  transition: .5s ease;
}
.home-1 .ret .item .box .hov .text {
  line-height: 1.875;
}
.home-1 .ret .item .box:hover .img {
  /*background-color: #343434;*/
      background-color: var(--color);
}
.home-1 .ret .item .box:hover .img img {
  opacity: .4;
}
.home-1 .ret .item .box:hover .def > div {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  opacity: 0;
}
.home-1 .ret .item .box:hover .hov > div {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.home-1 .ret .item span.arrow {
  width: 1.7em;
  height: 1.7em;
  line-height: 1.7;
  text-align: center;
  border: 1px solid #dedede;
  border-radius: 50%;
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  transition: .5s ease;
  cursor: pointer;
}
.home-1 .ret .item span.arrow:hover {
  background-color: var(--color);
  color: #FFFFFF;
}
.home-1 .ret .item .page {
  height: 5px;
  border-radius: 5px;
  background-color: #e7e7e7;
}
.home-1 .ret .item .page em {
  display: block;
  width: 0;
  height: 100%;
  background-color: #000000;
  border-radius: inherit;
  -webkit-transition: width 1s linear;
  -moz-transition: width 1s linear;
  transition: width 1s linear;
}
.home-2 .left .play {
  border-radius: 50%;
  cursor: pointer;
}
.home-2 .left .play::before,
.home-2 .left .play::after {
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.35);
  -webkit-animation: ks 2s linear infinite;
  -moz-animation: ks 2s linear infinite;
  animation: ks 2s linear infinite;
  z-index: -1;
}
.home-2 .left .play::after {
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s;
}
.home-2 .right .text {
  line-height: 1.76470588;
  color: #4c4c4c;
}
.home-2 .box {
  color: #FFFFFF;
  margin-left: -25%;
}
.home-2 .box .Tit {
  right: 0;
  bottom: 100%;
  z-index: -1;
}
.home-2 .box .Tit > div {
  line-height: .7;
  color: #eaeaea;
  opacity: .3;
}
.home-2 .box .top h2 {
  font-size: .4756em;
  line-height: 1.07127839;
}
.home-2 .box .top .btns a {
  width: 2em;
  height: 2em;
  border: 2px solid currentcolor;
  border-radius: 50%;
}
.home-2 .box .bottom {
  border-top: 2px solid rgba(255, 255, 255, 0.5);
}
.home-2 .box .bottom ul {
  margin: -0.25em;
}
.home-2 .box .bottom li {
  padding: .25em;
  position: relative;
}
.home-2 .box .bottom li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  height: 50%;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.home-2 .box .bottom .icon {
  width: .75em;
  height: .75em;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  background-color: var(--color);
}
.home-2 .box .bottom .num {
  font-size: .2974em;
  line-height: 1.87525219;
}
.home-3 {
  background-color: #f7faff;
}
.home-3 .option a {
  color: #7d7d7d;
  border-bottom: 1px solid currentColor;
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  transition: .5s ease;
}
.home-3 .option a:hover {
  color: var(--color);
}
.home-3 .list {
  width: 100%;
  top: 0;
  opacity: 0;
  pointer-events: none;
}
.home-3 .list.active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
}
.home-3 .list .box {
  background-color: #FFFFFF;
}
.home-3 .list .box .img img {
  transition: .5s ease;
}
.home-3 .list .box .img img.img2{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.home-3 .list .box:hover .img img.img2 {
  opacity: 1;
}
.home-3 .list .box .btns span {

}
.home-3 .list .box .btns span:first-of-type {

}
.home-4 .list .box {
  background-color: #f9f9f9;
}
.home-5 .list .box {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  perspective: 1200px;
}
.home-5 .list .box .img {
  background-color: #2b3625;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, -100px);
  -moz-transform: translate3d(0, 0, -100px);
  transform: translate3d(0, 0, -100px);
  -webkit-transition: 1.5s ease;
  -moz-transition: 1.5s ease;
  transition: 1.5s ease;
}
.home-5 .list .box .img img {
  opacity: .2;
  -webkit-transition: opacity 1.5s ease;
  -moz-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}
.home-5 .list .box .content {
  width: 90%;
  left: 5%;
  bottom: 0;
  opacity: 0;
  -webkit-transition: 1.5s ease;
  -moz-transition: 1.5s ease;
  transition: 1.5s ease;
}
.home-5 .list .box .content .name {
  color: #FFFFFF;
}
.home-5 .list .slick-list {
  overflow: visible;
}
.home-5 .list .slick-current .box .img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.home-5 .list .slick-current .box .img img {
  opacity: 1;
}
.home-5 .list .slick-current .box .content {
  bottom: 5%;
  opacity: 1;
}
.home-5 .list span.arrow {
  top: 40%;
  color: #FFFFFF;
  letter-spacing: 5em;
  cursor: pointer;
}
.home-5 .list span.arrow.arrow_l {
  right: 100%;
  -webkit-transform: translate(50%, 0) rotate(-90deg);
  -moz-transform: translate(50%, 0) rotate(-90deg);
  -ms-transform: translate(50%, 0) rotate(-90deg);
  transform: translate(50%, 0) rotate(-90deg);
}
.home-5 .list span.arrow.arrow_r {
  left: 100%;
  -webkit-transform: translate(-50%, 0) rotate(-90deg);
  -moz-transform: translate(-50%, 0) rotate(-90deg);
  -ms-transform: translate(-50%, 0) rotate(-90deg);
  transform: translate(-50%, 0) rotate(-90deg);
}
.home-6 .list li {
  height: 100%;
}
.home-6 .list li > div {
  height: 100%;
  background-color: #fafafa;
}
.home-6 .list li > div .i7rbg {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(100%, 100%);
  -moz-transform: translate(100%, 100%);
  -ms-transform: translate(100%, 100%);
  transform: translate(100%, 100%);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.home-6 .list li > div .left {
  width: 50px;
  background-color: #c0151d;
  color: #FFFFFF;
}
.home-6 .list li > div .left span {
  letter-spacing: 2px;
  white-space: nowrap;
  top: 5%;
  left: 50%;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
.home-6 .list li > div .icon {
  border: 1px solid var(--color);
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.home-6 .list li > div .icon img {
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  transition: .3s ease;
}
.home-6 .list li > div .name {
  line-height: 1.5;
}
.home-6 .list li > div p {
  color: #929292;
  font-family: arial;
}
.home-6 .list li > div a.btn {
  width: 2em;
  height: 2em;
  color: #929292;
  border: 1px solid #929292;
  border-radius: 50%;
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  transition: .5s ease;
}
.home-6 .list li > div a.btn:hover {
  color: #FFFFFF;
  border-color: var(--color);
  background-color: var(--color);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.home-6 .list li > div:hover .i7rbg {
  -webkit-transform: translate(35%, 45%);
  -moz-transform: translate(35%, 45%);
  -ms-transform: translate(35%, 45%);
  transform: translate(35%, 45%);
}
.home-6 .list li > div:hover .icon {
  background-color: var(--color);
}
.home-6 .list li > div:hover .icon img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

@media (max-width: 1000px) {
  .home-1 .ret .item span.arrow {
    width: 3em;
    height: 3em;
    line-height: 3;
  }
  .home-2 .box {
    margin-left: 0;
  }
  .home-2 .box .bottom li {
    width: 100%;
  }
  .home-2 .box .bottom li + li::before {
    display: none;
  }
  .home-2 .box .bottom .icon {
    width: 1.5em;
    height: 1.5em;
  }
  .home-2 .box .bottom .num {
    font-size: .75em;
  }
  .home-5 .list span.arrow {
    letter-spacing: 3em;
  }
  .hide-1000 {
    display: none;
  }
}
@media (max-width: 700px) {
  .home-5 .list span.arrow {
    letter-spacing: 1em;
  }
}

@-webkit-keyframes xz {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes xz {
  from {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes xz {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.inner-page .play {
  width: 80px;
  text-transform: uppercase;
  letter-spacing: .37em;
  position: relative;
  cursor: pointer;
  cursor: hand;
  margin-left: auto;
  margin-right: auto;
}
.inner-page .play i {
  left: 55%;
  top: 50%;
}
.inner-page .play svg {
  fill: white;
  -webkit-animation: xz 5s linear infinite;
  -moz-animation: xz 5s linear infinite;
  animation: xz 5s linear infinite;
  display: block;
}
.inner-page .play path {
  fill: transparent;
}

.inner-banner {
  color: white;
}

.inner-page .sideBarBox .sideBarTop form {
  width: 320px;
  max-width: 100%;
  height: 2.25em;
  background-color: #fff;
  border-radius: 0.25em;
}
.inner-page .sideBarBox .sideBarTop form input {
  width: 100%;
  border: none;
  background-color: transparent;
  padding: 0 1.2em;
}
.inner-page .sideBarBox .sideBarTop form button {
  border: none;
  background-color: transparent;
  width: 3em;
}
.inner-page .sideBarBox .sideBarTop h1 {
  line-height: 1;
}
.inner-page .sideBarBox .sideBarBottom {
  border-top: 1px solid #ccc;
}
.inner-page .sideBarBox .sideBarBottom .sideBarRight {
  border-left: 1px solid #f5f5f5;
}
.inner-page .sideBarBox .sideBarBottom .sideBarRight .nav {
  line-height: 1.2;
}
.inner-page .sideBarBox .sideBarBottom .sideBarRight .nav i.active {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.inner-page .sideBarBox .sideBarBottom .sideBarRight .nav li.active > a {
  color: var(--color);
}
.inner-page .sideBarBox .sideBarBottom .sideBarRight .nav li.active > a i {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.inner-page .sideBarBox .sideBarBottom .sideBarRight .nav li.active > a i.active {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.inner-page .sideBarBox .sideBarBottom .sideBarRight .nav li.active > ul {
  display: block;
}
.inner-page .sideBarBox .sideBarBottom .sideBarRight .nav span.h6 {
  color: var(--color);
}
.inner-page .m-page > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: .5em;
}
.inner-page .m-page a,
.inner-page .m-page span {
  width: 2em;
  height: 2em;
  border: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: black;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.inner-page .m-page a:hover,
.inner-page .m-page span.current {
  background-color: var(--color);
  color: white;
}
.product-page .product-box {
  height: 26.04166667vw;
  padding: 2% 5%;
}
.product-page .product-box .content {
  padding: 2% 4%;
  border-left: 10px solid var(--color);
  background-color: rgba(4, 99, 83, 0.2);
  color: white;
  max-width: 75%;
}
.product-page .product-box .content span.h6 {
  line-height: 1.2;
}
.product-page .product-box .content .text {
  line-height: 1.47058824;
      max-height: 80px;
    overflow: overlay;
}

.prodet-page .prodet-1 .right {
  padding: 1% 0 5%;
}
.prodet-page .prodet-1 .right .small {
  margin: auto 0;
}
.prodet-page .prodet-1 .right .small a {
  pointer-events: none;
}
.prodet-page .prodet-1 .right .small img {
  opacity: .5;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.prodet-page .prodet-1 .right .small .slick-current img {
  opacity: 1;
}
.prodet-page .prodet-1 .right .m-link {
  color: #5c5c5c;
}
.prodet-page .prodet-2 {
  color: white;
  z-index: 1;
}
.prodet-page .prodet-2 .mask {
  position: absolute;
  width: 100%;
  height: 200%;
  top: -25%;
  z-index: -1;
}
.prodet-page .prodet-2 .mask i {
  background-color: rgba(255, 255, 255, 0.1);
  width: 2px;
  height: 100%;
}
.prodet-page .prodet-2 .table {
  padding: 3.5%;
  background-color: white;
  color: black;
}
.prodet-page .prodet-2 .table table {
  border: 0;
}
.prodet-page .prodet-2 .table table tr:nth-child(even) {
  background-color: #f4f4f4;
}
.prodet-page .prodet-2 .table table td {
  border: none;
  padding: .9em 2em;
}
.prodet-page .prodet-3 .text p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
/*.prodet-page .prodet-3 .text p:before {
  content: '';
  width: 0.41176471em;
  height: 0.41176471em;
  border-radius: 100%;
  background-color: var(--color);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: .7em;
  margin-right: 1.41176471em;
}*/
.prodet-page .prodet-4 {
  background-color: #f8f8f8;
}
.prodet-page .prodet-4 .list .box {
  background-color: white;
  padding: 5%;
}
.prodet-page .prodet-4 .list .box a.link {
  color: var(--color);
}
.prodet-page .prodet-4 .list .box a.link i {
  font-size: 1.5em;
}
.about-page .about-1 .left {
  position:sticky;
  top:25%;
}
.about-page .about-1 .text {
  color: #747474;
}
.about-page .about-1 .list span.h6 {
  line-height: 1;
  color: var(--color);
  font-weight: bold;
}
.about-page .about-1 .list p {
  color: #898782;
}
.about-page .about-2 {
  color: white;
}
.about-page .about-2 .box2 {
  padding: 10%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.about-page .about-2 .box2:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.25);
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
.about-page .about-3 .img {
  position: absolute;
  bottom: 105%;
  right: 60%;
}
.about-page .about-3 img.font-66 {
  width: 1em;
}
.about-page .about-3 .right li i {
  width: 1em;
  height: 1em;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  -webkit-filter: brightness(0);
  filter: brightness(0);
}
.about-page .about-3 .right li i img {
  max-width: 100%;
  max-height: 100%;
}
.about-page .about-3 .right li span.h6 {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.about-page .about-3 .right li:hover i {
  -webkit-filter: unset;
  filter: unset;
}
.about-page .about-3 .right li:hover span.h6 {
  color: var(--color);
}
.about-page .about-4 {
  background-color: #f8f9ff;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
.about-page .about-4 .img .play {
  width: 7.5em;
  height: 7.5em;
  letter-spacing: .25em;
  background-color: #f8f9ff;
  color: black;
  padding: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(30%, 30%);
  -moz-transform: translate(30%, 30%);
  -ms-transform: translate(30%, 30%);
  transform: translate(30%, 30%);
  border-radius: 100%;
}
.about-page .about-4 .img .play svg {
  fill: black;
}
.about-page .about-4 .img .play i {
  width: 2.75em;
  height: 2.75em;
  border-radius: 100%;
  background-color: #636466;
  color: white;
  left: 50%;
  top: 50%;
}
.about-page .about-4 .img .play i:before {
  -webkit-transform: translateX(10%);
  -moz-transform: translateX(10%);
  -ms-transform: translateX(10%);
  transform: translateX(10%);
}
.about-page .about-4 .text {
  color: #707070;
}
.sustainable-page .sustainable-1 .text {
  color: #747474;
}
.sustainable-page .sustainable-1 .img {
  min-height: 31.77083333vw;
  color: white;
  padding: 5% 7.5% 10%;
}
.sustainable-page .sustainable-1 .img .text {
  color: inherit;
}
.sustainable-page .sustainable-1 .img .play {
  position: absolute;
  right: 17.5%;
  bottom: 0;
  -webkit-transform: translate(0, 80%);
  -moz-transform: translate(0, 80%);
  -ms-transform: translate(0, 80%);
  transform: translate(0, 80%);
}
.sustainable-page .sustainable-1 span.h1 {
  line-height: 1;
  margin-top: auto;
  opacity: .05;
}
.sustainable-page .sustainable-2 .text {
  max-width: 710px;
  margin-left: auto;
  margin-right: auto;
}
.sustainable-page .sustainable-2 .list {
  z-index: 1;
}
.sustainable-page .sustainable-2 .list span.h1 {
  line-height: .8;
  opacity: .05;
  top: -2%;
  left: 0;
  z-index: -1;
}
.sustainable-page .sustainable-2 .list li {
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 8.5%;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.sustainable-page .sustainable-2 .list li i {
  width: 1em;
  height: 1em;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.sustainable-page .sustainable-2 .list li i img {
  max-width: 100%;
  max-height: 100%;
}
.sustainable-page .sustainable-2 .list li span.h6 {
  line-height: 1.2;
}
.sustainable-page .sustainable-2 .list li .text {
  color: #808080;
}
.sustainable-page .sustainable-2 .list li:hover {
  background-color: rgba(16, 145, 71, 0.9);
  color: white;
}
.sustainable-page .sustainable-2 .list li:hover i {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.sustainable-page .sustainable-2 .list li:hover .text {
  color: inherit;
}
.sustainable-page .sustainable-3 .list .right {
  padding: 0 6%;
}
.sustainable-page .sustainable-4 {
  background-color: #f7f7f7;
}
.sustainable-page .sustainable-4 .list {
  -webkit-filter: drop-shadow(0 16px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 16px 10px rgba(0, 0, 0, 0.2));
  overflow: hidden;
}
.sustainable-page .sustainable-4 .list .slick-list {
  overflow: unset;
}
.sustainable-page .sustainable-4 .list li img {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.sustainable-page .sustainable-4 .list li:hover img {
  -webkit-transform: translateY(-10%);
  -moz-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  transform: translateY(-10%);
}
.sustainable-page .sustainable-5 {
  color: white;
}
.sustainable-page .sustainable-5 .text {
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
}
.sustainable-page .sustainable-5 span.tag {
  color: inherit;
}
.innovation-page .innovation-1 {
  background-color: white;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center top;
}
.innovation-page .innovation-1:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: inherit;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.innovation-page .innovation-2 {
  background-color: #f6f7fc;
}
.innovation-page .innovation-2 .left .slickBtn {
  gap: 1em;
}
.innovation-page .innovation-2 .left .slickBtn div {
  width: 2em;
  height: 2em;
  border-radius: 100%;
  background-color: var(--color);
  color: white;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.innovation-page .innovation-2 .left .slickBtn div i {
  font-size: 1em;
}
.innovation-page .innovation-2 .left .slickBtn div:hover {
  background-color: black;
}
.innovation-page .innovation-2 .right ul {
  filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.05)) 
}
.innovation-page .innovation-2 .right li .box {
  padding: 15% 10% 0;
  background-color: white;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.innovation-page .innovation-2 .right li hr {
  width: 34px;
  height: 4px;
  background-color: var(--color);
  margin-left: 0;
  margin-right: auto;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.innovation-page .innovation-2 .right li .text {
  margin-bottom: auto;
}
.innovation-page .innovation-2 .right li .num {
  line-height: .7;
  opacity: .1;
  text-align: right;
  position: relative;
  right: -17%;
  bottom: 0;
}
.innovation-page .innovation-2 .right li .box:hover {
  background-color: var(--color);
  color: white;
}
.innovation-page .innovation-2 .right li .box:hover hr {
  background-color: white;
}
.innovation-page .innovation-3 {
      background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.innovation-page .innovation-3 .left {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}
.innovation-page .innovation-3 .right .list li {
  padding: 7.5% 6%;
  background-color: rgba(255, 255, 255, 0.2);
}
.innovation-page .innovation-4 .img {
  width: 130%;
}
.contact-page .contact-1 .share {
  line-height: 1;
}
.contact-page .contact-1 .box2 {
  background-color: white;
}
.contact-page .contact-1 .box2 .text {
  color: #858585;
}
.contact-page .contact-1 .box2 input,
.contact-page .contact-1 .box2 textarea {
  width: 100%;
  padding: .6em .8em;
  border-radius: 0.70588235em;
  border: none;
  background-color: #f7f7f7;
}
.contact-page .contact-1 .box2 textarea {
  height: 7.05882353em;
}
.contact-page .contact-1 .box2 button {
  height: 2.70588235em;
  padding: 0 2em;
  border: none;
}
.contact-page .contact-2 {
  background-color: #fcfcfc;
}
.contact-page .contact-2 span.icon {
  line-height: 1;
  color: var(--color);
}
.contact-page .contact-2 hr {
  background-color: #c1cbd5;
  position: relative;
  overflow: unset;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.contact-page .contact-2 hr:before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: inherit;
}
.contact-page .contact-2 span.h6 {
  line-height: 1.2;
}
.contact-page .contact-2 a.link {
  width: 2em;
  height: 2em;
  border-radius: 100%;
  border: 1px solid #efefef;
  background-color: white;
  margin-left: auto;
  position: relative;
  left: 4%;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.contact-page .contact-2 li {
  padding: 8% 4% 0;
  position: relative;
  z-index: 1;
}
.contact-page .contact-2 li:before {
  content: '';
  background-image: url("../images/contact-2-bg.png");
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.contact-page .contact-2 li:hover hr {
  background-color: var(--color);
}
.contact-page .contact-2 li:hover a.link {
  background-color: var(--color);
  color: white;
  border-color: var(--color);
}
.contact-page iframe {
  border: none;
}
.pack-page .pack-1 .nav a {
  background-color: #cacaca;
}
.pack-page .pack-1 .nav a.active {
  background-color: var(--color);
}
.pack-page .pack-1 span.h6 {
  color: var(--color);
}
.pack-page .pack-2 .list {
  padding: 0 14%;
  overflow: hidden;
  position: relative;
}
.pack-page .pack-2 .list .content {
  bottom: 0;
  left: 0;
  width: 100%;
  color: white;
  z-index: 1;
  padding: 5%;
  opacity: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.pack-page .pack-2 .list .content span.tag {
  color: inherit;
}
.pack-page .pack-2 .list .content span.h2 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.pack-page .pack-2 .list .slick-list {
  overflow: unset;
}
.pack-page .pack-2 .list li:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(43, 54, 37, 0.75);
  transition: .5s;
}
.pack-page .pack-2 .list .slick-slide li {
  -webkit-transform: scale(0.8) translateX(20%);
  -moz-transform: scale(0.8) translateX(20%);
  -ms-transform: scale(0.8) translateX(20%);
  transform: scale(0.8) translateX(20%);
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  transition: 1.5s;
  filter: blur(3px);
}
.pack-page .pack-2 .list .slick-slide.slick-current {
  z-index: 1;
}
.pack-page .pack-2 .list .slick-slide.slick-current.slick-slide li {
  -webkit-transform: scale(1) translateX(0) !important;
  -moz-transform: scale(1) translateX(0) !important;
  -ms-transform: scale(1) translateX(0) !important;
  transform: scale(1) translateX(0) !important;
  filter: unset;
}
.pack-page .pack-2 .list .slick-slide.slick-current li:before {
  opacity: 0;
}
.pack-page .pack-2 .list .slick-slide.slick-current li .content {
  opacity: 1;
}
.pack-page .pack-2 .list .slick-slide.slick-current + div li {
  -webkit-transform: scale(0.8) translateX(-20%);
  -moz-transform: scale(0.8) translateX(-20%);
  -ms-transform: scale(0.8) translateX(-20%);
  transform: scale(0.8) translateX(-20%);
}
.pack-page .pack-2 .list .slickBtn div {
  width: 14%;
  height: 100%;
  top: 0 !important;
  -webkit-transform: unset !important;
  -moz-transform: unset !important;
  -ms-transform: unset !important;
  transform: unset !important;
  background-color: transparent;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 20% 0;
}
.pack-page .pack-2 .list .slickBtn div.prev {
  left: 0;
  -webkit-writing-mode: sideways-rl;
  -ms-writing-mode: sideways-rl;
  writing-mode: sideways-rl;
}
.pack-page .pack-2 .list .slickBtn div.next {
  right: 0;
  left: auto !important;
  -webkit-writing-mode: sideways-lr;
  -ms-writing-mode: sideways-lr;
  writing-mode: sideways-lr;
}
.pack-page .pack-3 {
  background-color: #f8f8f8;
}
.pack-page .pack-3 .list .box {
  background-color: white;
  padding: 5%;
}
.pack-page .pack-3 .list .box a.link {
  color: var(--color);
}
.pack-page .pack-3 .list .box a.link i {
  font-size: 1.5em;
}
.pack-page .pack-4 {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.pack-page .pack-4 span.h6 {
  line-height: 1.2;
  color: var(--color);
}
.pack-page .pack-4 span.h6:before {
  content: '';
  width: 0.35em;
  height: 0.35em;
  background-color: var(--color);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 100%;
  margin-top: .4em;
}
.pack-page .pack-4 .text {
  color: #525252;
}
.pack-page .pack-4 .text strong {
  color: black;
}
.pack-page .pack-4 .left ul {
  grid-template-columns: 52% 44%;
  grid-auto-rows: auto;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
.pack-page .pack-4 .left li {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  align-self: start;
}
.pack-page .pack-4 .left li:nth-child(2) {
  grid-row: span 2;
  position: relative;
  -webkit-transform: translateY(25%);
  -moz-transform: translateY(25%);
  -ms-transform: translateY(25%);
  transform: translateY(25%);
}
.news-page time {
  color: #b4b4b4;
}
.news-page .text {
  color: #6c6c6c;
}
.news-page .list li {
  background-color: #f8f9ff;
  padding: 5%;
}
.newdet-page .m-link em {
  opacity: .5;
}
.newdet-page .form ul li:first-child {
  grid-column: span 3;
}
.newdet-page .form ul li label {
  display: block;
  color: #666;
  margin-bottom: 1em;
}
.newdet-page .form ul li input,
.newdet-page .form ul li textarea {
  width: 100%;
  padding: .5em;
  border: 1px solid #eee;
}
.newdet-page .form ul li textarea {
  height: 8em;
}
.newdet-page .form ul li button {
  border: none;
}
@media screen and (max-width: 1250px) {
  .sustainable-page .sustainable-1 .img {
    min-height: 40vw;
  }
  .innovation-page .innovation-4 .img {
    width: 100%;
  }
  .contact-page iframe {
    height: 38vw;
  }
}
@media screen and (max-width: 1000px) {
  .inner-banner {
    background-size: cover!important;
    background-attachment: unset!important;
  }

  .about-page .about-3 .img {
    display: none;
  }
  .about-page .about-2 .box2 {
    padding: 7%;
  }
  .innovation-page .innovation-3 .left {
    position: static;
  }
  .inner-page .sideBarBox .sideBarBottom .sideBarRight {
    display: none;
  }
  .pack-page .pack-4 .left li:nth-child(2) {
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }
  .product-page .product-box {
    height: 40vw;
  }
  .sustainable-page .sustainable-1 .img .play {
    right: 16.5%;
  }
  .play {
    width: 60px;
  }
  .sustainable-page .sustainable-3 .list .right {
    margin-bottom: 5%;
  }
}
@media screen and (max-width: 700px) {
  .sideBarTop {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .sideBarTop .left {
    width: 100%;
    margin-bottom: 5%;
  }
  .sideBarTop .right {
    width: 100%;
  }
  .inner-page .sideBarBox .sideBarTop form {
    width: 100%;
  }

  .newdet-page .form ul li:first-child {
    grid-column: span 1;
  }
  .newdet-page .form ul,
  .contact-page .contact-2 .list ul {
    grid-template-columns: 1fr;
  }
  .about-page .about-4 .img .play {
    width: 7em;
    height: 7em;
  }
  .about-page .about-1 .list ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .about-page .about-1 .list ul li {
    width: 48%;
  }
  .contact-page iframe,
  .product-page .product-box,
  .sustainable-page .sustainable-1 .img {
    height: 70vw;
  }
  .pack-page .pack-2 .list .content span.h2 {
    font-size: 16px;
  }
  .pack-page .pack-2 .list .slickBtn div {
    font-size: 14px;
  }
  .pack-page .pack-2 .list .slickBtn div i {
    font-size: 1em;
  }
  .product-page .product-box .content {
    max-width: 100%;
  }
  .sustainable-page .sustainable-1 .img .play {
    right: 12%;
  }
}


.inner-page .sideBarBox .sideBarBottom .sideBarRight .post ul li img{
      min-height: 75px;
    width: 100%;
    object-fit: cover;
}

.prodet-page.inner-page .prodet-1 .box .left ul li a img,
.prodet-page .prodet-1 .right .small .slick-current img {

}

.prodet-page .prodet-1 .right .small img{
      border: 1px solid #ccc;
}

@media (min-width:1001px) {
  .prodet-1 .box .left {
    position: sticky;
    top: 120px;
  }
}

.inner-page .sideBarBox .sideBarBottom .list ul li a.img-box {
    background-color: #f1f1f1;
}

.inner-page .sideBarBox .sideBarBottom .list ul li .img-box:hover img{
  /*-webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    transform: translate3d(10px, 5px, 15px);
    filter: drop-shadow(0.8rem 0.5rem 3px rgba(0,0,0,0.1));*/
}

.down {
    background: #fff;
    border-radius: 0.25em;
}

.ny-video {
    position: relative;
}
.ny-video .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
        z-index: 1;
}

.ny-video:after {
    content: "";
    position: absolute;
    background: rgba(0,0,0,.2);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.sideBarLeft .list dl dd .top .title {
    color: var(--color);
    font-weight: bold;
        text-transform: capitalize;
}


.shaixuan .cp {
    border: 1px solid var(--color);
    border-radius: 5px;
    color: var(--color);
    position: relative;
}
.shaixuan .cp ul {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: white;
  padding: 10px;
  display: none;
  color: black;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-top: 1px;
}
.shaixuan .cp:hover> ul {
  display: block;
}
.shaixuan .cp ul li a {
  padding: .5em 0;
  display: block;
  border-bottom: 1px solid #eee;
}
.shaixuan .cp ul li a:hover {
  border-color: var(--color);
}
.pack-page .pack-1 .ret {
  position: relative;
}
.pack-page .pack-1 .ret .left {
  position: sticky;
  top: 120px;
}


.prodet-page .prodet-2 .left .faqC{

}
.prodet-page .prodet-2 .left .faqC ul li .box .faqTitle{
    cursor: pointer;
    position: relative;
    background: #fff;
    border-radius: 5px;
    color: #000;
}
.prodet-page .prodet-2 .left .faqC ul li .box .faqContent{
    display: none;
}
.prodet-page .prodet-2 .left .faqC ul li .box .faqContent p{
  display: inline;
}
.prodet-page .prodet-2 .left .faqC ul li .box .faqTitle i{
  position: absolute;
  right: 20px;
}





/* new-header */

#header .nav .menu-menu-container>.menu>.menu-item.menu-about {
    position: unset !important;
    transform-style:unset !important;
    perspective:unset !important;
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transform: rotate3d(1,0,0,-90deg);
    -webkit-transform: rotate3d(1,0,0,-90deg);
    -moz-transform: rotate3d(1,0,0,-90deg);
    -ms-transform: rotate3d(1,0,0,-90deg);
    -o-transform: rotate3d(1,0,0,-90deg);
    transform-origin: top;
    opacity: 0;
    color: black;
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about:hover .menu-content {
    transform: rotate3d(0,0,0,-90deg);
    -webkit-transform: rotate3d(0,0,0,-90deg);
    -moz-transform: rotate3d(0,0,0,-90deg);
    -ms-transform: rotate3d(0,0,0,-90deg);
    -o-transform: rotate3d(0,0,0,-90deg);
    opacity: 1
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .container {
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.08)
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .one {
    width: 40%;
    padding: 0 15px
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .one .aboutTitle {

    color: #111;

    margin-bottom: 15px
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .one .aboutDesc {
    font-size: 14px;
    /*font-weight: 300;*/
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
    width: 80%
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .one .aboutMore {
    font-size: 14px;
    line-height: initial
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .one .aboutMore:hover {
    color: var(--color)
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .two {
    width: 30%;
    padding: 0 15px
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .two .link {
    margin-top: 16px
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .two .link:first-child {
    margin-top: 0
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .two .link a {
    padding: 0;
    margin: 0;
    font-size: 16px;
    display: inline-block;
    position: relative
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .two .link a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background-color: var(--color);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .two .link a:hover:before {
    width: 100%
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .three {
    width: 30%;
    padding: 0 15px
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .three img {
    width: 100%
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .three .shipingbiaoti {
    margin-top: 10px;
    font-size: 16px
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product {
    position: unset!important;
    transform-style:unset !important;
    perspective:unset !important;
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content {
    transform: rotate3d(1,0,0,-90deg);
    -webkit-transform: rotate3d(1,0,0,-90deg);
    -moz-transform: rotate3d(1,0,0,-90deg);
    -ms-transform: rotate3d(1,0,0,-90deg);
    -o-transform: rotate3d(1,0,0,-90deg);
    transform-origin: top;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.08);
    color: black;
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product:hover .menu-content {
    transform: rotate3d(0,0,0,-90deg);
    -webkit-transform: rotate3d(0,0,0,-90deg);
    -moz-transform: rotate3d(0,0,0,-90deg);
    -ms-transform: rotate3d(0,0,0,-90deg);
    -o-transform: rotate3d(0,0,0,-90deg);
    opacity: 1
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .left {
    /*width: 70%;
     border-right: 1px solid #ccc;*/
    position: relative;
   
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .left .left-nav-product {
    font-size: 14px;
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .left .left-nav-product .child-title {
    font-weight: 700;

    margin-bottom: 10px
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .left .left-nav-product .child-title:hover {
    color: var(--color)
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .left .left-nav-product .child-img {
    width: auto
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .left .left-nav-product ul {
    font-size: 15px
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .left .left-nav-product ul li {
    margin-top: 10px
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .left .left-nav-product ul li a:hover {
    color: var(--color);
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .right {
    width: 30%;
    padding: 0 23px 20px;
    font-size: 14px;
    top: 0;
    color: #333
}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .right ul li {

}
#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .container {
    background: #fff;
    padding: 40px 30px
}

#header .nav .menu-menu-container>.menu>.menu-item.menu-product .menu-content .right .child-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px
}
.t_1 {
  transition: .5s;
}

#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .news-one {
    width: 70%;
}

.contact-page .contact-1 span.tag {
    color: var(--color);
}

.about-page .about-14 .list li {
    border-bottom: 1px solid #eee;
}

.about-page .about-14 .list li span {
    line-height: 1;
    color: var(--color);
        font-weight: 700;
    margin-right: 20px;
}

.about-page .about-14 .box .left {
    position: sticky;
    top: 120px;
}






.history .content .historyBox ul li {
  height: 150px;
  margin-bottom: 15px;
  padding-right: 4px;
  overflow-y: auto;
}

.history .content .historyBox {
  max-width: 450px
}

.history .content .historyBox h4 {
    font-size: 30px;
    color: #000;
    font-weight: 500;
}

.history .content .historyBox p {
  font-size: 16px
}

.history .content .historyBox .arrow-l,
.history .content .historyBox .arrow-r {
  width: 30px;
  height: 30px;
  position: relative;
  margin-top: 0;
  background: 0 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 3rem;
  line-height: 30px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  margin-top: 1.5rem
}

.history .content .historyBox .arrow-l:hover,
.history .content .historyBox .arrow-r:hover {
  color: #d9b765
}

.history .content .historyBox .arrow-l {
  left: 0
}

.history .content .historyBox .arrow-r {
  right: 0
}

.history .content .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
      width: 40%;
}

.history .content .right .text {
  /*margin-left: 10%;*/
  position: absolute;
  color: #000;
  display: flex;
  align-items: center
}

.history .content .right .text h3 {
  font-size: 100px;
  color: #fed61e;
  margin-right: 10px
}

.history .content .right .text h5 {
  font-size: 4rem;
  line-height: 1;
  color: #000;
  font-weight: 700
}

.history .content .right .text h5 span {
  display: block;
  font-weight: 700
}


.historySideBar .historySideRight .list {
  position: relative;
}
.historySideBar .historySideRight .list ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.historySideBar .historySideRight .list ul li time {
font-size: 24px;
    color: var(--color);
    font-weight: bold;
    line-height: 1.2;
    width: 8%;
}
.historySideBar .historySideRight .list ul li .slide {
  padding-left: 30px;
  margin-left: 30px;
  padding-bottom: 30px;
  position: relative;
      width: 92%;
      align-items: flex-start;
}
.history .left p {
    line-height: 1.8;
        color: #7e7f81;
}
.historySideBar .historySideRight .list ul li .slide:before {
  content: '';
  width: 1px;
  height: 130%;
  position: absolute;
  left: 0;
  top: -15%;
  background: #e5e5e5;
}
.historySideBar .historySideRight .list ul li .slide:after {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 3px solid #e5e5e5;
  display: block;
  position: absolute;
  left: -7px;
  top: 5px;
  background: white;
  z-index: 1;
}
.historySideBar .historySideRight .list ul li .slide .text {
    font-size: 16px;
    color: #7e7f81;
    padding-left: 2em;
    padding-bottom: 20px;
    position: relative;
}
.historySideRight.column .text {
    width: 100%;
}
.historySideBar .historySideRight .list ul li .slide .text i.fa {
  position: absolute;
  left: 0;
  top: 3px;
  color: var(--color);
  font-size: 120%;
}

.history .left {
    width: 30% !important;
        position: sticky;
    top: 200px;
}

.history-1 .left {
    position: sticky;
    top: 150px;
}

@media (max-width:1000px) {
  .historySideBar .historySideRight .list ul li {
    flex-wrap: wrap;
  }

  .historySideBar .historySideRight .list ul li time {
    width: 25%;
  }

  .historySideBar .historySideRight .list ul li .slide {
    width: 75%;
    margin-left: 0;
  }


  .history-1 .left {
    position: static;
  }
}


/*设计-end*/

.distortion-hover {
  position: relative;
}
.distortion-hover canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1250px) {
  .inner-banner span.h2, .inner-page span.h2, .product-det-page .product-det-2 .right .prodet-content span.h3, .service-page .service-2 .list ul li .box span.h2,
  .product-page h1,
  .newdet-page .sideBarBox .sideBarRight h1{
    font-size: 24px;
  }
}
@media screen and (max-width: 1000px) {
  .about-page .about-1 .left {
    position: static;
  }
  .product-det-page .product-det-1 .left{
    position: initial;
  }
  .inner-page .flex .text{
    width: 100%;
  }
  .history{
    padding: 60px 0;
  }
  .history .left{
    width: 100% !important;
    padding: 0;
    position: initial;
  }
  .history .historySideBar{
    width: 100% !important;
    margin-top: 30px;
  }
  .inner-page.honor-page .box .left{
    width: 100%;
    position: initial;
  }
  .inner-page.honor-page .box .right{
    padding-left: 0;
    margin-top: 30px;
    width: 100%;
  }
  .inner-page.honor-page .box .right ul{
    margin: -15px;
  }
}
@media screen and (max-width: 700px) {
  .about-page .about-1, .about-page .about-2, .about-page .about-3, .about-page .about-4, .about-page .about-5 .box, .contact-page .contact-2, .type-page, .honor-page, .newdet-page, .news-page, .product-det-page .product-det-1, .product-page, .solutions-page .solutions-1, .solutions-page .solutions-2{
    padding: 30px 0;
  }
  .inner-page .m-page a, .inner-page .m-page span {
    margin: 0 .2em;
    width: 2.25em;
    height: 2.25em;
  }
  .product-det-page .product-det-2 .right .prodet-content .prodet-content-8 span.h3{
    margin-bottom: 1em;
  }
  .product-det-page .product-det-2{
    padding: 30px 0;
  }
  .about-page .about-1 .list ul{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .history{
    padding: 30px 0;
  }
  .inner-page.factory .box .left .text{
    padding-right: 0;
    line-height: 1.8;
  }
}
@media screen and (max-width: 500px) {
  .historySideBar .historySideRight .list ul li .slide .text{
    padding-left: 1em;
  }
  .historySideBar .historySideRight .list ul li .slide .text{
    font-size: 14px;
    line-height: 2;
    padding-bottom: 0;
  }
}


#header .nav .menu-menu-container>.menu>.menu-item.menu-about .menu-content .three .toubushiping img {
    height: 255px;
    width: 100%;
    object-fit: cover;
}







.history-2 .list .year span {
  font-size: 16vw;
  color: transparent;
  line-height: .8;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: -webkit-gradient(linear, left top, right top, from(#e79ea2), to(var(--color)));
  background-image: -webkit-linear-gradient(left, #e79ea2, var(--color));
  background-image: -moz-linear-gradient(left, #e79ea2, var(--color));
  background-image:linear-gradient(to right, #e79ea2, var(--color));
  text-indent: -0.05em;
}
.history-2 .list .year .img {
  max-width: 410px;
}
.history-2 .list .year .img img {
  border: 12px solid gray;
  /*border-radius: 12px;*/
  border-radius: 100%;
  background-color: gray;
}
.history-2 .list .text {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.history-2 .slickBtn div {
  width: 3em;
  height: 3em;
  background-image: -webkit-gradient(linear, left top, right top, from(#e79ea2), to(var(--color)));
  background-image: -webkit-linear-gradient(left, #e79ea2, var(--color));
  background-image: -moz-linear-gradient(left, #e79ea2, var(--color));
  background-image: linear-gradient(to right, #e79ea2, var(--color));
}
.history-2 hr {
  background-color: gray;
}
.history-2 .list2 {
  line-height: 1;
}
.history-2 .list2 ul {
  padding-right: 9%;
}
.history-2 .list2 li {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.history-2 .list2 li i {
  max-width: 3em;
  border-radius: 100%;
  margin-bottom: 3%;
  overflow: hidden;
  margin-top: -1.5em;
  transition: .5s;
  transform: scale(.7);
}
.history-2 .list2 .slick-slide {
  transition: .5s;
}
.history-2 .list2 .slick-slide.slick-cloned {
  opacity: 0;
}
.history-2 .list2 .slick-slide:not(.slick-active),
.history-2 .list2 .slick-slide:not(.slick-cloned).prev1[data-slick-index="20"] {
  opacity: 0;
}
.history-2 .list2 .slick-slide:not(.slick-cloned).prev1 {
  opacity: 1;
}
.history-2 .list2 .slick-slide.slick-current li i {
  transform: scale(1);
}
.history-2 .list2 .slick-slide.next1 li i {
  opacity: 0;
}
.history-2 .list2 .slick-list {
  overflow: unset;
}
.history-2 .list2 .slick-current li {
  opacity: 1;
      font-size: 36px;
}

.btns {
    text-align: center;
}

.btns a {
    background: var(--color);
    padding: 15px 20px;
    color: #fff;
    border-radius: 5px;
}


.faq-page{
  padding: 100px 0;
}
.faq-page .init-1 .container .list{
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #eee;
    background: #f8f8f8;
}
.faq-page .init-1 .container .list h4{
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}
.faq-page .init-1 .container .list .con {
    padding-top: 10px;
    border-top: 1px solid #eee;
    font-size: 17px;
    line-height: 1.8;
}





.pt-250 {
    padding-bottom: 250px
}

.pt-210 {
    padding-bottom: 210px
}


.home-1 .ret .item .box .img img {
    opacity: .7;
}

.home-1 .ret .item .box .img {
    background-color: #343434;
}


a.szfoot, a.szfoot1{
    font-size: 15px;
    opacity: 0.6;
    white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 400px;
display: inline-block;
}
h1.szh1 {
    display: inline;
}

.seoPublic .text a {
    color: inherit;
}
.font-16.txt-left.mt-15 {
     line-height: 30px;
    /*max-height: 150px;*/
    padding-right: 20px;
    margin-bottom: 30px;
    /*overflow: auto;*/
}
@media screen and (max-width: 700px){
span.h2.font-72.block.font-bold {
    font-size: 28px;
}
}
@media screen and (max-width: 700px){
.btns.mt-30 {
    margin-top: 30px;
}
}
@media screen and (max-width: 700px){
.font-20.text-hide-2.txt-center {
    line-height: 25px;
}
}
@media screen and (max-width: 700px){
.szfoot, .szfoot1 { 
    display: none !important;
}
}

@media screen and (max-width: 1400px){
.seoPublic .seoIndustry .text {
    overflow: auto;
    height: 400px;
}
}
.factory-1 .left {
      position: sticky;
    top: 120px;
}

/* ========================================================================== */
/* ZLINGCAR 2026-08-11 REQUIREMENT PATCH - APPENDED ONLY                      */
/* Homepage carousels / partner / fixed news lines / download / PSD detail    */
/* about difference / product sidebar                                         */
/* ========================================================================== */

/* 1. Home: three parallel Slick panels */
.zl-home-triple{background:#fff;}
.zl-home-triple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.zl-home-triple-card{position:relative;overflow:hidden;background:#eee;}
.zl-home-triple-card .slick{margin:0;}
.zl-triple-slide{position:relative;display:block;overflow:hidden;aspect-ratio:2.35/1;background:#eee;}
.zl-triple-slide img{width:100%;height:auto;display:block;transition:transform .5s ease;}
.zl-triple-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.38),rgba(0,0,0,0) 55%);}
.zl-triple-slide span{position:absolute;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);background:var(--color);color:#fff;padding:9px 22px;border-radius:4px;white-space:nowrap;font-size:14px;}
.zl-triple-slide:hover img{transform:scale(1.04);}
.zl-home-triple-card .slickBtn{position:absolute;z-index:5;left:12px;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;justify-content:space-between;}
.zl-home-triple-card .slickBtn>div{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.88);color:#333;cursor:pointer;pointer-events:auto;box-shadow:0 3px 14px rgba(0,0,0,.12);}

/* 2. Home: partner carousel */
.zl-partners{background:#f3f3f3;}
.zl-partner-list{padding:0 45px;}
.zl-partner-list .slick-list{margin:0 -12px;}
.zl-partner-list .slick-slide{padding:0 12px;}
.zl-partner-logo{height:110px;background:#fff;border:1px solid #e8e8e8;display:flex!important;align-items:center;justify-content:center;padding:20px;}
.zl-partner-logo img{display:block;max-width:88%;max-height:62px;width:auto!important;height:auto!important;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.3s;}
.zl-partner-logo:hover img{filter:none;opacity:1;}
.zl-partner-list>.slickBtn>div{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12);cursor:pointer;z-index:3;}
.zl-partner-list>.slickBtn .prev{left:0;}.zl-partner-list>.slickBtn .next{right:0;}

/* 3. Home News: exact title/content line boxes */
#index-body .init-7 .list .box>span.h6{line-height:1.38!important;height:4.14em!important;min-height:4.14em!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
#index-body .init-7 .list .box>.text{line-height:1.55!important;height:6.2em!important;min-height:6.2em!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
#index-body .init-7 .list .box>.text p{margin:0;}

/* 4. Download page */
.zl-download-banner{background-position:center!important;}
.zl-download-head{max-width:900px;margin:0 auto;}
.zl-download-head p{color:#666;line-height:1.7;}
.zl-download-list ul{align-items:stretch;}
.zl-download-card{background:#fff;border:1px solid #e8e8e8;box-shadow:0 8px 28px rgba(0,0,0,.05);display:flex;flex-direction:column;}
.zl-download-card>.img-box{aspect-ratio:1.55/1;background:#f3f3f3;}
.zl-download-card>.img-box img{width:100%;height:100%;object-fit:cover;}
.zl-download-card-body{padding:24px;display:flex;flex:1;flex-direction:column;align-items:flex-start;}
.zl-download-card-body p{color:#666;line-height:1.55;}
.zl-download-card-body .more{margin-top:auto;border:0;cursor:pointer;}
.zl-download-unavailable{color:#999;margin-top:auto;}
.zl-download-modal{position:fixed;z-index:100000;inset:0;display:none;align-items:center;justify-content:center;padding:24px;}
.zl-download-modal.is-open{display:flex;}
.zl-download-modal-mask{position:absolute;inset:0;background:rgba(0,0,0,.62);}
.zl-download-dialog{position:relative;z-index:2;background:#fff;width:min(620px,100%);max-height:90vh;overflow:auto;padding:38px 42px;border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,.28);}
.zl-download-dialog>p{color:#666;line-height:1.6;}
.zl-download-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:32px;line-height:1;cursor:pointer;color:#555;}
.zl-download-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;}
.zl-download-fields label{display:block;font-size:14px;font-weight:600;}
.zl-download-fields label span{display:block;margin-bottom:7px;}
.zl-download-fields input{width:100%;height:48px;border:1px solid #d8d8d8;border-radius:4px;padding:0 13px;background:#fff;}
.zl-download-submit{border:0;cursor:pointer;}
.zl-download-form-msg{min-height:20px;color:#c9000f;}
body.zl-modal-open{overflow:hidden;}

/* 5. PSD product detail */
.zl-product-breadcrumb{background:#e9e9e9;padding:15px 0;color:#888;}
.zl-product-breadcrumb a{color:#777;}
.zl-product-detail-page{background:#f3f7fb!important;}
.zl-product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:start;}
.zl-product-gallery-main{background:#fff;}
.zl-product-gallery-main .img-box{display:block;aspect-ratio:1/1;}
.zl-product-gallery-main .img-box img{width:100%;height:100%;object-fit:contain;}
.zl-product-gallery-thumbs{max-width:360px;}
.zl-product-gallery-thumbs .slick-list{margin:0 -6px;}
.zl-product-gallery-thumbs .slick-slide{padding:0 6px;}
.zl-product-gallery-thumbs .img-box{display:block;aspect-ratio:1.2/1;background:#fff;border:1px solid #d7d7d7;cursor:pointer;}
.zl-product-gallery-thumbs .img-box img{width:100%;height:100%;object-fit:contain;opacity:.7;}
.zl-product-gallery-thumbs .slick-current .img-box{border-color:var(--color);}.zl-product-gallery-thumbs .slick-current img{opacity:1;}
.zl-product-summary h1{line-height:1.2;}
.zl-product-intro,.zl-product-original-meta{line-height:1.6;color:#303030;}
.zl-product-info h2,.zl-oem h2{color:var(--color);}
.zl-product-info dl{margin:10px 0 0;}
.zl-product-info dl>div{display:grid;grid-template-columns:34% 66%;border-bottom:1px solid #d9dde1;padding:10px 8px;}
.zl-product-info dt{font-weight:700;}.zl-product-info dd{margin:0;font-weight:600;}
.zl-oem p{line-height:1.65;}
.zl-product-anchor-nav{position:relative;top:auto;z-index:2;background:#c9000f;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.zl-product-anchor-nav ul{gap:0;}
.zl-product-anchor-nav a{display:block;color:#fff;padding:14px 25px;font-size:16px;transition:.25s;}
.zl-product-anchor-nav a:hover{background:rgba(255,255,255,.12);}
.zl-compare{background:#fff;}
.zl-compare h2{color:#c9000f;}
.zl-compare-product-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;padding-left:145px;}
.zl-compare-product{display:block;text-align:center;color:#333;min-width:0;}
.zl-compare-product img{width:100%;aspect-ratio:1.25/1;object-fit:contain;display:block;}
.zl-compare-product span{display:none;}
.zl-compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.zl-compare-table{width:100%;min-width:1080px;border-collapse:collapse;table-layout:fixed;font-size:14px;}
.zl-compare-table th,.zl-compare-table td{border:1px solid #cfd3d8;text-align:center;padding:14px 10px;vertical-align:middle;line-height:1.3;}
.zl-compare-table thead th{font-weight:500;color:#b39a57;background:#fff;}
.zl-compare-table thead th:first-child,.zl-compare-table tbody th{width:145px;}
.zl-compare-table tbody th{font-weight:700;background:#d9dee8;color:#233044;}
.zl-compare-table tbody tr:nth-child(even) td{background:#ece9eb;}
.zl-compare-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding-left:145px;margin-top:25px;}
.zl-compare-actions .more{justify-self:center;color:#fff;background:#c9000f;border-radius:4px;white-space:nowrap;width:135px;height:43px;line-height: 43px;text-align: center;font-size: 18px;}
.zl-product-parameters{background:#f3f7fb;}
.zl-parameter-card{background:#fff;padding:30px;border:1px solid #e2e6ea;overflow:auto;}
.zl-parameter-card table{width:100%!important;max-width:100%;border-collapse:collapse;}
.zl-parameter-card td,.zl-parameter-card th{padding:10px;border:1px solid #e2e2e2;}
.zl-industry-advantages{background:#c9000f;color:#fff;}
.zl-advantage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;}
.zl-advantage-grid article img{display:block;width:100%;aspect-ratio:1.65/1;object-fit:cover;background:#fff;}
.zl-advantage-grid article p{line-height:1.65;color:rgba(255,255,255,.88);}
.zl-dark-cta{display:inline-flex;background:#131313;color:#fff;padding:14px 30px;font-size:16px;border-radius:3px;}
.zl-product-faq{background:#fff;}
.zl-faq-list{max-width:950px;margin:0 auto;}
.zl-faq-list li{border-bottom:1px solid #e7e7e7;}
.zl-faq-list .faqTitle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;font-weight:600;}
.zl-faq-list .faqTitle i{font-style:normal;font-size:25px;color:#c9000f;}
.zl-faq-list .faqContent{display:none;padding:0 0 20px;color:#666;line-height:1.65;}
.zl-product-feedback{background:#f5f5f5;}

/* 6. About - Difference */
.zl-difference{background:#f6f6f4;}
.zl-difference-head{max-width:900px;margin:0 auto;}
.zl-difference-kicker{color:var(--color);letter-spacing:.12em;}
.zl-difference-head p{color:#666;line-height:1.7;}
.zl-difference-row{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;background:#fff;}
.zl-difference-row.zl-reverse{grid-template-columns:.92fr 1.08fr;}
.zl-difference-row.zl-reverse .zl-difference-media{order:2;}.zl-difference-row.zl-reverse .zl-difference-copy{order:1;}
.zl-difference-media img{display:block;width:100%;min-height:390px;height:100%;object-fit:cover;}
.zl-difference-copy{padding:45px 50px;}
.zl-difference-index{display:block;color:var(--color);font-size:14px;font-weight:700;letter-spacing:.16em;margin-bottom:10px;}
.zl-difference-copy>p{color:#666;line-height:1.7;}
.zl-difference-copy ul{padding-left:20px;color:#333;line-height:1.7;}
.zl-difference-copy li{list-style:disc;margin:7px 0;}

/* 7. Product category sidebar */
.zl-side-recommended,.zl-side-contact{border-top:1px solid #dedede;padding-top:25px;}
.zl-side-recommended li{margin-bottom:22px;}
.zl-side-recommended .img-box{display:block;background:#fff;overflow:hidden;border:1px solid #eee;}
.zl-side-recommended .img-box img{width:100%;height:auto;}
.zl-side-product-title{display:block;margin-top:9px;line-height:1.4;}
.zl-side-contact{background:#fff;padding:24px;border:1px solid #e8e8e8;}
.zl-side-contact p{line-height:1.55;color:#555;word-break:break-word;}
.zl-side-contact a:not(.more){color:inherit;}

@media screen and (max-width:1250px){
  .zl-compare-product-row,.zl-compare-actions{padding-left:125px;}
  .zl-compare-table thead th:first-child,.zl-compare-table tbody th{width:125px;}
}
@media screen and (max-width:1000px){
  .zl-home-triple-grid{grid-template-columns:1fr;gap:12px;}
  .zl-triple-slide{aspect-ratio:2.1/1;}
  .zl-product-hero-grid{grid-template-columns:1fr;gap:35px;}
  .zl-product-gallery-thumbs{max-width:100%;}
  .zl-product-anchor-nav{position:relative;top:auto;overflow-x:auto;}
  .zl-product-anchor-nav ul{flex-wrap:nowrap!important;justify-content:flex-start!important;min-width:max-content;}
  .zl-compare-product-row{min-width:1080px;padding-left:125px;}
  .zl-compare-actions{min-width:1080px;padding-left:125px;}
  .zl-compare-product-row,.zl-compare-actions{grid-template-columns:repeat(6,1fr);}
  .zl-advantage-grid{grid-template-columns:1fr;}
  .zl-advantage-grid article{max-width:650px;margin:0 auto;text-align:center;}
  .zl-difference-row,.zl-difference-row.zl-reverse{grid-template-columns:1fr;gap:0;}
  .zl-difference-row.zl-reverse .zl-difference-media,.zl-difference-row.zl-reverse .zl-difference-copy{order:initial;}
  .zl-difference-media img{min-height:0;aspect-ratio:1.7/1;}
  .product-page .sideBarRight .zl-side-recommended,.product-page .sideBarRight .zl-side-contact{display:none;}
}
@media screen and (max-width:700px){
  .zl-home-triple{padding-top:15px!important;padding-bottom:15px!important;}
  .zl-home-triple .ui.container{width:100%!important;padding-left:12px!important;padding-right:12px!important;}
  .zl-triple-slide span{font-size:13px;padding:7px 15px;bottom:12px;}
  .zl-partner-list{padding:0 30px;}
  .zl-partner-logo{height:86px;padding:14px;}
  .zl-download-fields{grid-template-columns:1fr;}
  .zl-download-dialog{padding:32px 22px;}
  .zl-download-list ul{grid-template-columns:1fr!important;}
  .zl-product-hero{padding-top:45px!important;padding-bottom:45px!important;}
  .zl-product-info dl>div{grid-template-columns:1fr;gap:5px;padding:11px 0;}
  .zl-product-anchor-nav a{padding:13px 18px;font-size:14px;}
  .zl-compare{padding-top:45px!important;padding-bottom:55px!important;}
  .zl-difference-copy{padding:30px 24px;}
  .zl-difference{padding-top:60px!important;padding-bottom:65px!important;}
}

.zl-compare-head-link{color:#333;display:block;line-height:1.3;font-weight:600;}


/* ========================================================================== */
/* ZLINGCAR 2026-08-11 LIVE REFINEMENT PATCH V2 - APPENDED ONLY              */
/* Live audit fixes: compare alignment + PSD full-width CTA + sidebar polish. */
/* ========================================================================== */

/* The reference table uses a 15% row-label column and six equal model columns
   in the remaining 85%. Reuse that exact split for the model images and CTA
   row so every Contact Us button sits directly under its own model column. */
.zl-compare-table thead th:first-child,
.zl-compare-table tbody th{
  width:15%!important;
}
.zl-compare-product-row,
.zl-compare-actions{
  padding-left:0!important;
  margin-left:15%!important;
  width:85%!important;
  box-sizing:border-box;
}

/* Match the PSD: discovery CTA is one full-width black bar under all 3 cards. */
.zl-industry-advantages .txt-center.mt-40{
  display:block;
  width:100%;
}
.zl-industry-advantages .zl-dark-cta{
  display:flex!important;
  width:100%!important;
  min-height:50px;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  text-align:center;
}

/* Give transparent/white recommendation artwork a consistent card surface. */
.zl-side-recommended .img-box{
  background:#f7f7f7;
}

@media screen and (max-width:1000px){
  /* Comparison table is 1080px in horizontal-scroll mode: 15%=162, 85%=918. */
  .zl-compare-product-row,
  .zl-compare-actions{
    padding-left:0!important;
    margin-left:162px!important;
    width:918px!important;
    min-width:918px!important;
  }
}

@media screen and (max-width:700px){
  .zl-industry-advantages .zl-dark-cta{
    min-height:48px;
    padding:12px 16px;
    font-size:14px;
  }
}

/* ========================================================================== */
/* ZLINGCAR 2026-08-11 PRODUCT DETAIL PSD EXACT PATCH V3 - APPENDED ONLY      */
/* Basis: supplied 1920x5917 PSD/JPG export + live detail page re-audit.       */
/* ========================================================================== */

/* Shared PSD palette */
.zl-product-detail-page{background:#f7faff!important;}
.zl-product-detail-page .zl-product-hero,
.zl-product-breadcrumb{background:#f7faff!important;}
.zl-product-breadcrumb{height:50px!important;padding:0!important;display:flex;align-items:center;color:#8c8c8c!important;}
.zl-product-breadcrumb>.ui.container{width:1520px!important;max-width:calc(100% - 60px)!important;padding:0!important;}
.zl-product-breadcrumb .mbx{font-size:13px!important;line-height:50px!important;}

/* -------------------------------------------------------------------------- */
/* HERO: PSD 1920 desktop = 745px white image, 3 x 119px thumbs, right data.   */
/* -------------------------------------------------------------------------- */
.zl-product-detail-page .zl-product-hero{padding:70px 0 91px!important;}
.zl-product-detail-page .zl-product-hero>.ui.container{width:1520px!important;max-width:calc(100% - 60px)!important;padding:0!important;}
.zl-product-detail-page .zl-product-hero-grid{
  display:grid!important;
  grid-template-columns:745px minmax(0,1fr)!important;
  gap:64px!important;
  align-items:start!important;
}
.zl-product-detail-page .zl-product-gallery-main{width:745px!important;height:745px!important;background:#fff!important;overflow:hidden!important;}
.zl-product-detail-page .zl-product-gallery-main ul,
.zl-product-detail-page .zl-product-gallery-main .slick-list,
.zl-product-detail-page .zl-product-gallery-main .slick-track,
.zl-product-detail-page .zl-product-gallery-main li,
.zl-product-detail-page .zl-product-gallery-main .img-box{height:745px!important;}
.zl-product-detail-page .zl-product-gallery-main .img-box{aspect-ratio:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.zl-product-detail-page .zl-product-gallery-main .img-box img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;}
.zl-product-detail-page .zl-product-gallery-thumbs{width:420px!important;max-width:none!important;margin-top:37px!important;}
.zl-product-detail-page .zl-product-gallery-thumbs .slick-list{margin:0!important;}
.zl-product-detail-page .zl-product-gallery-thumbs .slick-track{margin-left:0!important;}
.zl-product-detail-page .zl-product-gallery-thumbs .slick-slide{padding:0!important;margin-right:21px!important;}
.zl-product-detail-page .zl-product-gallery-thumbs .img-box{width:119px!important;height:119px!important;aspect-ratio:auto!important;border:1px solid #d8d8d8!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.zl-product-detail-page .zl-product-gallery-thumbs .img-box img{width:100%!important;height:100%!important;object-fit:contain!important;opacity:1!important;transform:none!important;}

.zl-product-detail-page .zl-product-summary{padding-top:16px!important;min-width:0!important;}
.zl-product-detail-page .zl-product-summary h1{font-size:36px!important;line-height:1.18!important;font-weight:700!important;margin:0 0 24px!important;color:#000!important;}
.zl-product-detail-page .zl-product-intro{
  font-size:16px!important;line-height:1.6!important;color:#171717!important;margin:0!important;
  display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;
  max-height:102px!important;overflow:hidden!important;
}
.zl-product-detail-page .zl-product-intro *{display:inline!important;margin:0!important;padding:0!important;font:inherit!important;color:inherit!important;}
.zl-product-detail-page .zl-product-info{margin-top:31px!important;}
.zl-product-detail-page .zl-product-info h2,
.zl-product-detail-page .zl-oem h2{font-size:25px!important;line-height:1.2!important;font-weight:700!important;color:#c11c1c!important;margin:0!important;}
.zl-product-detail-page .zl-product-info dl{margin:22px 0 0!important;}
.zl-product-detail-page .zl-product-info dl>div{
  display:block!important;grid-template-columns:42.5% 57.5%!important;
  min-height:46px!important;padding:10px 8px!important;border-bottom:1px solid #d2d7dd!important;align-items:center!important;
font-size:16px!important;line-height:1.45!important;font-weight:700!important;color:#111!important;}}
.zl-product-detail-page .zl-product-info dt,
.zl-product-detail-page .zl-product-info dd{font-size:16px!important;line-height:1.45!important;font-weight:700!important;color:#111!important;}
.zl-product-detail-page .zl-product-info dd{margin:0!important;}
.zl-product-detail-page .zl-oem{margin-top:44px!important;}
.zl-product-detail-page .zl-oem p{font-size:15px!important;line-height:1.62!important;margin:20px 0 0!important;color:#111!important;}
.zl-product-detail-page .zl-product-hero-actions{display:flex!important;gap:34px!important;margin-top:56px!important;align-items:center!important;}
.zl-product-detail-page .zl-product-hero-actions .more{display:flex!important;align-items:center!important;justify-content:center!important;min-width:175px!important;height:52px!important;padding:0 24px!important;background:#c11c1c!important;color:#fff!important;border-radius:5px!important;font-size:18px!important;line-height:1!important;}

/* -------------------------------------------------------------------------- */
/* 50px red anchor bar exactly between hero and model comparison.             */
/* -------------------------------------------------------------------------- */
.zl-product-detail-page .zl-product-anchor-nav{height:50px!important;background:#c11c1c!important;box-shadow:none!important;position:relative!important;top:auto!important;}
.zl-product-detail-page .zl-product-anchor-nav>.ui.container{width:1520px!important;max-width:calc(100% - 60px)!important;padding:0!important;height:50px!important;}
.zl-product-detail-page .zl-product-anchor-nav ul{height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;flex-wrap:nowrap!important;}
.zl-product-detail-page .zl-product-anchor-nav a{display:flex!important;align-items:center!important;height:50px!important;padding:0 31px!important;font-size:16px!important;color:#fff!important;line-height:1!important;background:none!important;}

/* -------------------------------------------------------------------------- */
/* MODEL COMPARISON: PSD outer width 1680px; label col 13.25% + six columns.   */
/* -------------------------------------------------------------------------- */
.zl-product-detail-page .zl-compare{background:#fff!important;padding:71px 0 86px!important;}
.zl-product-detail-page .zl-compare h2{font-size:36px!important;line-height:1.2!important;font-weight:700!important;color:#c11c1c!important;text-align:center!important;margin:0!important;}
.zl-product-detail-page .zl-compare-product-row{
  display:grid!important;grid-template-columns:13.25% repeat(6,minmax(0,1fr))!important;
  gap:0!important;width:100%!important;min-width:0!important;margin:76px 0 18px!important;padding:0!important;align-items:end!important;
}
.zl-product-detail-page .zl-compare-spacer{display:block!important;}
.zl-product-detail-page .zl-compare-product{display:flex!important;align-items:flex-end!important;justify-content:center!important;height:208px!important;padding:0 16px!important;}
.zl-product-detail-page .zl-compare-product img{display:block!important;width:100%!important;height:100%!important;max-height:208px!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important;}
.zl-product-detail-page .zl-compare-scroll{overflow:visible!important;margin:0!important;}
.zl-product-detail-page .zl-compare-table{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;margin:0!important;font-size:14px!important;}
.zl-product-detail-page .zl-compare-table tbody{display:table-row-group!important;min-width:0!important;width:auto!important;white-space:normal!important;}
.zl-product-detail-page .zl-compare-table thead{display:table-header-group!important;}
.zl-product-detail-page .zl-compare-table tr{display:table-row!important;background:transparent!important;}
.zl-product-detail-page .zl-compare-table th,
.zl-product-detail-page .zl-compare-table td{display:table-cell!important;width:auto!important;height:auto!important;border:1px solid #c9ced5!important;text-align:center!important;vertical-align:middle!important;padding:12px 10px!important;line-height:1.28!important;color:#111!important;background:#fff!important;}
.zl-product-detail-page .zl-compare-table thead th{height:51px!important;font-weight:400!important;color:#b6924c!important;background:#fff!important;font-size:15px!important;}
.zl-product-detail-page .zl-compare-table thead th:first-child,
.zl-product-detail-page .zl-compare-table tbody th{width:13.25%!important;}
.zl-product-detail-page .zl-compare-table tbody th{font-weight:700!important;background:#d7dce5!important;color:#233044!important;font-size:15px!important;}
.zl-product-detail-page .zl-compare-table tbody tr:nth-child(even) td{background:#ece8e8!important;}
.zl-product-detail-page .zl-compare-table tbody tr:nth-child(odd) td{background:#fff!important;}
.zl-product-detail-page .zl-compare-table tbody tr:nth-child(1) th,
.zl-product-detail-page .zl-compare-table tbody tr:nth-child(2) th,
.zl-product-detail-page .zl-compare-table tbody tr:nth-child(3) th,
.zl-product-detail-page .zl-compare-table tbody tr:nth-child(4) th,
.zl-product-detail-page .zl-compare-table tbody tr:nth-child(5) th{background:#d7dce5!important;}
.zl-product-detail-page .zl-compare-actions{
  display:grid!important;grid-template-columns:13.25% repeat(6,minmax(0,1fr))!important;
  gap:0!important;width:100%!important;min-width:0!important;margin:34px 0 0!important;padding:0!important;
}
.zl-product-detail-page .zl-compare-actions .more{justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:132px!important;height:45px!important;padding:0 20px!important;border-radius:5px!important;background:#c11c1c!important;color:#fff!important;font-size:16px!important;line-height:1!important;}

/* -------------------------------------------------------------------------- */
/* ADVANTAGES: exact PSD red, 1488px content, three identical welding images. */
/* -------------------------------------------------------------------------- */
.zl-product-detail-page .zl-industry-advantages{background:#c11c1c!important;color:#fff!important;padding:73px 0 96px!important;}
.zl-product-detail-page .zl-industry-advantages>.ui.container{width:1488px!important;max-width:calc(100% - 60px)!important;padding:0!important;}
.zl-product-detail-page .zl-industry-advantages h2{font-size:36px!important;line-height:1.2!important;font-weight:700!important;text-align:center!important;color:#fff!important;margin:0!important;}
.zl-product-detail-page .zl-advantage-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:52px!important;margin-top:61px!important;}
.zl-product-detail-page .zl-advantage-grid article{margin:0!important;max-width:none!important;text-align:left!important;}
.zl-product-detail-page .zl-advantage-grid article img{display:block!important;width:100%!important;height:271px!important;aspect-ratio:auto!important;object-fit:cover!important;background:#fff!important;transform:none!important;}
.zl-product-detail-page .zl-advantage-grid article p{font-size:16px!important;line-height:1.55!important;font-weight:600!important;color:#fff!important;margin:46px 0 0!important;min-height:147px!important;}
.zl-product-detail-page .zl-dark-cta{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:60px!important;min-height:60px!important;margin:62px 0 0!important;padding:0 20px!important;background:#050505!important;color:#fff!important;border-radius:4px!important;font-size:20px!important;line-height:1!important;text-align:center!important;}

/* -------------------------------------------------------------------------- */
/* FEEDBACK / RELATED / ABOUT / NEWS: force PSD order, scale and backgrounds. */
/* -------------------------------------------------------------------------- */
.zl-product-detail-page .zl-product-feedback{background:#fafafa!important;}
.zl-product-detail-page .zl-product-feedback>.Auxil-form{padding:103px 0 72px!important;background:#fafafa!important;}
.zl-product-detail-page .zl-product-feedback .title2{font-size:36px!important;line-height:1.2!important;font-weight:700!important;margin:0 0 57px!important;}
.zl-product-detail-page .zl-product-feedback .form ul{margin:-10px!important;}
.zl-product-detail-page .zl-product-feedback .form ul li{padding:10px!important;}
.zl-product-detail-page .zl-product-feedback input:not([type="submit"]),
.zl-product-detail-page .zl-product-feedback textarea{height:47px!important;background:#fff!important;border:1px solid #e6e6e6!important;font-size:16px!important;padding:8px 15px!important;}
.zl-product-detail-page .zl-product-feedback textarea{height:107px!important;}
.zl-product-detail-page .zl-product-feedback input[type="submit"]{height:45px!important;padding:0 25px!important;background:#c11c1c!important;color:#fff!important;border:0!important;font-size:16px!important;}

.zl-product-detail-page .zl-related-products{background:#f8f8f8!important;padding:76px 0 95px!important;}
.zl-product-detail-page .zl-related-products .tag{display:block!important;font-size:16px!important;line-height:1.2!important;margin:0 0 17px!important;}
.zl-product-detail-page .zl-related-products .h2{display:block!important;font-size:36px!important;line-height:1.2!important;font-weight:700!important;margin:0!important;}
.zl-product-detail-page .zl-related-products .list{margin-top:64px!important;}
.zl-product-detail-page .zl-related-products .list>ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:50px!important;margin:0!important;}
.zl-product-detail-page .zl-related-products .list>ul>li{width:auto!important;padding:0!important;}
.zl-product-detail-page .zl-related-products .list .box{height:230px!important;padding:27px!important;border-radius:14px!important;background:#fff!important;}
.zl-product-detail-page .zl-related-products .content .h6{font-size:21px!important;line-height:1.45!important;margin:0 0 48px!important;}
.zl-product-detail-page .zl-related-products .content .link{font-size:16px!important;color:#c11c1c!important;}
.zl-product-detail-page .zl-related-products .img-box{height:175px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.zl-product-detail-page .zl-related-products .img-box img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important;}

.zl-product-detail-page .zl-detail-seo>.Auxil-about{background:#fafafa!important;padding:72px 0 80px!important;}
.zl-product-detail-page .zl-detail-seo>.Auxil-news{background:#f7faff!important;padding:76px 0 72px!important;}
.zl-product-detail-page .zl-detail-seo .title2{font-size:36px!important;line-height:1.2!important;font-weight:700!important;margin:0 0 61px!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-about .box{min-height:500px!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-about .box .left{width:40%!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-about .box .right{width:60%!important;padding-left:5%!important;padding-top:18px!important;padding-bottom:18px!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-about .box .right .h3{font-size:22px!important;margin-bottom:24px!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-about .box .right .text{font-size:15px!important;line-height:1.78!important;max-height:410px!important;overflow:auto!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-news .list ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:54px!important;margin:0!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-news .list ul li{width:auto!important;padding:0!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-news .list ul li .content{margin-top:0!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-news .list ul li .content div.h6{font-size:19px!important;line-height:1.4!important;min-height:54px!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-news .list ul li .content time{font-size:13px!important;margin-top:10px!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-news .list ul li .content p{font-size:15px!important;line-height:1.35!important;margin:17px 0!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;}
.zl-product-detail-page .zl-detail-seo .Auxil-news .list ul li .content a.link{font-size:14px!important;}

/* -------------------------------------------------------------------------- */
/* One FAQ teaser before footer, as in PSD (not the previous full FAQ block). */
/* -------------------------------------------------------------------------- */
.zl-product-detail-page .zl-detail-faq-strip{background:#c11c1c!important;color:#fff!important;padding:58px 0 38px!important;min-height:276px!important;}
.zl-product-detail-page .zl-detail-faq-card{background:#c61d1d!important;padding:28px 24px 31px!important;min-height:160px!important;}
.zl-product-detail-page .zl-detail-faq-q{font-size:16px!important;line-height:1.45!important;font-weight:700!important;color:#fff!important;margin-bottom:31px!important;}
.zl-product-detail-page .zl-detail-faq-a{font-size:15px!important;line-height:1.75!important;color:#fff!important;}
.zl-product-detail-page .zl-detail-faq-a p{margin:0!important;}

/* Hide obsolete V1/V2 blocks if stale template cache briefly serves them. */
.zl-product-detail-page .zl-product-parameters,
.zl-product-detail-page .zl-product-faq{display:none!important;}
.zl-product-detail-page .zl-product-info dl>div tbody{
    min-width: auto!important;
  }
/* Desktop interpolation between the 1920 PSD and the site's 1250 mobile switch. */
@media screen and (max-width:1700px){
  .zl-product-detail-page .zl-product-hero-grid{grid-template-columns:minmax(0,49%) minmax(0,1fr)!important;gap:48px!important;}
  .zl-product-detail-page .zl-product-gallery-main{width:100%!important;height:auto!important;aspect-ratio:1/1!important;}
  .zl-product-detail-page .zl-product-gallery-main ul,
  .zl-product-detail-page .zl-product-gallery-main .slick-list,
  .zl-product-detail-page .zl-product-gallery-main .slick-track,
  .zl-product-detail-page .zl-product-gallery-main li,
  .zl-product-detail-page .zl-product-gallery-main .img-box{height:100%!important;}
  .zl-product-detail-page .zl-product-gallery-thumbs{width:390px!important;}
  .zl-product-detail-page .zl-product-gallery-thumbs .img-box{width:110px!important;height:110px!important;}
  .zl-product-detail-page .zl-advantage-grid article img{height:auto!important;aspect-ratio:460/271!important;}
}

@media screen and (max-width:1250px){
  .zl-product-breadcrumb>.ui.container,
  .zl-product-detail-page .zl-product-hero>.ui.container,
  .zl-product-detail-page .zl-product-anchor-nav>.ui.container,
  .zl-product-detail-page .zl-compare>.ui.container,
  .zl-product-detail-page .zl-industry-advantages>.ui.container,
  .zl-product-detail-page .zl-product-feedback .ui.container,
  .zl-product-detail-page .zl-related-products>.ui.container,
  .zl-product-detail-page .zl-detail-seo .ui.container,
  .zl-product-detail-page .zl-detail-faq-strip>.ui.container{max-width:calc(100% - 40px)!important;}
  .zl-product-detail-page .zl-product-summary h1{font-size:31px!important;}
  .zl-product-detail-page .zl-product-info h2,.zl-product-detail-page .zl-oem h2{font-size:22px!important;}
  .zl-product-detail-page .zl-compare h2,.zl-product-detail-page .zl-industry-advantages h2{font-size:31px!important;}
  .zl-product-detail-page .zl-compare-product{height:170px!important;padding:0 8px!important;}
  .zl-product-detail-page .zl-compare-table th,.zl-product-detail-page .zl-compare-table td{font-size:12px!important;padding:10px 6px!important;}
  .zl-product-detail-page .zl-compare-actions .more{min-width:105px!important;font-size:13px!important;}
  .zl-product-detail-page .zl-advantage-grid{gap:28px!important;}
  .zl-product-detail-page .zl-advantage-grid article p{font-size:14px!important;}
}

/* Mobile: keep the same content/order, switch to readable stacked layout. */
@media screen and (max-width:1000px){
  .zl-product-detail-page .zl-product-hero{padding:45px 0 55px!important;}
  .zl-product-detail-page .zl-product-hero-grid{grid-template-columns:1fr!important;gap:36px!important;}
  .zl-product-detail-page .zl-product-gallery-main{max-width:700px!important;margin:0 auto!important;}
  .zl-product-detail-page .zl-product-gallery-thumbs{width:100%!important;max-width:420px!important;margin:22px auto 0!important;}
  .zl-product-detail-page .zl-product-summary{padding-top:0!important;}
  .zl-product-detail-page .zl-product-anchor-nav{overflow-x:auto!important;}
  .zl-product-detail-page .zl-product-anchor-nav ul{justify-content:flex-start!important;min-width:max-content!important;}
  .zl-product-detail-page .zl-compare{padding:50px 0 60px!important;}
  .zl-product-detail-page .zl-compare-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  .zl-product-detail-page .zl-compare-product-row,
  .zl-product-detail-page .zl-compare-actions,
  .zl-product-detail-page .zl-compare-table{width:1080px!important;min-width:1080px!important;}
  .zl-product-detail-page .zl-compare-product-row,.zl-product-detail-page .zl-compare-actions{grid-template-columns:143px repeat(6,minmax(0,1fr))!important;}
  .zl-product-detail-page .zl-compare-product-row{margin-top:45px!important;}
  .zl-product-detail-page .zl-compare-product{height:150px!important;}
  .zl-product-detail-page .zl-compare-table thead th:first-child,.zl-product-detail-page .zl-compare-table tbody th{width:143px!important;}
  .zl-product-detail-page .zl-advantage-grid{grid-template-columns:1fr!important;gap:42px!important;}
  .zl-product-detail-page .zl-advantage-grid article{max-width:700px!important;margin:0 auto!important;}
  .zl-product-detail-page .zl-advantage-grid article p{min-height:0!important;margin-top:22px!important;}
  .zl-product-detail-page .zl-dark-cta{margin-top:45px!important;font-size:17px!important;}
  .zl-product-detail-page .zl-related-products .list>ul,
  .zl-product-detail-page .zl-detail-seo .Auxil-news .list ul{grid-template-columns:1fr!important;gap:24px!important;}
  .zl-product-detail-page .zl-detail-seo .Auxil-about .box{display:block!important;min-height:0!important;}
  .zl-product-detail-page .zl-detail-seo .Auxil-about .box .left,
  .zl-product-detail-page .zl-detail-seo .Auxil-about .box .right{width:100%!important;}
  .zl-product-detail-page .zl-detail-seo .Auxil-about .box .left .img{height:auto!important;aspect-ratio:1.35/1!important;}
  .zl-product-detail-page .zl-detail-seo .Auxil-about .box .right{padding:28px 0 0!important;}
}

@media screen and (max-width:700px){
  .zl-product-breadcrumb>.ui.container,
  .zl-product-detail-page .zl-product-hero>.ui.container,
  .zl-product-detail-page .zl-product-anchor-nav>.ui.container,
  .zl-product-detail-page .zl-compare>.ui.container,
  .zl-product-detail-page .zl-industry-advantages>.ui.container,
  .zl-product-detail-page .zl-product-feedback .ui.container,
  .zl-product-detail-page .zl-related-products>.ui.container,
  .zl-product-detail-page .zl-detail-seo .ui.container,
  .zl-product-detail-page .zl-detail-faq-strip>.ui.container{width:100%!important;max-width:100%!important;padding-left:15px!important;padding-right:15px!important;}
  .zl-product-detail-page .zl-product-summary h1{font-size:27px!important;}
  .zl-product-detail-page .zl-product-intro{font-size:14px!important;line-height:1.6!important;max-height:90px!important;}
  .zl-product-detail-page .zl-product-info dl>div{grid-template-columns:1fr!important;gap:4px!important;}
  
  .zl-product-detail-page .zl-product-info dt,.zl-product-detail-page .zl-product-info dd{font-size:14px!important;}
  .zl-product-detail-page .zl-product-hero-actions{gap:12px!important;margin-top:35px!important;}
  .zl-product-detail-page .zl-product-hero-actions .more{min-width:0!important;flex:1!important;height:46px!important;font-size:15px!important;}
  .zl-product-detail-page .zl-product-anchor-nav a{padding:0 18px!important;font-size:14px!important;}
  .zl-product-detail-page .zl-compare h2,.zl-product-detail-page .zl-industry-advantages h2{font-size:26px!important;}
  .zl-product-detail-page .zl-industry-advantages{padding:55px 0 65px!important;}
  .zl-product-detail-page .zl-dark-cta{height:auto!important;min-height:52px!important;padding:14px 12px!important;font-size:15px!important;}
  .zl-product-detail-page .zl-product-feedback>.Auxil-form{padding:60px 0 55px!important;}
  .zl-product-detail-page .zl-product-feedback .title2,.zl-product-detail-page .zl-related-products .h2,.zl-product-detail-page .zl-detail-seo .title2{font-size:28px!important;}
  .zl-product-detail-page .zl-product-feedback .form ul{display:block!important;margin:0!important;}
  .zl-product-detail-page .zl-product-feedback .form ul li{padding:6px 0!important;width:100%!important;}
  .zl-product-detail-page .zl-related-products{padding:55px 0 65px!important;}
  .zl-product-detail-page .zl-related-products .list{margin-top:36px!important;}
  .zl-product-detail-page .zl-related-products .list .box{height:190px!important;}
  .zl-product-detail-page .zl-detail-seo>.Auxil-about,.zl-product-detail-page .zl-detail-seo>.Auxil-news{padding:55px 0!important;}
  .zl-product-detail-page .zl-detail-faq-strip{padding:38px 0!important;min-height:0!important;}
}

/* V3 pixel-geometry correction from the layered PSD coordinates (1920px artboard). */
@media screen and (min-width:1701px){
  .zl-product-detail-page .zl-compare{padding-bottom:82px!important;}
  .zl-product-detail-page .zl-compare-product-row{margin-top:35px!important;margin-bottom:18px!important;}
  .zl-product-detail-page .zl-compare-table thead th{height:51px!important;padding-top:0!important;padding-bottom:0!important;}
  .zl-product-detail-page .zl-compare-table tbody th,
  .zl-product-detail-page .zl-compare-table tbody td{height:56px!important;padding-top:0!important;padding-bottom:0!important;}
  .zl-product-detail-page .zl-compare-actions{margin-top:20px!important;}
  .zl-product-detail-page .zl-compare-actions .more{min-width:163px!important;height:62px!important;}
  .zl-product-detail-page .zl-advantage-grid{margin-top:40px!important;}
}

/* ==========================================================================
   2026-08-12 WHY.HTML SCREENSHOT-EXACT REBUILD
   Reference: user-provided full-page Club Car Difference screenshot.
   APPENDED ONLY. Previous why-page experiment is intentionally not retained.
   ========================================================================== */

.ccdiff-page{
  --cc-ink:#171717;
  --cc-muted:#5c5c5c;
  --cc-line:#e7e7e7;
  --cc-gold:#b69258;
  background:#fff;
  color:var(--cc-ink);
  font-family:"Inter", Arial, Helvetica, sans-serif;
  overflow:hidden;
}
.ccdiff-page *{box-sizing:border-box;}
.ccdiff-page img{display:block;max-width:100%;}
.ccdiff-page h1,.ccdiff-page h2,.ccdiff-page h3,.ccdiff-page h4,.ccdiff-page p{margin-top:0;}
.ccdiff-page button,.ccdiff-page input,.ccdiff-page select{font-family:inherit;}

.ccdiff-hero{
  position:relative;
  width:100%;
  height:700px;
  background:#070707;
  overflow:hidden;
}
.ccdiff-hero-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.ccdiff-hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.2) 100%);
  pointer-events:none;
}
.ccdiff-hero-copy{
  position:absolute;
  left:10.8%;
  top:51%;
  transform:translateY(-50%);
  color:#fff;
}
.ccdiff-hero-copy h1{
  margin:0;
  font-size:52px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:-.02em;
}

.ccdiff-anchorbar{
  height:52px;
  background:#fff;
  border-bottom:1px solid #ededed;
  position:relative;
  z-index:4;
}
.ccdiff-anchorbar-inner{
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:42px;
}
.ccdiff-anchorbar a{
  display:flex;
  align-items:center;
  height:100%;
  color:#4b4b4b;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  transition:color .2s ease;
}
.ccdiff-anchorbar a:hover,.ccdiff-anchorbar a.is-active{color:#000;}

.ccdiff-intro{
  text-align:center;
  padding:45px 20px 12px;
}
.ccdiff-intro h2,
.ccdiff-feature-section>h2,
.ccdiff-above>h2{
  font-size:34px;
  line-height:1.15;
  font-weight:700;
  letter-spacing:-.02em;
  color:#1d1d1d;
}
.ccdiff-intro h2{margin-bottom:52px;}
.ccdiff-badge{
  width:510px;
  height:auto;
  margin:0 auto;
}
.ccdiff-intro p{
  width:min(1140px,calc(100% - 40px));
  margin:62px auto 0;
  color:#333;
  font-size:15px;
  line-height:1.5;
  text-align:left;
}

.ccdiff-feature-section{
  width:min(1888px,calc(100% - 28px));
  margin:0 auto;
  padding-top:42px;
  scroll-margin-top:130px;
}
.ccdiff-feature-section>h2{
  margin-bottom:28px;
  text-align:center;
}
.ccdiff-section-gap{padding-top:78px;}
.ccdiff-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:56px;
}
.ccdiff-card{min-width:0;}
.ccdiff-card-img{
  width:100%;
  height:290px;
  overflow:hidden;
  background:#efefef;
}
.ccdiff-card-img img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ccdiff-card-img.ccdiff-transparent-img{
  background:#fff;
}
.ccdiff-card-img.ccdiff-transparent-img img{
  object-fit:contain;
}
.ccdiff-card h3{
  margin:18px 0 7px;
  font-size:20px;
  line-height:1.2;
  font-weight:700;
  color:#111;
}
.ccdiff-card ul,
.ccdiff-requirements ul{
  margin:0;
  padding:0;
  list-style:none;
}
.ccdiff-card li,
.ccdiff-requirements li{
  position:relative;
  padding-left:20px;
}
.ccdiff-card li:before,
.ccdiff-requirements>ul>li:before,
.ccdiff-requirements ul ul>li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#5d7086;
  font-weight:700;
}
.ccdiff-card li{
  margin:3px 0;
  color:#2c2c2c;
  font-size:13px;
  line-height:1.35;
}
.ccdiff-card li.ccdiff-subhead{
  margin-top:7px;
  font-weight:500;
}
.ccdiff-card li.ccdiff-indent{margin-left:18px;}

.ccdiff-above{
  padding:86px 20px 0;
  text-align:center;
}
.ccdiff-above>h2{margin-bottom:14px;}
.ccdiff-above-lead{
  max-width:1180px;
  margin:0 auto;
  font-size:14px;
  line-height:1.5;
  color:#333;
}
.ccdiff-cart-wrap{
  width:780px;
  max-width:62vw;
  margin:68px auto 45px;
}
.ccdiff-cart-wrap img{
  width:100%;
  height:auto;
}
.ccdiff-requirements{
  width:min(1130px,calc(100% - 40px));
  margin:0 auto;
  text-align:left;
}
.ccdiff-requirements h3{
  margin:0 0 20px;
  font-size:18px;
  line-height:1.35;
  font-weight:700;
}
.ccdiff-requirements h4{
  margin:45px 0 14px;
  font-size:16px;
  line-height:1.3;
  font-weight:700;
}
.ccdiff-requirements li{
  margin:4px 0;
  font-size:14px;
  line-height:1.45;
  color:#2b2b2b;
}
.ccdiff-requirements ul ul{
  margin-top:7px;
  padding-left:20px;
}
.ccdiff-requirements ul ul>li{padding-left:20px;}

.ccdiff-dealer{
  padding:128px 20px 72px;
  background:#fff;
}
.ccdiff-dealer-shell{
  width:min(1450px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:430px minmax(0,1fr);
  gap:36px;
  align-items:start;
}
.ccdiff-dealer-panel h2{
  margin:0 0 24px;
  font-size:36px;
  line-height:1.1;
  font-weight:700;
}
.ccdiff-search-row{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:12px;
}
.ccdiff-search-row select,
.ccdiff-search-row input{
  width:100%;
  height:42px;
  border:1px solid #dadada;
  background:#fff;
  color:#444;
  font-size:13px;
  padding:0 12px;
  outline:none;
}
.ccdiff-location-btn{
  margin:14px 0 16px;
  border:0;
  background:none;
  padding:0;
  font-size:12px;
  color:#333;
  cursor:pointer;
}
.ccdiff-dealer-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-bottom:16px;
}
.ccdiff-dealer-tabs button{
  height:42px;
  border:1px solid #e0e0e0;
  background:#fafafa;
  color:#555;
  font-size:12px;
  cursor:pointer;
}
.ccdiff-dealer-tabs button+button{border-left:0;}
.ccdiff-dealer-tabs button.active{
  color:#7e6030;
  background:#f6f0e7;
  border-bottom-color:#b69258;
  box-shadow:inset 0 -2px 0 #b69258;
}
.ccdiff-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px 8px;
  padding:0 0 20px;
}
.ccdiff-checks label{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  line-height:1.2;
  color:#4b4b4b;
}
.ccdiff-checks input{
  width:13px;
  height:13px;
  accent-color:#b69258;
}
.ccdiff-matches{
  display:block;
  margin:2px 0 10px;
  font-size:12px;
}
.ccdiff-dealer-note{
  max-width:340px;
  margin:0;
  color:#666;
  font-size:11px;
  line-height:1.45;
}
.ccdiff-map{
  position:relative;
  height:520px;
  overflow:hidden;
  background:#d5edf5;
}
.ccdiff-map img{
  width:100%;
  height:100%;
  object-fit:cover;
  image-rendering:auto;
}
.ccdiff-map-label{
  position:absolute;
  left:47%;
  top:42%;
  font-size:12px;
  color:#555;
  text-shadow:0 1px 0 #fff;
}

@media screen and (max-width:1600px){
  .ccdiff-hero{height:580px;}
  .ccdiff-hero-copy h1{font-size:46px;}
  .ccdiff-card-img{height:245px;}
  .ccdiff-feature-grid{gap:34px;}
  .ccdiff-card h3{font-size:18px;}
  .ccdiff-card li{font-size:12px;}
  .ccdiff-dealer-shell{width:min(1320px,100%);}
  .ccdiff-dealer-shell{grid-template-columns:390px minmax(0,1fr);}
  .ccdiff-map{height:470px;}
}
@media screen and (max-width:1250px){
  .ccdiff-hero{height:500px;}
  .ccdiff-intro h2,
  .ccdiff-feature-section>h2,
  .ccdiff-above>h2{font-size:30px;}
  .ccdiff-badge{width:420px;}
  .ccdiff-card-img{height:210px;}
  .ccdiff-card h3{font-size:17px;}
  .ccdiff-card li{font-size:11px;}
  .ccdiff-cart-wrap{width:650px;}
}
@media screen and (max-width:1000px){
  .ccdiff-hero{height:430px;}
  .ccdiff-hero-copy{left:7%;}
  .ccdiff-hero-copy h1{font-size:38px;}
  .ccdiff-anchorbar{height:auto;}
  .ccdiff-anchorbar-inner{
    min-height:48px;
    gap:20px;
    overflow-x:auto;
    justify-content:flex-start;
    padding:0 18px;
  }
  .ccdiff-feature-section{width:calc(100% - 30px);}
  .ccdiff-feature-grid{grid-template-columns:1fr;gap:48px;}
  .ccdiff-card{max-width:720px;margin:0 auto;width:100%;}
  .ccdiff-card-img{height:auto;aspect-ratio:2/1;}
  .ccdiff-card h3{font-size:20px;}
  .ccdiff-card li{font-size:14px;}
  .ccdiff-section-gap{padding-top:64px;}
  .ccdiff-cart-wrap{max-width:85vw;}
  .ccdiff-dealer-shell{grid-template-columns:1fr;gap:28px;}
  .ccdiff-dealer-panel{max-width:600px;}
  .ccdiff-map{height:430px;}
}
@media screen and (max-width:700px){
  .ccdiff-hero{height:340px;}
  .ccdiff-hero-copy h1{font-size:31px;}
  .ccdiff-intro{padding-top:34px;}
  .ccdiff-intro h2,
  .ccdiff-feature-section>h2,
  .ccdiff-above>h2{font-size:27px;}
  .ccdiff-intro h2{margin-bottom:34px;}
  .ccdiff-badge{width:min(340px,85vw);}
  .ccdiff-intro p{width:100%;margin-top:38px;font-size:14px;}
  .ccdiff-feature-section{padding-top:34px;}
  .ccdiff-section-gap{padding-top:55px;}
  .ccdiff-feature-grid{gap:40px;}
  .ccdiff-card-img{aspect-ratio:1.75/1;}
  .ccdiff-above{padding-top:62px;}
  .ccdiff-above-lead{font-size:13px;}
  .ccdiff-cart-wrap{width:100%;max-width:92vw;margin-top:42px;}
  .ccdiff-requirements{width:100%;}
  .ccdiff-requirements h3{font-size:16px;}
  .ccdiff-requirements h4{margin-top:32px;}
  .ccdiff-requirements li{font-size:13px;}
  .ccdiff-dealer{padding:82px 15px 55px;}
  .ccdiff-dealer-panel h2{font-size:30px;}
  .ccdiff-search-row{grid-template-columns:1fr;}
  .ccdiff-checks{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ccdiff-map{height:320px;}
}