@charset "UTF-8";
/*!------------------------
 * Lumi  (http://www.lumi.cn)
 * author  (872690646@qq.com)*
---------------------------*/
/*@media screen and (max-width:1200px) {

}

@media screen and (max-width:1200px) {
    $font-size-h1: floor(($font-size-base * 2.2));
    $font-size-h2: floor(($font-size-base * 1.8));
    $font-size-h3: ceil(($font-size-base * 1.6));
    $font-size-h4: ceil(($font-size-base * 1.4));
}

@media screen and (max-width:767px) {
    $font-size-h1: floor(($font-size-base * 2));
    $font-size-h2: floor(($font-size-base * 1.6));
    $font-size-h3: ceil(($font-size-base * 1.4));
    $font-size-h4: ceil(($font-size-base * 1.2));
}*/
.fadeinSlow {
  -webkit-animation: 180ms ease;
  -moz-animation: 180ms ease;
  -ms-animation: 180ms ease;
  animation: 180ms ease; }

.fadeinFast {
  -webkit-animation: 600ms ease;
  -moz-animation: 600ms ease;
  -ms-animation: 600ms ease;
  animation: 600ms ease; }

/* 淡入 */
.fadein, .fadeinSlow, .fadeinFast {
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein;
  -ms-animation-name: fadein;
  animation-name: fadein; }

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    right: -30px; }
  100% {
    opacity: 1;
    right: -10px; } }
@-moz-keyframes fadein {
  0% {
    opacity: 0;
    right: -30px; }
  100% {
    opacity: 1;
    right: -10px; } }
@-ms-keyframes fadein {
  0% {
    opacity: 0;
    right: -30px; }
  100% {
    opacity: 1;
    right: -10px; } }
@keyframes fadein {
  0% {
    opacity: 0;
    right: -30px; }
  100% {
    opacity: 1;
    right: -10px; } }
/*.fadeOut{
    -webkit-animation: 380ms ease;
    -moz-animation: 380ms ease;
    -ms-animation: 380ms ease;
    animation: 380ms ease;
}*/
/* 淡入 */
/*.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
        right: -10px;
    }

    100% {
        opacity: 0;
        right: -30px;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
        right: -10px;
    }

    100% {
        opacity: 0;
        right: -30px;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
        right: -10px;
    }

    100% {
        opacity: 0;
        right: -30px;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        right: -10px;
    }

    100% {
        opacity: 0;
        right: -30px;
    }
}*/
/*按钮*/
.f_btn {
  padding: 5px 20px;
  margin-top: 15px;
  font-size: 14px;
  display: inline-block;
  background-color: #212121;
  cursor: pointer;
  color: #fff !important; }

.f_btn_border {
  border: none;
  height: 34px; }

.botton2 {
  padding: 4px 15px;
  border-radius: 0;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase; }

.botton2.btn-border-w {
  border: 1px solid rgba(255, 255, 255, 0.75);
  color: #fff;
  background: transparent; }
  .botton2.btn-border-w:hover {
    color: #212529;
    background: white; }

.botton2.btn-border-second {
  border: 1px solid #888;
  color: #495057;
  background: transparent;
  margin: 4px; }
  .botton2.btn-border-second:hover {
    color: #fff;
    background: #495057; }

.botton2.btn-border-b {
  border: 1px solid #212529;
  color: #212529;
  background: transparent; }
  .botton2.btn-border-b:hover {
    color: #fff;
    background: #212529; }

/* 
   ------------------------------------------------------1
   botton-subscribe styles
*/
.botton-subscribe {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff !important;
  background-color: #343a40;
  text-transform: capitalize;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  padding: 8px 0px;
  margin: 10px 0;
  width: 115px;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s; }
  .botton-subscribe:before {
    content: "\f0a4";
    font-family: FontAwesome;
    font-size: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: -30px;
    width: 30px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 0px 6px 6px 0px;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    text-align: center; }
  .botton-subscribe:hover {
    text-indent: -30px; }
    .botton-subscribe:hover:before {
      right: 0;
      text-indent: 0px; }

/* 
  ------------------------------------------------------2
  botton-links styles
*/
.icon-button {
  background-color: #ced4da;
  border-radius: 2.8rem;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  height: 2.8rem;
  line-height: 2.8rem;
  margin-right: 12px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2.8rem;
  text-decoration: none; }

/* Circle */
.icon-button span {
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 0; }
.icon-button:hover span {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 2.8rem;
  margin: -1.4rem; }

.twitter span {
  background-color: #55c5f5; }

.facebook span {
  background-color: #3B5998; }

.youtube span {
  background-color: #e12921; }

.linkedin span {
  background-color: #1d82d4; }

/* Icons */
.icon-button i {
  background: none;
  height: 2.8rem;
  left: 0;
  line-height: 2.8rem;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 2.8rem;
  z-index: 10; }
.icon-button:link i, .icon-button:visited i {
  color: #fff; }
.icon-button:hover i, .icon-button:active i {
  color: #fff; }

/* 
   ------------------------------------------------------1
   button-styles
*/
/* Box colors */
.bg-1 {
  /*background: #ECEFF1;*/
  color: #37474f; }

.bg-2 {
  background: #7986cb;
  color: #ECEFF1; }

.bg-3 {
  background: #37474f;
  color: #fff; }

/* Common button styles */
.button {
  float: left;
  min-width: 100px;
  max-width: 250px;
  display: block;
  margin: 1em;
  padding: 1em 2em;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale; }

.button:focus {
  outline: none; }

.button > span {
  vertical-align: middle; }

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
  color: #37474f;
  border-color: #37474f; }

.bg-2 .button {
  color: #ECEFF1;
  border-color: #ECEFF1; }

.bg-3 .button {
  color: #fff;
  border-color: #fff; }

/* Sizes */
.button--size-s {
  font-size: 14px; }

.button--size-m {
  font-size: 16px; }

.button--size-l {
  font-size: 18px; }

/* Typography and Roundedness */
.button--text-upper {
  letter-spacing: 2px;
  text-transform: uppercase; }

.button--text-thin {
  font-weight: 300; }

.button--text-medium {
  font-weight: 500; }

.button--text-thick {
  font-weight: 600; }

.button--round-s {
  border-radius: 5px; }

.button--round-m {
  border-radius: 15px; }

.button--round-l {
  border-radius: 40px; }

/* Borders */
.button--border-thin {
  border: 1px solid; }

.button--border-medium {
  border: 2px solid; }

.button--border-thick {
  border: 3px solid; }

/* Individual button styles */
/* Winona */
.button--winona {
  overflow: hidden;
  padding: 0;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.button--winona::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  color: #E83828;
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0); }

.button--winona > span {
  display: block; }

.button--winona.button--inverted {
  color: #7986cb; }

.button--winona.button--inverted:after {
  color: #fff; }

.button--winona::after,
.button--winona > span {
  padding: 0.6em 2em;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.button--winona:hover {
  border-color: #E83828;
  background-color: rgba(240, 133, 25, 0.1); }

.button--winona.button--inverted:hover {
  border-color: #21333C;
  background-color: #21333C; }

.button--winona:hover::after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.button--winona:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0); }

/* Ujarak */
.button--ujarak {
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s; }

.button--ujarak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #37474f;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.button--ujarak.button--round-s::before {
  border-radius: 2px; }

.button--ujarak.button--inverted::before {
  background: #7986CB; }

.button--ujarak,
.button--ujarak::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.button--ujarak:hover {
  color: #fff;
  border-color: #37474f; }

.button--ujarak.button--inverted:hover {
  color: #37474F;
  border-color: #fff; }

.button--ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Wayra */
.button--wayra {
  overflow: hidden;
  width: 245px;
  -webkit-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.button--wayra::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  background: #37474f;
  z-index: -1;
  -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }

.button--wayra:hover {
  color: #fff;
  border-color: #3f51b5; }

.button--wayra.button--inverted:hover {
  color: #3f51b5;
  border-color: #fff; }

.button--wayra:hover::before {
  opacity: 1;
  background-color: #3f51b5;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.button--wayra.button--inverted:hover::before {
  background-color: #fff; }

/* Tamaya */
.button--tamaya {
  overflow: hidden;
  color: #7986cb;
  min-width: 180px; }

.button--tamaya.button--inverted {
  color: #37474f;
  border-color: #37474f; }

.button--tamaya::before,
.button--tamaya::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  background: #7986cb;
  color: #fff;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.button--tamaya.button--inverted::before,
.button--tamaya.button--inverted::after {
  background: #fff;
  color: #37474f; }

.button--tamaya::before {
  top: 0;
  padding-top: 1em; }

.button--tamaya::after {
  bottom: 0;
  line-height: 0; }

.button--tamaya > span {
  display: block;
  -webkit-transform: scale3d(0.2, 0.2, 1);
  transform: scale3d(0.2, 0.2, 1);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.button--tamaya:hover::before {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

.button--tamaya:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.button--tamaya:hover > span {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/* Rayen */
.button--rayen {
  overflow: hidden;
  padding: 0;
  width: 230px; }

.button--rayen.button--inverted {
  color: #fff; }

.button--rayen::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #7986cb;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.button--rayen.button--inverted::before {
  background: #fff;
  color: #37474f; }

.button--rayen > span {
  display: block; }

.button--rayen::before,
.button--rayen > span {
  padding: 1em 2em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--rayen:hover::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.button--rayen:hover > span {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

/* Pipaluk */
.button--pipaluk {
  width: 180px;
  color: #fff; }

.button--pipaluk.button--inverted {
  color: #7986cb; }

.button--pipaluk::before,
.button--pipaluk::after {
  content: '';
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); }

.button--pipaluk::before {
  border: 2px solid #495057; }

.button--pipaluk.button--inverted::before {
  border-color: #fff; }

.button--pipaluk::after {
  background: #495057; }

.button--pipaluk.button--inverted::after {
  background: #fff; }

.button--pipaluk:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.button--pipaluk::before,
.button--pipaluk:hover::after {
  -webkit-transform: scale3d(0.7, 0.7, 1);
  transform: scale3d(0.7, 0.7, 1); }

.button--pipaluk:hover::after {
  background-color: #343a40; }

.button--pipaluk.button--inverted:hover::after {
  background-color: #fff; }

/* Nuka */
.button--nuka {
  margin: 1em 2em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.button--nuka.button--inverted {
  color: #37474f; }

.button--nuka::before,
.button--nuka::after {
  content: '';
  position: absolute;
  border-radius: inherit;
  background: #7986cb;
  z-index: -1; }

.button--nuka::before {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  opacity: 0.2;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

.button--nuka::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(1.1, 1, 1);
  transform: scale3d(1.1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s; }

.button--nuka::before,
.button--nuka::after {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.button--nuka.button--inverted::before,
.button--nuka.button--inverted::after {
  background: #fff; }

.button--nuka:hover {
  color: #fff; }

.button--nuka:hover::before {
  opacity: 1; }

.button--nuka:hover::after {
  background-color: #37474f; }

.button--nuka.button--inverted:hover::after {
  background-color: #7986cb; }

.button--nuka:hover::after,
.button--nuka:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/* Moema */
.button--moema {
  padding: 1.5em 3em;
  border-radius: 50px;
  background: #7986cb;
  color: #fff;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s; }

.button--moema.button--inverted {
  background: #ECEFF1;
  color: #37474f; }

.button--moema::before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  bottom: -20px;
  right: -20px;
  background: inherit;
  border-radius: 50px;
  z-index: -1;
  opacity: 0.4;
  -webkit-transform: scale3d(0.8, 0.5, 1);
  transform: scale3d(0.8, 0.5, 1); }

.button--moema:hover {
  -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  color: #ECEFF1;
  background-color: #3f51b5;
  -webkit-animation: anim-moema-1 0.3s forwards;
  animation: anim-moema-1 0.3s forwards; }

.button--moema.button--inverted:hover {
  color: #ECEFF1;
  background-color: #7986cb; }

.button--moema:hover::before {
  -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
  animation: anim-moema-2 0.3s 0.3s forwards; }

@-webkit-keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1); }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1); }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
/* Isi */
.button--isi {
  padding: 1.2em 2em;
  color: #fff;
  background: #7986cb;
  overflow: hidden; }

.button--isi::before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #3f51b5;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); }

.button--isi .button__icon {
  vertical-align: middle; }

.button--isi > span {
  vertical-align: middle;
  padding-left: 0.75em; }

.button--isi:hover::before {
  -webkit-transform: scale3d(9, 9, 1);
  transform: scale3d(9, 9, 1); }

/* Aylen */
.button.button--aylen {
  background: #fff;
  color: #37474f;
  overflow: hidden;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.button--aylen.button--inverted {
  background: none;
  color: #fff; }

.button--aylen::before,
.button--aylen::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--aylen::before {
  background: #7986cb; }

.button--aylen::after {
  background: #3f51b5; }

.button--aylen:hover {
  color: #fff; }

.button--aylen:hover::before,
.button--aylen:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.button--aylen:hover::after {
  -webkit-transition-delay: 0.175s;
  transition-delay: 0.175s; }

/* Saqui */
.button.button--saqui {
  overflow: hidden;
  color: #fff;
  background: #37474f;
  -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
  transition: background-color 0.3s ease-in, color 0.3s ease-in; }

.button--saqui.button--inverted {
  background: #fff;
  color: #37474f; }

.button--saqui::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1em 2em;
  color: #37474f;
  -webkit-transform-origin: -25% 50%;
  transform-origin: -25% 50%;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in; }

.button--saqui.button--inverted::after {
  color: #fff; }

.button--saqui:hover::after,
.button--saqui:hover {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.button--saqui:hover {
  background-color: #7986cb;
  color: #7986cb; }

.button--saqui.button--inverted:hover {
  background-color: #3f51b5;
  color: #3f51b5; }

.button--saqui:hover::after {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg); }

/* Wapasha */
.button.button--wapasha {
  background: #37474f;
  color: #fff;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s; }

.button--wapasha.button--inverted {
  background: #fff;
  color: #37474f; }

.button--wapasha::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #3f51b5;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  -webkit-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--wapasha.button--inverted::before {
  border-color: #7986cb; }

.button--wapasha:hover {
  background-color: #fff;
  color: #3f51b5; }

.button--wapasha.button--inverted:hover {
  background-color: #37474f;
  color: #7986cb; }

.button--wapasha:hover::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1; }

/* Nina */
.button--nina {
  padding: 0 2em;
  background: #495057;
  color: #fff;
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }

.button--nina.button--inverted {
  background: #fff;
  color: #7986cb; }

.button--nina > span {
  display: inline-block;
  padding: 1em 0;
  opacity: 0;
  color: #fff;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--nina::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1em 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--nina:hover {
  background-color: #343a40; }

.button--nina:hover::before {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.button--nina:hover > span {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.button--nina:hover > span:nth-child(1) {
  -webkit-transition-delay: 0.045s;
  transition-delay: 0.045s; }

.button--nina:hover > span:nth-child(2) {
  -webkit-transition-delay: 0.09s;
  transition-delay: 0.09s; }

.button--nina:hover > span:nth-child(3) {
  -webkit-transition-delay: 0.135s;
  transition-delay: 0.135s; }

.button--nina:hover > span:nth-child(4) {
  -webkit-transition-delay: 0.18s;
  transition-delay: 0.18s; }

.button--nina:hover > span:nth-child(5) {
  -webkit-transition-delay: 0.225s;
  transition-delay: 0.225s; }

.button--nina:hover > span:nth-child(6) {
  -webkit-transition-delay: 0.27s;
  transition-delay: 0.27s; }

.button--nina:hover > span:nth-child(7) {
  -webkit-transition-delay: 0.315s;
  transition-delay: 0.315s; }

.button--nina:hover > span:nth-child(8) {
  -webkit-transition-delay: 0.36s;
  transition-delay: 0.36s; }

.button--nina:hover > span:nth-child(9) {
  -webkit-transition-delay: 0.405s;
  transition-delay: 0.405s; }

.button--nina:hover > span:nth-child(10) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s; }

/* Nanuk */
.button--nanuk {
  padding: 0 2em;
  overflow: hidden;
  background: #7986cb;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }

.button--nanuk.button--inverted {
  background: #fff;
  color: #7986cb; }

.button--nanuk > span {
  display: inline-block;
  padding: 1em 0; }

.button--nanuk:hover {
  background-color: #3f51b5; }

.button--nanuk:hover > span:nth-child(odd) {
  -webkit-animation: anim-nanuk-1 0.5s forwards;
  animation: anim-nanuk-1 0.5s forwards; }

.button--nanuk:hover > span:nth-child(even) {
  -webkit-animation: anim-nanuk-2 0.5s forwards;
  animation: anim-nanuk-2 0.5s forwards; }

.button--nanuk:hover > span:nth-child(odd),
.button--nanuk:hover > span:nth-child(even) {
  -webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1); }

@-webkit-keyframes anim-nanuk-1 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: inherit; }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: #fff; }
  100% {
    color: #fff; } }
@keyframes anim-nanuk-1 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: inherit; }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: #fff; }
  100% {
    color: #fff; } }
@-webkit-keyframes anim-nanuk-2 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: inherit; }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: #fff; }
  100% {
    color: #fff; } }
@keyframes anim-nanuk-2 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: inherit; }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: #fff; }
  100% {
    color: #fff; } }
.button--nanuk:hover > span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.button--nanuk:hover > span:nth-child(2) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s; }

.button--nanuk:hover > span:nth-child(3) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.button--nanuk:hover > span:nth-child(4) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s; }

.button--nanuk:hover > span:nth-child(5) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.button--nanuk:hover > span:nth-child(6) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s; }

.button--nanuk:hover > span:nth-child(7) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.button--nanuk:hover > span:nth-child(8) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s; }

.button--nanuk:hover > span:nth-child(9) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.button--nanuk:hover > span:nth-child(10) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s; }

.button--nanuk:hover > span:nth-child(11) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

/* Antiman */
.button--antiman {
  background: none;
  border: none;
  height: 60px; }

.button--antiman.button--inverted,
.button--antiman.button--inverted-alt {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--antiman > span {
  padding-left: 0.35em; }

.button--antiman::before,
.button--antiman::after {
  content: '';
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--antiman::before {
  border: 2px solid #37474f;
  opacity: 0;
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1); }

.button--antiman.button--border-thin::before {
  border-width: 1px; }

.button--antiman.button--border-medium::before {
  border-width: 2px; }

.button--antiman.button--border-thick::before {
  border-width: 3px; }

.button--antiman.button--inverted::before {
  border-color: #7986cb; }

.button--antiman.button--inverted-alt::before {
  border-color: #3f51b5; }

.button--antiman::after {
  background: #fff; }

.button--antiman.button--inverted::after {
  background: #7986cb; }

.button--antiman.button--inverted-alt::after {
  background: #3f51b5; }

.button--antiman.button--inverted:hover {
  color: #7986cb; }

.button--antiman.button--inverted-alt:hover {
  color: #3f51b5; }

.button--antiman:hover::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.button--antiman:hover::after {
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1); }

/* Itzel */
.button--itzel {
  border: none;
  padding: 0px;
  overflow: hidden;
  width: 255px; }

.button--itzel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid;
  border-radius: inherit;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%);
  clip-path: url(../index.html#clipBox);
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.button--itzel.button--border-thin::before {
  border: 1px solid;
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0); }

.button--itzel.button--border-thick::before {
  border: 3px solid;
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); }

.button--itzel::before,
.button--itzel .button__icon {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--itzel .button__icon {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 20px;
  font-size: 20px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0); }

.button--itzel > span {
  display: block;
  padding: 20px;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.button--itzel:hover::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.button--itzel:hover .button__icon {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: translate3d(-50%, -100%, 0);
  transform: translate3d(-50%, -100%, 0); }

.button--itzel:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

/* Naira */
.button--naira {
  padding: 0;
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }

.button--naira::before {
  content: '';
  position: absolute;
  left: -50%;
  width: 200%;
  height: 200%;
  background: #37474f;
  top: -50%;
  z-index: -1;
  -webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
  transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg); }

.button--naira.button--inverted::before {
  background: #7986cb; }

.button--naira-up::before {
  -webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
  transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg); }

.button--naira > span {
  display: block; }

.button--naira .button__icon {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  color: #fff;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

.button--naira-up .button__icon {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.button--naira > span,
.button--naira .button__icon {
  padding: 1em 2em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--naira:hover::before {
  -webkit-animation: anim-naira-1 0.3s forwards ease-in;
  animation: anim-naira-1 0.3s forwards ease-in; }

.button--naira-up:hover::before {
  -webkit-animation: anim-naira-2 0.3s forwards ease-in;
  animation: anim-naira-2 0.3s forwards ease-in; }

@-webkit-keyframes anim-naira-1 {
  50% {
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); } }
@keyframes anim-naira-1 {
  50% {
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); } }
@-webkit-keyframes anim-naira-2 {
  50% {
    -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); } }
@keyframes anim-naira-2 {
  50% {
    -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); } }
.button--naira:hover {
  background-color: #37474f;
  -webkit-transition: background-color 0s 0.3s;
  transition: background-color 0s 0.3s; }

.button--naira.button--inverted:hover {
  background-color: #7986cb; }

.button--naira:hover .button__icon {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.button--naira:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.button--naira-up:hover > span {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

/* Quidel */
.button--quidel {
  background: #7986cb;
  color: #7986cb;
  overflow: hidden;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--quidel.button--inverted {
  background: #fff;
  color: #fff; }

.button--quidel::before,
.button--quidel::after {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: inherit; }

.button--quidel::after {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #fff; }

.button--quidel.button--inverted::after {
  background: #37474f; }

.button--quidel::before {
  background: #37474f;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--quidel.button--inverted::before {
  background: #7986cb; }

.button--round-s.button--quidel::after {
  border-radius: 3px; }

.button--round-m.button--quidel::after {
  border-radius: 13px; }

.button--round-l.button--quidel::after {
  border-radius: 40px; }

.button--quidel > span {
  padding-left: 0.35em; }

.button--quidel:hover {
  color: #37474f; }

.button--quidel.button--inverted:hover {
  color: #7986cb; }

.button--quidel:hover::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Sacnite */
.button.button--sacnite {
  width: 70px;
  height: 70px;
  min-width: 0;
  padding: 0;
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.button--scanite.button--round-l {
  border-radius: 50%; }

.button--sacnite.button--inverted {
  color: #37474f; }

.button--sacnite::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: -1;
  box-shadow: inset 0 0 0 35px #37474f;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
  transition: box-shadow 0.3s, transform 0.3s; }

.button--sacnite.button--inverted::before {
  box-shadow: inset 0 0 0 35px #fff; }

.button--sacnite .button__icon {
  font-size: 22px;
  width: 22px; }

.button--sacnite > span {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

.button--sacnite:hover {
  color: #37474f; }

.button--sacnite.button--inverted:hover {
  color: #fff; }

.button--sacnite:hover::before {
  box-shadow: inset 0 0 0 2px #37474f;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.button--sacnite.button--inverted:hover::before {
  box-shadow: inset 0 0 0 2px #fff; }

/* Shikoba */
.button.button--shikoba {
  padding: 1em 30px 1em 50px;
  overflow: hidden;
  background: #fff;
  color: #37474f;
  border-color: #37474f;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s; }

.button--shikoba.button--inverted {
  color: #fff;
  background: #7986cb; }

.button--shikoba > span {
  display: inline-block;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--shikoba .button__icon {
  position: absolute;
  left: 20px;
  font-size: 18px;
  -webkit-transform: translate3d(-40px, 2.5em, 0);
  transform: translate3d(-40px, 2.5em, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

.button--shikoba:hover .button__icon,
.button--shikoba:hover > span {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.button--shikoba:hover {
  background: #3f51b5;
  border-color: #3f51b5;
  color: #fff; }

/***********首页Logo***********/
.navbar-collapse {
  float: left; }

.navbar .search {
  display: inline-block;
  padding-top: 15px; }

@media (min-width: 1200px) {
  .navbar-header {
    position: relative; }
    .navbar-header a {
      display: block;
      margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .navbar-header {
    position: relative; }
    .navbar-header a {
      display: block; }
      .navbar-header a img {
        display: block;
        width: 100px;
        margin-top: 20px; } }
@media (max-width: 767px) {
  .navbar-collapse {
    float: none; }

  .navbar-header {
    position: relative; }
    .navbar-header a {
      display: block; }
      .navbar-header a img {
        float: left;
        display: block;
        width: 140px;
        margin-top: 20px;
        margin-left: 20px; } }
.dropdown_menu_primary {
  display: flex; }
  .dropdown_menu_primary h2 {
    width: 25%;
    float: left;
    font-family: 'InterBold';
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    padding: 26px 0px 0px;
    margin: 0px 50px;
    cursor: pointer; }
    .dropdown_menu_primary h2 a i {
      display: none;
      text-align: center;
      font-size: 22px;
      color: #333; }
    .dropdown_menu_primary h2 a.visited, .dropdown_menu_primary h2 a.link {
      color: #333 !important; }
    .dropdown_menu_primary h2.active {
      border-bottom: 2px solid #333; }
      .dropdown_menu_primary h2.active i {
        display: block; }
  @media (max-width: 1499px) {
    .dropdown_menu_primary h2 {
      margin: 0px 15px; } }

.dropdown_menu_secondary_wrap {
  display: none;
  background: #F2F2F2;
  padding: 30px 30px 15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .dropdown_menu_secondary_wrap .dropdown_menu_secondary_item {
    width: 20%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    margin-bottom: 30px; }
    .dropdown_menu_secondary_wrap .dropdown_menu_secondary_item .dropdown_menu_icon {
      border-radius: 50%;
      border: 1px solid #CFCFCF;
      max-width: 80px;
      width: 100%;
      background: linear-gradient(300deg, #D3D3D3, #ffffff); }
    .dropdown_menu_secondary_wrap .dropdown_menu_secondary_item .dropdown_menu_title {
      max-width: 130px;
      width: 100%;
      padding-left: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .dropdown_menu_secondary_wrap .dropdown_menu_secondary_item .dropdown_menu_title a {
        font-family: 'InterRegular';
        font-size: 14px;
        color: #555;
        max-width: 80px; }
      .dropdown_menu_secondary_wrap .dropdown_menu_secondary_item .dropdown_menu_title:hover a {
        font-weight: 600;
        color: #555 !important; }
      .dropdown_menu_secondary_wrap .dropdown_menu_secondary_item .dropdown_menu_title:hover .dropdown_menu_triangle {
        display: block; }
      .dropdown_menu_secondary_wrap .dropdown_menu_secondary_item .dropdown_menu_title .dropdown_menu_triangle {
        max-width: 18px;
        width: 100%;
        display: none; }
  @media (max-width: 1499px) {
    .dropdown_menu_secondary_wrap .dropdown_menu_secondary_item {
      width: 25%; } }
  @media (max-width: 1399px) {
    .dropdown_menu_secondary_wrap .dropdown_menu_secondary_item {
      width: 33.333333%; } }
  @media (max-width: 1023px) {
    .dropdown_menu_secondary_wrap .dropdown_menu_secondary_item {
      width: 50%; } }

.navbar-rightbox {
  position: absolute;
  top: 0;
  right: 276px; }

@media (min-width: 1024px) and (max-width: 1599px) {
  .navbar-rightbox {
    right: 30px; } }
@media (max-width: 1023px) {
  .navbar-rightbox {
    right: 15px; } }
/**语言框**/
.language-box {
  display: inline-block;
  padding: 20px 10px 0 0px; }
  .language-box ul {
    border-radius: 5px;
    outline: none;
    font-size: 16px; }
    .language-box ul .sljf_father {
      padding: 20px;
      color: #fff; }
    .language-box ul .dropdown-menu {
      top: 60px;
      left: 20px; }
      .language-box ul .dropdown-menu li {
        position: relative; }
        .language-box ul .dropdown-menu li a {
          padding-left: 40px;
          background-position: 15px 7px;
          background-repeat: no-repeat; }
        .language-box ul .dropdown-menu li .languagezh {
          background-image: url(../../statics/country/css/flags/cn.png); }
        .language-box ul .dropdown-menu li .languageen {
          background-image: url(../../statics/country/css/flags/gb.png); }
        .language-box ul .dropdown-menu li .languageru {
          background-image: url(../../statics/country/css/flags/ru.png); }
        .language-box ul .dropdown-menu li .languagees {
          background-image: url(../../statics/country/css/flags/es.png); }
        .language-box ul .dropdown-menu li .languagejp {
          background-image: url(../../statics/country/css/flags/jp.png); }

@media (max-width: 767px) {
  .language-box {
    padding: 20px 0px 0 10px; }
    .language-box ul {
      padding: 6px 10px;
      height: 35px; }
      .language-box ul .sljf_son {
        height: auto;
        left: 120px; }
      .language-box ul .sljf_father {
        padding: 0px; } }
/************导航*************/
/**一级菜单**/
.f_productmenulist li a {
  display: block; }

/*二级菜单>imglink 图片链接*/
.f_productServicelist .f_imgLinkCont .navbar-symbol {
  display: block;
  margin: 0 auto;
  text-align: center; }

@media screen and (max-width: 767px) {
  /*小屏幕*/
  .f_productMenuName h3 {
    color: #eee;
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    border-bottom: solid 1px #515151; }

  .f_productMenuName small {
    display: none; }

  .f_productmenu li a {
    color: #bdbdbd;
    font-size: 13px; }

  /*二级类目*/
  .f_productMenuTitle {
    padding: 5px 10px; }

  /*三级类目*/
  .dropdown-submenu {
    display: none; }

  /*services*/
  .f_productServicelist {
    display: none; } }
.f_productmenu {
  width: 1300px;
  left: 16%; }

@media screen and (max-width: 1599px) {
  .f_productmenu {
    width: 1200px; } }
@media screen and (max-width: 1499px) {
  .f_productmenu {
    width: 1000px;
    left: 10%; } }
@media screen and (max-width: 1199px) {
  .f_productmenu {
    width: 900px;
    left: 5%; } }
@media screen and (max-width: 1023px) {
  .f_productmenu {
    width: 800px; } }
@media screen and (min-width: 768px) {
  /*大屏幕*/
  .f_productmenu {
    top: 100%;
    padding: 0;
    border: none; }

  /********导航三大分类*******/
  .f_productMenuName {
    padding: 14px 14px 0 14px;
    color: #212529; }
    .f_productMenuName:before {
      content: "";
      display: block;
      width: 40px;
      height: 3px;
      background: #000; }
    .f_productMenuName h3 {
      font-size: 18px;
      font-weight: bold;
      padding: 8px 0 0 0;
      display: inline-block; }
    .f_productMenuName small {
      display: block;
      color: #888; }

  .f_productServicelist img {
    margin: 0 auto; }

  /********导航二级类目*******/
  .f_productMenuTitle a {
    vertical-align: middle;
    display: block;
    color: #343a40; }

  .f_productMenuTitle > a {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center; }

  .f_productMenuTitle > a > img {
    width: 47px;
    margin-right: 10px; }

  .f_productMenuImage {
    display: block;
    padding: 15px 0px 0px; }

  .f_productMenuImage .gamingroom-entrance-text {
    padding-top: 10px;
    text-align: center; }

  /********导航三级类目*******/
  .f_productMenuTitle .dropdown-submenu {
    padding: 0;
    background: 0 0;
    font-size: 2rem;
    margin-left: 58px; }
    .f_productMenuTitle .dropdown-submenu li a {
      display: block;
      margin-bottom: 2px;
      color: #495057;
      font-size: 14px; }
      .f_productMenuTitle .dropdown-submenu li a:hover {
        text-decoration: underline; } }
/***********************************
*banner                   *
************************************/
.sljl_banner {
  background: #fff; }

/*news*/
.sljl_news_banner {
  width: 100%;
  height: 300px;
  background-image: url(../../images/News.jpg);
  background-position: center center; }

/*Support banner + 搜索框*/
.sljf_banner_inner {
  width: 100%;
  height: 300px;
  background-image: url(../../images/Support.jpg);
  background-position: center center; }

.banner-form {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  position: relative; }

.banner-form .form-control {
  position: absolute;
  top: 130px;
  height: 50px;
  font-size: 16px; }

.form-controlBtn {
  top: 145px;
  font-size: 20px;
  color: #757575;
  cursor: pointer;
  float: right;
  right: 20px; }

/*顶部产品信息*/
.prodetail-products-section {
  background: #f6f6f6; }
  .prodetail-products-section .prodetail-products-row {
    max-width: 1380px;
    padding: 45px 0px;
    margin-left: auto;
    margin-right: auto; }
    .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left {
      float: left;
      padding: 0 22px 0 0;
      width: 41.45%; }
      .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text {
        display: flex;
        flex-direction: column; }
        .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text h2 {
          font-size: 15px;
          color: #a1a1a1;
          line-height: normal;
          font-weight: 400;
          padding-bottom: 8px; }
        .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text h1 {
          font-size: 30px;
          color: #252525;
          line-height: normal;
          font-weight: 400;
          padding-bottom: 8px; }
        .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text h3 {
          font-size: 15px;
          color: #7f7f7f;
          line-height: normal;
          font-weight: 400; }
        .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text p {
          font-size: 16px;
          color: #777;
          line-height: 25px;
          border-top: 1px solid #7f7f7f;
          padding: 20px 0 0;
          margin: 20px 0px; }
        @media (max-width: 767px) {
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text h1 {
            font-size: 24px;
            line-height: normal; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text p {
            font-size: 14px;
            margin: 20px 0; } }
        .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-tag {
          display: flex; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-tag h4 {
            font-size: 14px;
            color: #777777;
            line-height: 30px;
            font-weight: 400;
            padding-right: 10px; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-tag .tag-link {
            flex-wrap: wrap; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-tag .tag-link a {
              font-size: 14px;
              color: #777777;
              line-height: 30px;
              margin: 0 10px 0 0; }
              .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-tag .tag-link a:hover {
                color: #E83828 !important;
                text-decoration: underline !important; }
        .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-color {
          display: flex;
          margin: 0 0 30px; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-color h4 {
            font-size: 14px;
            color: #777777;
            line-height: 30px;
            font-weight: 400;
            padding-right: 10px; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-color .prodetail-products-image {
            position: relative;
            margin-right: 5px; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-color .prodetail-products-image .prodetail-products-image--default img {
              width: 30px;
              height: 30px;
              border: 1px solid rgba(55, 56, 71, 0.25);
              cursor: pointer; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-color .prodetail-products-image .prodetail-products-image--hover {
              display: none;
              position: absolute;
              bottom: 35px;
              left: -30px;
              background: #fff;
              border: 1px solid #ccc;
              text-align: center; }
              .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-color .prodetail-products-image .prodetail-products-image--hover img {
                width: 74px;
                height: 74px;
                margin: 6px;
                border: 1px solid #ccc;
                max-width: initial; }
              .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-color .prodetail-products-image .prodetail-products-image--hover p {
                font-weight: 600;
                font-size: 13px;
                line-height: normal;
                padding: 0;
                border: none;
                margin: 4px; }
        .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn {
          display: flex;
          margin: 0 0 40px; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-inquiry {
            border: 1px solid #7f7f7f;
            font-size: 15px;
            color: #555;
            margin-right: 30px;
            display: flex;
            align-items: center;
            padding: 10px 44px;
            cursor: pointer; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-inquiry span {
              font-size: 16px;
              color: #555;
              padding-right: 15px; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-inquiry a {
              font-size: 15px;
              color: #555; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-inquiry:hover {
              border: 1px solid #202533;
              background: #202533; }
              .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-inquiry:hover span, .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-inquiry:hover a {
                color: #fff !important; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-compare {
            border: 1px solid #7f7f7f;
            font-size: 15px;
            color: #555;
            display: flex;
            align-items: center;
            padding: 10px 44px;
            cursor: pointer; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-compare span {
              font-size: 16px;
              color: #555;
              padding-right: 15px; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-compare a {
              font-size: 15px;
              color: #555; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-compare:hover {
              border: 1px solid #202533;
              background: #202533; }
              .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-compare:hover span, .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-compare:hover a {
                color: #fff !important; }
          @media (max-width: 1023px) {
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-inquiry {
              margin: 0px 0px 10px;
              justify-content: center; } }
          @media (max-width: 1023px) {
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn .prodetail-products-compare {
              justify-content: center; } }
        @media (max-width: 1023px) {
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left .prodetail-products-text .prodetail-products-btn {
            margin: 0 0 40px;
            flex-direction: column; } }
    @media (max-width: 1023px) {
      .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-left {
        width: 100%;
        padding: 0px 15px 30px; } }
    .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right {
      position: relative;
      float: left;
      padding: 0 0 0 22px;
      width: 58.55%; }
      .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view {
        display: flex;
        justify-content: center;
        padding: 10px 0px; }
        .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > * {
          padding: 0 20px;
          display: flex;
          align-items: center;
          position: relative;
          cursor: pointer;
          outline: none; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > * .sp-view-image {
            position: relative;
            top: 0;
            left: 0; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > * .sp-view-image img {
              width: 50px; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > * .sp-view-image img:first-child {
              display: block; }
            .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > * .sp-view-image img:last-child {
              display: none; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > *:hover .sp-view-image img:last-child {
            display: block; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > *:hover .sp-view-image img:first-child {
            display: none; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > * p {
            font-size: 15px;
            color: #555;
            padding-left: 10px; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > * i {
            font-size: 35px;
            color: #555; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > *:hover p, .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > *:hover i {
            color: #E83828; }
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > *:first-child {
            border-right: 1px solid #7f7f7f; }
        @media (max-width: 767px) {
          .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right .sp-view > * {
            padding: 0 10px; } }
    @media (max-width: 1023px) {
      .prodetail-products-section .prodetail-products-row .prodetail-products-top .prodetail-products-right {
        width: 100%;
        padding: 0px 15px; } }
  @media (max-width: 1023px) {
    .prodetail-products-section .prodetail-products-row {
      padding: 30px 0px; } }

/*主体部分内容*/
.prodetail-content-section {
  position: relative;
  /*滚动侦测导航栏*/
  /*展示图片*/
  /*显示卖点文字*/
  /*FAMILY PRODUCT*/
  /*YOU MAY ALSO LIKE*/ }
  .prodetail-content-section .prodetail-content-logo {
    position: absolute;
    top: -20px;
    right: 15%; }
    @media (max-width: 1299px) {
      .prodetail-content-section .prodetail-content-logo img {
        width: 125px; } }
    @media (max-width: 500px) {
      .prodetail-content-section .prodetail-content-logo img {
        width: 65px; } }
  @media (max-width: 1299px) {
    .prodetail-content-section .prodetail-content-logo {
      right: 0; } }
  .prodetail-content-section .prodetail-anchor-section {
    background: #202533; }
    .prodetail-content-section .prodetail-anchor-section ul {
      display: flex;
      align-items: center;
      max-width: 1380px;
      margin-left: auto;
      margin-right: auto; }
      .prodetail-content-section .prodetail-anchor-section ul li {
        margin-right: 40px;
        padding: 24px 0px; }
        .prodetail-content-section .prodetail-anchor-section ul li a {
          display: flex;
          align-items: center; }
          .prodetail-content-section .prodetail-anchor-section ul li a img {
            width: 27px;
            opacity: 0;
            -webkit-transition: all 0.4s ease-out 0s;
            -moz-transition: all 0.4s ease-out 0s;
            -ms-transition: all 0.4s ease-out 0s;
            -o-transition: all 0.4s ease-out 0s;
            transition: all 0.4s ease-out 0s; }
          .prodetail-content-section .prodetail-anchor-section ul li a img:first-child {
            transform: rotate(270deg); }
          .prodetail-content-section .prodetail-anchor-section ul li a img:last-child {
            transform: rotate(90deg); }
          .prodetail-content-section .prodetail-anchor-section ul li a h2 {
            font-size: 18px;
            color: #fff;
            line-height: normal;
            font-weight: 400;
            padding: 0px 10px; }
          @media (max-width: 996px) {
            .prodetail-content-section .prodetail-anchor-section ul li a h2 {
              font-size: 14px; } }
        .prodetail-content-section .prodetail-anchor-section ul li:hover img {
          opacity: 1; }
      @media (max-width: 500px) {
        .prodetail-content-section .prodetail-anchor-section ul li {
          padding: 10px 0; } }
      @media (max-width: 996px) {
        .prodetail-content-section .prodetail-anchor-section ul li {
          margin-right: 10px; } }
    @media (max-width: 767px) {
      .prodetail-content-section .prodetail-anchor-section ul {
        flex-direction: column; } }
  .prodetail-content-section .prodetail-features-section--1 {
    margin: 0 0 60px; }
    .prodetail-content-section .prodetail-features-section--1 img {
      display: block;
      max-width: 100%;
      height: auto; }
    .prodetail-content-section .prodetail-features-section--1 .prodetail-features-iframe {
      background-image: url("../../images/bg-video_u361.jpg");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      height: 694px; }
      .prodetail-content-section .prodetail-features-section--1 .prodetail-features-iframe .prodetail-features-video {
        max-width: 850px;
        margin-left: auto;
        margin-right: auto;
        padding: 5.6% 0px; }
        .prodetail-content-section .prodetail-features-section--1 .prodetail-features-iframe .prodetail-features-video .iframe-container {
          position: relative;
          height: 0;
          padding-top: 20px;
          padding-bottom: 54%;
          overflow: hidden; }
          .prodetail-content-section .prodetail-features-section--1 .prodetail-features-iframe .prodetail-features-video .iframe-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
      @media (max-width: 1023px) {
        .prodetail-content-section .prodetail-features-section--1 .prodetail-features-iframe .prodetail-features-video {
          max-width: 100%;
          padding: 0px; } }
    @media (max-width: 1023px) {
      .prodetail-content-section .prodetail-features-section--1 .prodetail-features-iframe {
        height: 100%; } }
  .prodetail-content-section .prodetail-features-section--2 {
    display: flex;
    max-width: 1380px;
    margin: 60px auto;
    background: #F0F0F0;
    padding: 40px 90px; }
    .prodetail-content-section .prodetail-features-section--2 ul:first-child {
      padding-right: 40px; }
    .prodetail-content-section .prodetail-features-section--2 ul:last-child {
      padding-left: 40px; }
    .prodetail-content-section .prodetail-features-section--2 ul li {
      font-size: 16px;
      color: #555;
      line-height: 25px;
      list-style-type: disc; }
    @media (max-width: 1023px) {
      .prodetail-content-section .prodetail-features-section--2 ul:first-child {
        padding-right: 0px; }
      .prodetail-content-section .prodetail-features-section--2 ul:last-child {
        padding-left: 0px; } }
  @media (max-width: 1023px) {
    .prodetail-content-section .prodetail-features-section--2 {
      flex-direction: column;
      padding: 40px 26px; } }
  .prodetail-content-section .prodetail-spec-section {
    max-width: 1380px;
    margin: 0px auto 80px; }
    .prodetail-content-section .prodetail-spec-section .spec-tab li {
      padding: 23px 0;
      text-align: center;
      position: relative;
      font-size: 20px;
      color: #252525;
      cursor: pointer;
      width: 20%;
      float: left; }
      .prodetail-content-section .prodetail-spec-section .spec-tab li:not(:last-child):after {
        content: '';
        position: absolute;
        top: 14px;
        right: 0;
        width: 1px;
        height: 41px;
        background: #D7D7D7; }
      .prodetail-content-section .prodetail-spec-section .spec-tab li.active {
        background: #f2f2f2; }
      @media (max-width: 500px) {
        .prodetail-content-section .prodetail-spec-section .spec-tab li:not(:last-child):after {
          top: 0px;
          height: 100%; } }
    @media (max-width: 1023px) {
      .prodetail-content-section .prodetail-spec-section .spec-tab li {
        font-size: 18px; } }
    @media (max-width: 500px) {
      .prodetail-content-section .prodetail-spec-section .spec-tab li {
        font-size: 16px;
        padding: 14px 0; } }
    @media (max-width: 1099px) {
      .prodetail-content-section .prodetail-spec-section .spec-tab li {
        width: 33.333333%; } }
    @media (max-width: 767px) {
      .prodetail-content-section .prodetail-spec-section .spec-tab li {
        width: 50%; } }
    @media only screen and (max-width: 768px) {
      .prodetail-content-section .prodetail-spec-section .spec-tab {
        display: none; } }
    .prodetail-content-section .prodetail-spec-section .show-on-pc-content {
      display: block; }
    .prodetail-content-section .prodetail-spec-section .show-on-mobile, .prodetail-content-section .prodetail-spec-section .show-on-mobile-content {
      display: none; }
    @media only screen and (max-width: 768px) {
      .prodetail-content-section .prodetail-spec-section .show-on-mobile-content {
        display: block; }
      .prodetail-content-section .prodetail-spec-section .show-on-pc-content {
        display: none; }
      .prodetail-content-section .prodetail-spec-section .show-on-mobile {
        display: block;
        width: calc(100vw - 30px); }
        .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header {
          margin: 15px;
          padding: 0;
          position: relative;
          width: 100%; }
          .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header .drop-down__title {
            display: block;
            background: #FFF;
            border-radius: 0;
            border: 1px solid #CCC;
            border-bottom: 3px solid #CCC;
            color: #333;
            padding: 10px 40px 10px 10px;
            text-decoration: none;
            position: relative;
            line-height: 16px;
            transition: all 0.25s ease; }
            .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header .drop-down__title::before {
              content: "|";
              position: absolute;
              right: 25px;
              color: #333; }
            .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header .drop-down__title::after {
              background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48px' height='48px'%3E%3Cpath fill='%23f96302' d='M14.83,16.42L24,25.59l9.17-9.17L36,19.25l-12,12l-12-12L14.83,16.42z'/%3E%3C/svg%3E") no-repeat;
              top: 0;
              right: 4px;
              background-size: 20px;
              background-position: 0;
              content: "";
              height: 40px;
              width: 0;
              padding: 0 0 0 20px;
              position: absolute;
              pointer-events: none;
              transition: all 0.25s ease; }
          .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header .drop-down__content-wrapper {
            -webkit-font-smoothing: antialiased;
            margin: 0;
            padding: 0;
            float: left;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 32px;
            visibility: hidden;
            background-color: #FFF;
            border: 1px solid #CCC;
            border-top: 0;
            width: 100%;
            box-sizing: border-box;
            transition: all 0.25s ease;
            box-shadow: 0 3px 3px rgba(51, 51, 51, 0.2); }
            .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header .drop-down__content-wrapper .drop-down__list {
              -webkit-font-smoothing: antialiased;
              margin: 0 0 5px 0;
              list-style: none;
              padding: 0;
              float: left;
              width: 100%;
              box-sizing: border-box; }
              .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header .drop-down__content-wrapper .drop-down__list .drop-down__item {
                margin: 0;
                padding: 0;
                position: relative;
                float: none;
                width: 100%; }
                .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header .drop-down__content-wrapper .drop-down__list .drop-down__item .drop-down__hover-effect {
                  display: block;
                  background: #FFF;
                  border-radius: 0;
                  border: 0;
                  color: #666;
                  padding: 5px 10px;
                  text-decoration: none;
                  position: relative;
                  transition: all 0.25s ease; }
                  .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header .drop-down__content-wrapper .drop-down__list .drop-down__item .drop-down__hover-effect:hover {
                    margin: 0 5px;
                    background: #EEE;
                    padding-left: 5px;
                    color: #333; }
                  .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header .drop-down__content-wrapper .drop-down__list .drop-down__item .drop-down__hover-effect .drop-down__link {
                    display: block;
                    width: 100%;
                    height: 100%; }
          .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header:hover .drop-down__content-wrapper {
            opacity: 1;
            top: 38px;
            visibility: visible; }
          .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header:hover .drop-down__title {
            padding-bottom: 12px;
            border-bottom: 0; }
          .prodetail-content-section .prodetail-spec-section .show-on-mobile .drop-down__header:hover .drop-down__title:after {
            transform: rotate(180deg); } }
    .prodetail-content-section .prodetail-spec-section .prodetail-spec-content {
      /*SPECIFICATIONS*/
      /*WHAT'S SUPPORTED*/
      /*PACKAGING*/
      /*ASSEMBLY*/
      /*BROCHURE*/ }
      .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-row {
        display: flex;
        justify-content: space-between;
        background: #f2f2f2;
        padding: 50px; }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-row .prodetail-spec-left {
          padding-right: 30px;
          max-width: 631px;
          width: 100%; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-row .prodetail-spec-left .table tr td {
            color: #333;
            font-size: 15px;
            border-bottom: 1px solid #d7d7d7;
            border-top: none; }
            .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-row .prodetail-spec-left .table tr td h2 {
              color: #777;
              font-size: 15px; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-row .prodetail-spec-left a {
            display: inline-block;
            font-size: 13px;
            color: #777;
            padding: 12px 37px;
            border: 1px solid #777;
            margin: 10px 0 0;
            border-radius: 5px; }
            .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-row .prodetail-spec-left a:hover {
              color: #777 !important; }
        @media (max-width: 1023px) {
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-row .prodetail-spec-left {
            max-width: 100%;
            padding: 0 0 30px; } }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-row .prodetail-spec-right img {
          mix-blend-mode: multiply; }
        @media (max-width: 1023px) {
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-row .prodetail-spec-right img {
            width: 500px; } }
        @media (max-width: 500px) {
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-row .prodetail-spec-right img {
            width: 100%; } }
      @media (max-width: 1023px) {
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-row {
          flex-direction: column;
          padding: 50px 15px; } }
      .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-table {
        background: #f2f2f2;
        padding: 50px; }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-table .table-spec {
          display: flex;
          margin-bottom: 20px; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-table .table-spec .table {
            margin: 0 15px; }
            .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-table .table-spec .table tr td {
              color: #333;
              font-size: 15px;
              border-bottom: 1px solid #d7d7d7;
              border-top: none; }
              .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-table .table-spec .table tr td h2 {
                color: #777;
                font-size: 15px; }
          @media (max-width: 1023px) {
            .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-table .table-spec .table {
              margin: 0 5px; } }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-table a {
          display: inline-block;
          font-size: 13px;
          color: #777;
          padding: 12px 37px;
          border: 1px solid #777;
          margin: 10px 0 0;
          border-radius: 5px;
          max-width: 140px; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-table a:hover {
            color: #777 !important; }
      @media (max-width: 1023px) {
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-spec-table {
          padding: 50px 15px; } }
      .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content {
        background: #f2f2f2;
        padding: 40px 60px; }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content .support-tab li {
          padding: 0px 16px;
          float: left;
          display: block;
          position: relative;
          border-left: 1px solid #777; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content .support-tab li a {
            font-size: 18px;
            color: #777; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content .support-tab li:hover a, .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content .support-tab li.active a {
            color: #e83828 !important;
            text-decoration: underline !important; }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content .prodetail-support-text {
          padding: 30px 0px 0px; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content .prodetail-support-text ul {
            float: left;
            width: 50%; }
            .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content .prodetail-support-text ul:first-child {
              padding-right: 40px; }
            .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content .prodetail-support-text ul:last-child {
              padding-left: 40px; }
            @media (max-width: 1023px) {
              .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content .prodetail-support-text ul:first-child {
                padding-right: 10px; }
              .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content .prodetail-support-text ul:last-child {
                padding-left: 10px; } }
            .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content .prodetail-support-text ul li {
              font-size: 15px;
              color: #777;
              border-bottom: 1px solid #d7d7d7;
              border-left: none;
              padding-bottom: 12px;
              margin-bottom: 12px;
              float: none; }
      @media (max-width: 1023px) {
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-support-content {
          padding: 40px 15px; } }
      .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-package-content {
        background: #f2f2f2;
        padding: 55px 55px 20px; }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-package-content ul {
          border-bottom: 1px solid #d7d7d7;
          padding-bottom: 10px;
          max-width: 600px; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-package-content ul li {
            display: inline-block;
            font-size: 15px;
            color: #777;
            margin-right: 120px; }
          @media (max-width: 1023px) {
            .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-package-content ul li {
              margin-right: 20px; } }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-package-content .prodetail-package-image {
          max-width: 600px; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-package-content .prodetail-package-image img {
            width: auto;
            mix-blend-mode: multiply; }
        @media (max-width: 1023px) {
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-package-content .prodetail-package-image {
            max-width: 100%; }
            .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-package-content .prodetail-package-image img {
              width: 100%; } }
      @media (max-width: 1023px) {
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-package-content {
          padding: 55px 15px 20px; } }
      .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-assembly-content {
        background: #f2f2f2;
        padding: 55px; }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-assembly-content ul {
          border-bottom: 1px solid #d7d7d7;
          padding-bottom: 10px;
          margin-bottom: 20px;
          max-width: 600px; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-assembly-content ul li {
            font-size: 15px;
            color: #777; }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-assembly-content .prodetail-assembly-video {
          max-width: 600px; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-assembly-content .prodetail-assembly-video .iframe-container {
            position: relative;
            height: 0;
            padding-top: 20px;
            padding-bottom: 53%;
            overflow: hidden; }
            .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-assembly-content .prodetail-assembly-video .iframe-container iframe {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
      @media (max-width: 1023px) {
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-assembly-content {
          padding: 55px 15px; } }
      .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-brochure-content {
        background: #f2f2f2;
        padding: 55px; }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-brochure-content .prodetail-brochure-image {
          max-width: 200px; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-brochure-content .prodetail-brochure-image img {
            border: 1px solid #aaaaaa;
            border-radius: 2px;
            padding: 4px; }
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-brochure-content .prodetail-brochure-text a {
          display: flex;
          justify-content: center;
          margin-top: 10px; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-brochure-content .prodetail-brochure-text a i {
            font-size: 20px;
            color: #777; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-brochure-content .prodetail-brochure-text a span {
            font-size: 15px;
            color: #777; }
          .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-brochure-content .prodetail-brochure-text a:hover i, .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-brochure-content .prodetail-brochure-text a:hover span {
            color: #E83828; }
      @media (max-width: 1023px) {
        .prodetail-content-section .prodetail-spec-section .prodetail-spec-content .prodetail-brochure-content {
          padding: 55px 15px; } }
  .prodetail-content-section .prodetail-family-section {
    max-width: 1380px;
    margin: 0px auto 40px; }
    .prodetail-content-section .prodetail-family-section h2 {
      font-size: 30px;
      color: #252525;
      padding-bottom: 30px; }
    @media (max-width: 1023px) {
      .prodetail-content-section .prodetail-family-section h2 {
        font-size: 24px;
        padding: 0px 15px 30px; } }
    .prodetail-content-section .prodetail-family-section .prodetail-family-item {
      width: 19.638%;
      float: left;
      padding: 0 9px;
      margin-bottom: 30px;
      border-right: 1px solid #D7D7D7; }
      .prodetail-content-section .prodetail-family-section .prodetail-family-item .prodetail-family-image {
        position: relative;
        overflow: hidden; }
        .prodetail-content-section .prodetail-family-section .prodetail-family-item .prodetail-family-image a {
          position: relative;
          overflow: hidden;
          display: block; }
          .prodetail-content-section .prodetail-family-section .prodetail-family-item .prodetail-family-image a img {
            width: 100%;
            -webkit-transition: all .8s;
            transition: all .8s; }
        .prodetail-content-section .prodetail-family-section .prodetail-family-item .prodetail-family-image a.prodetail-family-image-h img:nth-child(2) {
          position: absolute;
          z-index: 0;
          top: 0;
          left: 0;
          opacity: 0;
          -webkit-transition: all 0.8s;
          transition: all 0.8s; }
        .prodetail-content-section .prodetail-family-section .prodetail-family-item .prodetail-family-image a.prodetail-family-image-h:hover img:nth-child(1) {
          opacity: 0; }
        .prodetail-content-section .prodetail-family-section .prodetail-family-item .prodetail-family-image a.prodetail-family-image-h:hover img:nth-child(2) {
          opacity: 1; }
      .prodetail-content-section .prodetail-family-section .prodetail-family-item .prodetail-family-text {
        text-align: center;
        padding: 10px 20px; }
        .prodetail-content-section .prodetail-family-section .prodetail-family-item .prodetail-family-text p {
          font-size: 15px;
          color: #333;
          margin-bottom: 10px; }
        .prodetail-content-section .prodetail-family-section .prodetail-family-item .prodetail-family-text .prodetail-family-link {
          display: inline-block;
          font-size: 13px;
          color: #fff;
          padding: 3px 24px;
          background-color: #3b4359;
          border-radius: 9px; }
          .prodetail-content-section .prodetail-family-section .prodetail-family-item .prodetail-family-text .prodetail-family-link:hover {
            background-color: #9d0e05;
            color: #fff !important; }
    @media (max-width: 1023px) {
      .prodetail-content-section .prodetail-family-section .prodetail-family-item {
        width: 33.333333%; } }
    @media (max-width: 767px) {
      .prodetail-content-section .prodetail-family-section .prodetail-family-item {
        width: 50%; } }
    .prodetail-content-section .prodetail-family-section .prodetail-family-btn i {
      font-size: 20px;
      color: #7f7f7f; }
    .prodetail-content-section .prodetail-family-section .prodetail-family-btn span {
      font-size: 15px;
      color: #7f7f7f; }
    .prodetail-content-section .prodetail-family-section .prodetail-family-btn:hover i, .prodetail-content-section .prodetail-family-section .prodetail-family-btn:hover span {
      color: #E83828; }
    .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-slide {
      padding: 0 9px;
      border-right: 1px solid #D7D7D7; }
      .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-slide .prodetail-family-image {
        position: relative;
        overflow: hidden; }
        .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-slide .prodetail-family-image img {
          width: 100%;
          -webkit-transition: all .8s;
          transition: all .8s; }
          .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-slide .prodetail-family-image img:nth-child(2) {
            position: absolute;
            z-index: 0;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            opacity: 0;
            -webkit-transition: all .8s;
            transition: all .8s; }
        .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-slide .prodetail-family-image:hover img:nth-child(2) {
          opacity: 1; }
      .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-slide .prodetail-family-text {
        text-align: center;
        padding: 10px 20px; }
        .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-slide .prodetail-family-text p {
          font-size: 15px;
          color: #333;
          margin-bottom: 10px; }
        .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-slide .prodetail-family-text .prodetail-family-link {
          display: inline-block;
          font-size: 13px;
          color: #fff;
          padding: 3px 24px;
          background-color: #3b4359;
          border-radius: 9px; }
          .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-slide .prodetail-family-text .prodetail-family-link:hover {
            background-color: #9d0e05;
            color: #fff !important; }
    .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-button-next, .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-button-prev {
      color: #383940; }
      .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-button-next:after, .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-button-prev:after {
        font-size: 30px; }
    .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-button-next, .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-container-rtl .swiper-button-prev {
      right: 10px;
      top: 20px;
      height: 100%;
      width: 40px; }
    .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-button-prev, .prodetail-content-section .prodetail-family-section .swiper-container-prodetail .swiper-container-rtl .swiper-button-next {
      left: 10px;
      top: 20px;
      height: 100%;
      width: 40px; }
  .prodetail-content-section .prodetail-like-section {
    background-color: #161a26; }
    .prodetail-content-section .prodetail-like-section .prodetail-like-container {
      max-width: 1380px;
      padding: 60px 0px;
      margin: 0px auto; }
      .prodetail-content-section .prodetail-like-section .prodetail-like-container h2 {
        font-size: 30px;
        color: #fff;
        padding-bottom: 30px; }
      @media (max-width: 1023px) {
        .prodetail-content-section .prodetail-like-section .prodetail-like-container h2 {
          font-size: 24px;
          padding: 0px 15px 30px; } }
      .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left {
        width: 60.653%;
        float: left;
        margin-left: -6px;
        margin-right: -6px; }
        .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item {
          width: 33.334%;
          float: left;
          padding: 0 5px; }
          .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item a {
            display: block;
            background: #fff;
            border-radius: 10px;
            padding: 26px 26px 20px; }
            .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item a p {
              font-size: 18px;
              color: #333;
              text-align: right;
              text-transform: uppercase;
              height: 110px; }
            @media (max-width: 1399px) {
              .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item a p {
                height: auto; } }
            @media (max-width: 767px) {
              .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item a p {
                font-size: 14px;
                height: 100px; } }
            .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item a .prodetail-like-image {
              margin: 10px 0px; }
            .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item a .prodetail-like-btn {
              text-align: right; }
              .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item a .prodetail-like-btn span {
                font-size: 13px;
                color: #fff;
                background-color: #d9262a;
                padding: 2px 14px;
                border-radius: 9px; }
              .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item a .prodetail-like-btn img {
                width: auto;
                display: inline-block; }
              @media (max-width: 500px) {
                .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item a .prodetail-like-btn span {
                  font-size: 12px; } }
          @media (max-width: 500px) {
            .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item a {
              padding: 26px 10px 20px; } }
        @media (max-width: 1399px) {
          .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item {
            width: 33.333333%; } }
        @media (max-width: 767px) {
          .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left .prodetail-like-item {
            width: 50%;
            margin-bottom: 15px; } }
      @media (max-width: 1023px) {
        .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-left {
          width: 100%;
          padding-bottom: 30px;
          margin-left: 0px;
          margin-right: 0px; } }
      .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right {
        width: 40.218%;
        float: left;
        padding-left: 160px; }
        .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right .prodetail-right-image--1 {
          text-align: center; }
          .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right .prodetail-right-image--1 img {
            width: 241px; }
          @media (max-width: 767px) {
            .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right .prodetail-right-image--1 img {
              width: 141px; } }
        .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right .prodetail-right-blog {
          margin-top: 60px; }
          .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right .prodetail-right-blog .prodetail-right-image--2 {
            position: relative; }
            .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right .prodetail-right-blog .prodetail-right-image--2:before {
              content: "";
              display: block;
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              background-color: rgba(0, 0, 0, 0.2); }
          .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right .prodetail-right-blog p {
            font-size: 25px;
            color: #fff;
            position: absolute;
            top: 20px;
            left: 60px;
            right: 60px;
            text-align: center; }
          .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right .prodetail-right-blog i {
            font-size: 23px;
            color: #fff;
            position: absolute;
            bottom: 20px;
            right: 60px; }
            .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right .prodetail-right-blog i:hover {
              font-size: 33px; }
          @media (max-width: 1023px) {
            .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right .prodetail-right-blog p {
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              width: 100%;
              font-size: 20px; } }
      @media (max-width: 1399px) {
        .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right {
          padding-left: 60px; } }
      @media (max-width: 1023px) {
        .prodetail-content-section .prodetail-like-section .prodetail-like-container .prodetail-like-content .prodetail-like-right {
          width: 100%;
          padding-left: 0px; } }
    @media (max-width: 1023px) {
      .prodetail-content-section .prodetail-like-section .prodetail-like-container {
        padding: 60px 15px; } }

/*产品图360度旋转功能*/
.threesixty .draggable {
  cursor: pointer;
  margin-right: auto;
  margin-left: auto; }

.dragtips {
  position: absolute;
  bottom: 0px;
  opacity: 1;
  display: block;
  left: 50%;
  transform: translate(-50%, 0%);
  transition: all 0.4s; }
  .dragtips img {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .dragtips p {
    text-align: center; }

.pro_itemNO {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 5px; }

.product_item span {
  color: #888;
  font-size: 18px;
  padding: 10px 0px;
  display: block; }

.parameter .parameter-text {
  border-bottom: 1px dashed #ededed; }
  .parameter .parameter-text ul {
    padding-bottom: 5px; }
    .parameter .parameter-text ul li {
      display: inline-block;
      vertical-align: top; }
    .parameter .parameter-text ul .value,
    .parameter .parameter-text ul .name {
      color: #888;
      font-size: 13px;
      line-height: 20px; }
    .parameter .parameter-text ul .name {
      width: 40%; }
    .parameter .parameter-text ul .value {
      width: 58%; }

/*顶部banner展示*/
.category-banner-section {
  /*左右箭头*/ }
  .category-banner-section .swiper-slide {
    position: relative; }
    .category-banner-section .swiper-slide .category-banner-text {
      position: absolute;
      bottom: 10%;
      right: 12%;
      transform: translate(12%, 10%);
      max-width: 360px; }
      .category-banner-section .swiper-slide .category-banner-text h2 {
        font-size: 20px;
        color: #fff;
        text-align: right;
        padding-bottom: 5px; }
      .category-banner-section .swiper-slide .category-banner-text p {
        font-size: 26px;
        font-weight: 600;
        text-align: right;
        color: #fff; }
    @media (max-width: 640px) {
      .category-banner-section .swiper-slide .category-banner-text {
        bottom: 15%;
        right: 20%;
        transform: translate(20%, 15%); }
        .category-banner-section .swiper-slide .category-banner-text h2 {
          font-size: 12px;
          padding: 0; }
        .category-banner-section .swiper-slide .category-banner-text p {
          font-size: 12px; } }
  .category-banner-section .swiper-button-prev {
    width: 30px;
    height: 30px;
    background: url(../../images/category/previous.svg) no-repeat; }
  .category-banner-section .swiper-button-prev:after, .category-banner-section .swiper-rtl .swiper-button-next:after {
    display: none; }
  .category-banner-section .swiper-button-next {
    width: 30px;
    height: 30px;
    background: url(../../images/category/next.svg) no-repeat; }
  .category-banner-section .swiper-button-next:after, .category-banner-section .swiper-rtl .swiper-button-prev:after {
    display: none; }
  .category-banner-section .swiper-button-prev, .category-banner-section .swiper-container-rtl .swiper-button-next {
    left: 70px; }
  .category-banner-section .swiper-button-next, .category-banner-section .swiper-container-rtl .swiper-button-prev {
    right: 70px; }
  @media (max-width: 640px) {
    .category-banner-section .swiper-button-prev, .category-banner-section .swiper-container-rtl .swiper-button-next {
      left: 15px; }
    .category-banner-section .swiper-button-next, .category-banner-section .swiper-container-rtl .swiper-button-prev {
      right: 15px; } }

/*breadcrumb*/
.category-breadcrumb-section {
  max-width: 1703px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0; }
  .category-breadcrumb-section ul > li {
    display: inline-block;
    font-size: 14px;
    color: #333; }

@media (max-width: 1799px) {
  .category-breadcrumb-section {
    padding: 30px 15px; } }
@media (max-width: 640px) {
  .category-breadcrumb-section {
    padding: 15px; } }
/*主体部分*/
.category-content-section {
  max-width: 1733px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px 40px;
  /*左侧筛选列表*/
  /*右侧产品展示*/ }
  .category-content-section .category-filter-section {
    width: 21.14%;
    float: left;
    padding: 0 42px 0 0;
    /*搜索框*/
    /*折叠展开*/ }
    .category-content-section .category-filter-section .searchbox p {
      font-size: 20px;
      color: #333;
      padding-bottom: 15px; }
    .category-content-section .category-filter-section .searchbox form input {
      background-color: #F2F2F2;
      border: 1px solid #d7d7d7;
      border-radius: 5px;
      height: 40px;
      width: 265px; }
      .category-content-section .category-filter-section .searchbox form input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #999999;
        font-size: 13px; }
      .category-content-section .category-filter-section .searchbox form input input::-moz-placeholder {
        /* Firefox 19+ */
        color: #999999;
        font-size: 13px; }
      .category-content-section .category-filter-section .searchbox form input input:-ms-input-placeholder {
        /* IE 10+ */
        color: #999999;
        font-size: 13px; }
      .category-content-section .category-filter-section .searchbox form input input:-moz-placeholder {
        /* Firefox 18- */
        color: #999999;
        font-size: 13px; }
    .category-content-section .category-filter-section .searchbox form span {
      background-color: #333;
      border-radius: 5px; }
      .category-content-section .category-filter-section .searchbox form span button {
        color: #fff;
        font-size: 13px;
        background-color: transparent;
        border: none; }
    .category-content-section .category-filter-section .category-filter-accordion {
      padding: 20px 0px; }
      .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel {
        background: none;
        box-shadow: none;
        margin: 0;
        border: none; }
        .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-heading {
          padding: 0;
          border: none;
          transition: border-radius 0.3s linear 0.2s; }
          .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-heading .panel-title {
            display: block;
            color: #333;
            padding: 15px;
            position: relative;
            font-family: 'GothamBook';
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            border-top: 1px solid #d7d7d7;
            cursor: pointer; }
            .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-heading .panel-title:before {
              content: '\e316';
              font-size: 30px;
              position: absolute;
              font-family: 'Material Icons';
              font-weight: normal;
              right: 5px;
              top: 10px;
              transform: rotate(180deg);
              transition: all .5s; }
          @media (max-width: 640px) {
            .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-heading .panel-title {
              padding: 15px 0; } }
          .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-heading.active {
            transition: border-radius 0.3s linear 0.2s; }
          .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-heading.active .panel-title:before {
            transform: rotate(0deg);
            transition: all 0.5s; }
        .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-body {
          padding: 10px 15px 20px;
          border-top: none; }
          .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-body a {
            display: block;
            cursor: pointer;
            margin-bottom: 10px; }
            .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-body a .category-filter-checkbox {
              display: none; }
              .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-body a .category-filter-checkbox:checked + .category-filter-label .category-filter-mark {
                border: 1px solid #F2F2F2;
                background: transparent;
                background-image: url(../../images/category/table_checkmark_black.svg);
                background-size: cover; }
            .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-body a .category-filter-label {
              display: flex;
              align-items: center; }
              .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-body a .category-filter-label .category-filter-mark {
                display: inline-block;
                width: 20px;
                height: 20px;
                padding: 0;
                margin-right: 10px;
                text-align: center;
                vertical-align: middle;
                background-color: #F2F2F2; }
              .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-body a .category-filter-label .category-filter-text {
                font-size: 14px;
                font-family: GothamBook;
                font-weight: normal;
                color: #333; }
        @media (max-width: 640px) {
          .category-content-section .category-filter-section .category-filter-accordion #accordion1 .panel .panel-body {
            padding: 10px 0px 20px; } }
  @media (max-width: 1399px) {
    .category-content-section .category-filter-section {
      width: 30%; } }
  @media (max-width: 1023px) {
    .category-content-section .category-filter-section {
      width: 100%;
      padding: 0; } }
  .category-content-section .category-products-section {
    width: 78.86%;
    float: left;
    padding: 0 0 0 42px;
    /*折叠展开*/ }
    .category-content-section .category-products-section .category-products-top {
      display: flex;
      justify-content: space-between; }
      .category-content-section .category-products-section .category-products-top h1 {
        color: #333;
        font-size: 35px;
        font-weight: 600;
        text-transform: uppercase; }
      @media (max-width: 1023px) {
        .category-content-section .category-products-section .category-products-top h1 {
          font-size: 27px; } }
      .category-content-section .category-products-section .category-products-top .sortby {
        display: flex;
        align-items: center;
        margin: 0; }
        .category-content-section .category-products-section .category-products-top .sortby label {
          color: #333;
          font-size: 14px;
          font-weight: normal;
          padding-right: 15px;
          margin: 0; }
        .category-content-section .category-products-section .category-products-top .sortby .form-control {
          width: auto; }
    @media (max-width: 640px) {
      .category-content-section .category-products-section .category-products-top {
        flex-direction: column; }
        .category-content-section .category-products-section .category-products-top h1 {
          font-size: 20px;
          padding-bottom: 10px; } }
    .category-content-section .category-products-section .category-products-item #accordion2 .panel {
      background: 0 0;
      box-shadow: none;
      margin: 0;
      border: none;
      padding: 20px 0; }
      .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading {
        display: flex;
        justify-content: space-between;
        padding: 0px 0px 10px;
        border-bottom: 1px solid #333; }
        .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading.active .panel-title:before {
          transform: rotate(180deg);
          transition: all 0.5s; }
        .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-title {
          display: flex;
          align-items: center;
          cursor: pointer; }
          .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-title:before {
            content: '\e7cd';
            font-size: 30px;
            font-family: 'Material Icons';
            position: relative;
            left: 0; }
          .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-title h2 {
            color: #333;
            font-size: 20px;
            font-weight: 600;
            padding-left: 20px; }
          .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-title p {
            position: relative;
            color: #333;
            font-size: 20px;
            height:23px;
            padding-left: 30px; }
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-title p:before {
              content: '';
              position: absolute;
              top: 2px;
              left: 15px;
              background: #797979;
              width: 1px;
              height: 21px; }
        .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-view {
          font-size: 13px;
          color: #333;
          border: 1px solid #333;
          padding: 9px 27px;
          border-radius: 5px;
          text-align: center; }
          .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-view:hover {
            background-color: #333;
            color: #fff !important; }
        @media (max-width: 640px) {
          .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-title {
            margin-bottom: 10px; }
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-title:before {
              font-size: 20px; }
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-title h2 {
              font-size: 14px;
              padding-left: 5px; }
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-title p {
              font-size: 12px;
              padding-left: 10px; }
              .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-title p:before {
                top: 0px;
                left: 5px;
                height: 16px; }
          .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading .panel-view {
            width: 120px;
            padding: 9px 15px; } }
      @media (max-width: 640px) {
        .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-heading {
          flex-direction: column; } }
      .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body {
        padding: 25px 20px 0; }
        .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row {
          margin-left: -10px;
          margin-right: -10px; }
          .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards {
            width: 25%;
            float: left;
            padding: 0 10px;
            margin-bottom: 20px; }
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-image a {
              position: relative;
              overflow: hidden;
              display: block; }
              .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-image a:before {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.028);
                z-index: 2;
                pointer-events: none; }
              .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-image a img {
                width: 100%;
                -webkit-transition: all .8s;
                transition: all .8s; }
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-image a.category-products-image-h img:nth-child(2) {
              position: absolute;
              z-index: 0;
              top: 0;
              left: 0;
              opacity: 0;
              -webkit-transition: all 0.8s;
              transition: all 0.8s; }
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-image a.category-products-image-h:hover img:nth-child(1) {
              opacity: 0; }
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-image a.category-products-image-h:hover img:nth-child(2) {
              opacity: 1; }
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text {
              background-color: #F0F0F0;
              padding: 25px 30px; }
              .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text h2 {
                font-size: 16px;
                color: #333;
                margin-bottom: 10px; }
              .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--desc {
                font-size: 18px;
                font-weight: 600;
                color: #333;
                height: 84px;
                margin-bottom: 30px; }
              .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom {
                display: flex;
                align-items: center;
                justify-content: space-between; }
                .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom .category-products-color {
                  display: flex;
                  align-items: center; }
                  .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom .category-products-color h3 {
                    font-size: 16px;
                    color: #7f7f7f;
                    margin-right: 5px; }
                  .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom .category-products-color .category-products-color--image {
                    position: relative;
                    margin-right: 5px; }
                    .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom .category-products-color .category-products-color--image .category-products-color--default img {
                      width: 20px;
                      height: 20px; }
                    .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom .category-products-color .category-products-color--image .category-products-color--hover {
                      display: none;
                      position: absolute;
                      bottom: 25px;
                      left: -35px;
                      background: #fff;
                      border: 1px solid #ccc;
                      text-align: center; }
                      .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom .category-products-color .category-products-color--image .category-products-color--hover img {
                        width: 74px;
                        height: 74px;
                        margin: 6px;
                        border: 1px solid #ccc;
                        max-width: initial; }
                      .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom .category-products-color .category-products-color--image .category-products-color--hover p {
                        font-weight: 600;
                        font-size: 13px;
                        line-height: normal;
                        padding: 0;
                        border: none;
                        margin: 4px; }
                .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom .category-products-icons span {
                  font-size: 16px;
                  color: #fff;
                  background-color: #333;
                  border-radius: 50%;
                  padding: 5px;
                  margin: 0px 2px;
                  cursor: pointer; }
                  .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom .category-products-icons span:hover {
                    background-color: #9d0e05; }
          @media (max-width: 1599px) {
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards {
              width: 33.333333%; } }
          @media (max-width: 1299px) {
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards {
              width: 50%; } }
          @media (max-width: 640px) {
            .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards {
              padding: 0 5px;
              margin-bottom: 10px; }
              .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text {
                padding: 25px 10px;
                height: 210px; }
                .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text h2 {
                  font-size: 12px; }
                .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--desc {
                  font-size: 14px;
                  height: 90px;
                  margin-bottom: 0;
                  word-break: break-word; }
                .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom {
                  flex-direction: column;
                  align-items: flex-start; }
                  .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom .category-products-color {
                    margin-bottom: 10px; }
                    .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row .category-products-cards .category-products-text .category-products-text--bottom .category-products-color h3 {
                      font-size: 12px; } }
        @media (max-width: 640px) {
          .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body .category-products-row {
            margin-left: -5px;
            margin-right: -5px; } }
      @media (max-width: 1023px) {
        .category-content-section .category-products-section .category-products-item #accordion2 .panel .panel-body {
          padding: 25px 0 0; } }
    .category-content-section .category-products-section .category-products-pagination {
      text-align: center; }
      .category-content-section .category-products-section .category-products-pagination ul {
        margin: 0; }
        .category-content-section .category-products-section .category-products-pagination ul a {
          border-radius: 0;
          margin: 0 5px;
          padding: 5px 12px;
          font-size: 25px;
          border: 1px solid #333;
          color: #333;
          cursor: pointer;
          line-height: normal; }
          .category-content-section .category-products-section .category-products-pagination ul a.active {
            background-color: #333;
            color: #fff; }
          .category-content-section .category-products-section .category-products-pagination ul a:hover {
            background-color: #333 !important;
            color: #fff !important; }
  @media (max-width: 1399px) {
    .category-content-section .category-products-section {
      width: 70%; } }
  @media (max-width: 1023px) {
    .category-content-section .category-products-section {
      width: 100%;
      padding: 0; } }


.tanchukuang_bg11 {
    width: 100%;
    min-width: 1164px;
    height: 100%;
    background: #000;
    position: fixed;
    z-index: 1001;
    filter: alpha(opacity=20);
    opacity: .4;
    left: 0;
    top: 0;
    display: none
}

.picture {
    height: 562px;
    /*  border: 1px solid #c7c7c7bf;*/
    font-family: "宋体";
    display: none;
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 50px;
    bottom: 0;
    right: 0;
    margin: 0 auto
}



@media (min-width: 768px) {
    .picture {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .picture {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .picture {
        width: 1170px;
    }
}

@media screen and (min-width: 1400px) {
    .picture {
        width: 1380px;
    }
}

.picture .picture_bottom {
    width: 100%;
    /*height: 529px;*/
    background: #fff;
    border-radius: 6px;
    margin-top: 80px;
}

    .picture .picture_bottom .picture_left {
        /*width: 771px;*/
        height: 100%;
        float: left
    }

        .picture .picture_bottom .picture_left .picture_img {
            position: relative;
            width: 500px;
            height: 500px;
            display: block;
            overflow: hidden;
            text-align: center
        }

.picture_bottom .picture_left .picture_img .picture_img2 {
    width: 658px;
    height: 424px;
    display: table-cell;
    vertical-align: middle
}

    .picture_bottom .picture_left .picture_img .picture_img2 img {
        max-width: 658px;
        max-height: 424px
    }

.picture_bottom .picture_left .prev {
    display: inline-block;
    width: 34px;
    height: 34px;
    position: relative;
    background-color: rgba(0,0,0,.5);
    top: -267px;
    left: 10px;
    float: left;
    cursor: pointer;
}

.picture_bottom .picture_left .next {
    display: inline-block;
    width: 34px;
    height: 34px;
    position: relative;
    background-color: rgba(0,0,0,.5);
    top: -267px;
    right: 30px;
    float: right;
    cursor:pointer;
}


/*.picture_bottom .picture_left .prev a {
    display: inline-block;
    width: 17px;
    height: 33px;
    background: url(../../images/ic_arrow_left.png) no-repeat
}

.picture_bottom .picture_left .next a {
    display: inline-block;
    width: 17px;
    height: 33px;
    background: url(../../images/ic_arrow_left.png) no-repeat
}*/

.picture .picture_bottom .picture_right {
    width: 205px;
    height: 100%;
    float: left
}

.picture_suo_img {
    width: 140px;
    height: 140px;
    cursor: pointer
}

    .picture_suo_img img {
        width: 140px;
        height: 140px
    }


/*.ProductviewLightbox {
  padding-top: 5%; }
  .ProductviewLightbox .panel {
    -webkit-box-shadow: inherit;
    box-shadow: inherit; }*/
  .ProductviewLightbox button, .ProductviewLightbox input, .ProductviewLightbox select, .ProductviewLightbox textarea {
    background: #fff;
    outline: 0;
    margin-bottom: 5px;
    border: none;
    opacity: 1; }
    .ProductviewLightbox button.close {
        margin-right: 15px;
    }
  .ProductviewLightbox img {
    width: 100%; }
  .ProductviewLightbox .img-border {
    border: 1px solid #ececee !important; }
.ProductviewLightbox .suo-img .img-border {
    border: 1px solid #f08519 !important;
}
  .ProductviewLightbox p {
    margin-top: 5px; }
.ProductviewLightbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.ProductviewLightbox .modal-content {
  padding: 30px 10px; }
.ProductviewLightbox .nav-tabs > li.active > a,
.ProductviewLightbox .nav-tabs > li.active > a:focus,
.ProductviewLightbox .nav-tabs > li.active > a:hover {
  border: inherit;
  border-bottom: 2px solid #E83828 !important; }
.ProductviewLightbox .nav-tabs > li > a {
  background-color: inherit;
  border: inherit; }
.ProductviewLightbox .panel-default {
  border: inherit; }

/*认证小图标*/
#sljf_bigpic img {
  width: 100%;
  align-self: center; }

#images .carousel-preview button {
  width: 140px; }

@media screen and (max-width: 767px) {
  #images .carousel-preview button {
    width: 15%;
    position: relative; }

  #video .carousel-preview {
    padding-top: 10px; }
    #video .carousel-preview img {
      float: left;
      width: 30%;
      display: inline-block; }
    #video .carousel-preview p {
      float: left;
      text-align: left;
      width: 70%;
      padding-left: 10px;
      display: inline-block; } }
/***********************************
*support下载页面文本缩略图                     *
************************************/
.brochure:before {
  position: absolute;
  content: '';
  top: 4px;
  left: -18px;
  width: 1px;
  height: 160px;
  background: #e6e6e6; }

.f_thumbnail_img {
  width: 170px;
  height: 240px;
  padding: 4px;
  margin: 0 auto;
  position: relative;
  border-radius: 4px;
  border: 1px solid #ddd; }
  .f_thumbnail_img img {
    width: 160px;
    height: 230px; }

/*移动端*/
@media screen and (max-width: 767px) {
  .f_thumbnail_img {
    width: 100%;
    height: 100%; }
    .f_thumbnail_img img {
      width: 100%;
      height: 100%; } }
.f_support_videos {
  position: relative; }

/*按钮*/
.f_thumbnail_img .f_thumbnail_btn {
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition-duration: 0.3s; }
  .f_thumbnail_img .f_thumbnail_btn a {
    color: #E83828; }
    .f_thumbnail_img .f_thumbnail_btn a.btn1 {
      position: absolute;
      top: 50%;
      left: 35%;
      transform: translate(-35%, -50%); }
    .f_thumbnail_img .f_thumbnail_btn a.btn2 {
      position: absolute;
      top: 50%;
      right: 35%;
      transform: translate(35%, -50%); }
    .f_thumbnail_img .f_thumbnail_btn a.btn-load {
      position: absolute;
      top: 50%;
      right: 35%;
      transform: translate(35%, -50%); }
    .f_thumbnail_img .f_thumbnail_btn a.whitepapersbtn1 {
      position: absolute;
      right: 55%;
      padding: 4px; }
    .f_thumbnail_img .f_thumbnail_btn a.whitepapersbtn2 {
      position: absolute;
      left: 10%;
      padding: 4px; }

.f_thumbnail_img:hover .f_thumbnail_btn {
  opacity: 1;
  -webkit-transition: 0.6s linear;
  -moz-transition: 0.6s linear;
  -o-transition: 0.6s linear;
  transition: 0.6s linear; }

/*文字*/
.pic_text {
  height: 70px;
  margin-top: 9px;
  padding: 0;
  text-align: center; }

/*下载资源页弹出表单*/
#download-div .modal-sm {
  margin: 100px auto; }
  #download-div .modal-sm .modal-title {
    font-size: 16px;
    font-weight: 600; }
  #download-div .modal-sm .modal-body {
    padding: 20px 20px 30px; }
    #download-div .modal-sm .modal-body .form-group {
      margin-bottom: 15px; }
      #download-div .modal-sm .modal-body .form-group h6 {
        color: #000;
        margin-bottom: 10px;
        font-size: 14px; }
      #download-div .modal-sm .modal-body .form-group .radio {
        display: inline-block;
        margin: 0px 10px 0px 0px; }
        #download-div .modal-sm .modal-body .form-group .radio label {
          font-size: 16px; }
          #download-div .modal-sm .modal-body .form-group .radio label input {
            width: auto;
            min-height: inherit; }
      #download-div .modal-sm .modal-body .form-group input {
        width: 100%;
        min-height: 40px;
        padding: 4px;
        color: #000;
        background: #f1f1f1;
        border: 1px solid #fff;
        border-radius: 5px;
        outline: none;
        resize: vertical; }
      #download-div .modal-sm .modal-body .form-group textarea {
        width: 100%;
        min-height: 120px;
        padding: 4px;
        color: #000;
        background: #f1f1f1;
        border: 1px solid #fff;
        border-radius: 5px;
        outline: none;
        resize: none; }
      #download-div .modal-sm .modal-body .form-group .countrypicker {
        position: relative;
        width: 100%; }
        #download-div .modal-sm .modal-body .form-group .countrypicker button {
          min-height: 40px;
          background-color: #f1f1f1;
          background-position: 10px 12px !important; }
        #download-div .modal-sm .modal-body .form-group .countrypicker .dropdown-menu {
          top: 34px;
          bottom: auto; }
    #download-div .modal-sm .modal-body p span {
      color: #E83828;
      font-weight: 600; }
    #download-div .modal-sm .modal-body .resource-form-botton {
      padding-top: 20px;
      text-align: center; }
      #download-div .modal-sm .modal-body .resource-form-botton .resource-form-text {
        display: inline-block;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        background-color: #E83828;
        color: #fff;
        padding: 10px 24px;
        border: none; }
@media (min-width: 768px) {
  #download-div .modal-sm {
    width: 400px; } }

/*下载资源页弹出表单*/
#redirect2LV .redirect2LV-jumptips {
  text-align: center;
  margin-top: 20px; }
  #redirect2LV .redirect2LV-jumptips .agree2lv {
    display: inline-block;
    width: auto;
    max-width: 100%;
    border-radius: 20px;
    padding: 2px 28px;
    line-height: 24px;
    color: #fff !important;
    background-color: #E83828;
    border-color: #E83828;
    font-size: 15px;
    cursor: pointer; }
  #redirect2LV .redirect2LV-jumptips .disagree2lv {
    display: inline-block;
    width: auto;
    max-width: 100%;
    border-radius: 20px;
    padding: 2px 28px;
    line-height: 24px;
    color: #fff !important;
    background-color: #E83828;
    border-color: #E83828;
    font-size: 15px;
    cursor: pointer;
    margin-left: 10px; }
#redirect2LV p {
  text-align: center;
  font-size: 15px; }

/***********************************
*categorySeriesList缩略图                      *
************************************/
/*头部*/
.categorySeriesList .head::after {
  content: "";
  display: block;
  clear: both; }
.categorySeriesList .head.headline {
  border-bottom: 1px solid #ececec;
  padding-bottom: 15px; }
.categorySeriesList .head.headBackground {
  border: 1px solid #ececee;
  padding: 10px;
  background-color: #f7f7f7;
  height: 38px; }
.categorySeriesList .head h3, .categorySeriesList .head h3 a {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.8rem;
  color: #888; }
@media screen and (max-width: 767px) {
  .categorySeriesList .head h3 a.title {
    font-size: 1.6rem; } }
.categorySeriesList .head h5 a {
  font-size: 1.4rem; }
  .categorySeriesList .head h5 a i {
    padding: 0 5px; }
.categorySeriesList .contentItem img {
  width: 100%; }

/*主体---移动端*/
@media screen and (max-width: 1200px) {
  .categorySeriesList .newArrival-card .head {
    display: none; }
  .categorySeriesList .newArrival-card .content {
    padding: 0 15px;
    background: #f7f7f7; }
    .categorySeriesList .newArrival-card .content .contentItem {
      border: none;
      margin: 2px -13px; }
      .categorySeriesList .newArrival-card .content .contentItem .thum,
      .categorySeriesList .newArrival-card .content .contentItem .caption {
        margin: 0 -13px; }
      .categorySeriesList .newArrival-card .content .contentItem .seriesTitle {
        height: 36px;
        display: block;
        -webkit-line-clamp: 2;
        -ms-line-clamp: 2;
        -moz-line-clamp: 2;
        -o-line-clamp: 2;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -woz-box-orient: vertical;
        -o-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box; }
  .categorySeriesList .newArrival-card .newArrival-landing-title {
    font-size: 1.4rem;
    color: #888;
    padding-bottom: 15px;
    padding-left: 40px; }
  .categorySeriesList .newArrival-card .newArrival-landing img {
    width: 160px;
    margin: 0 auto; }
  .categorySeriesList .newArrival-card .newArrival-landing .newArrival-landing-text {
    margin-top: 10px; }
    .categorySeriesList .newArrival-card .newArrival-landing .newArrival-landing-text p {
      font-weight: 600;
      text-align: center; } }
/*主体---非移动端*/
@media screen and (min-width: 1200px) {
  .category {
    padding: 25px 0; }

  .categorySeriesList {
    padding-bottom: 25px; }
    .categorySeriesList .content {
      padding: 0.6rem 0 1.2rem 0;
      border-bottom: 1px solid #ececee; }
      .categorySeriesList .content li {
        border-right: 1px solid #ececee; }
        .categorySeriesList .content li:nth-of-type(3) {
          border-right: 1px solid #fff; }
        .categorySeriesList .content li .contentItem {
          transition: 0.3s;
          border-radius: 5px;
          padding: 10px;
          margin: 0.5rem 0 1.5rem 0;
          border: none; }
      .categorySeriesList .content .caption .number {
        color: #888;
        font-size: 1.4rem; }
      .categorySeriesList .content .caption a.seriesTitle {
        font-size: 1.4rem;
        color: #000;
        -webkit-line-clamp: 2;
        -ms-line-clamp: 2;
        -moz-line-clamp: 2;
        -o-line-clamp: 2;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -woz-box-orient: vertical;
        -o-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        height: 40px;
        font-weight: bold; }
      .categorySeriesList .content .caption .description {
        -webkit-line-clamp: 3;
        /*限制显示的文本的行数为3*/
        -ms-line-clamp: 3;
        -moz-line-clamp: 3;
        -o-line-clamp: 3;
        -webkit-box-orient: vertical;
        /* 水平排列<p>，使其不纵向显示*/
        -ms-box-orient: vertical;
        /* 水平排列<p>，使其不纵向显示*/
        -woz-box-orient: vertical;
        /* 水平排列<p>，使其不纵向显示*/
        -o-box-orient: vertical;
        /* 水平排列<p>，使其不纵向显示*/
        overflow: hidden;
        /*超出的文字部分隐藏*/
        text-overflow: ellipsis;
        /*超出的文字部分用...来显示*/
        display: -webkit-box;
        /*将<p>变成高度定死，宽度自适应的行内块元素*/
        color: #888;
        height: 55px;
        line-height: 1.3;
        font-size: 1.4rem; }
    .categorySeriesList .newArrival-landing-title {
      font-size: 1.6rem;
      color: #888;
      padding-bottom: 10px;
      padding-left: 20px;
      letter-spacing: .1em; }
    .categorySeriesList .newArrival-landing img {
      width: 270px;
      margin: 0 auto; }
    .categorySeriesList .newArrival-landing .newArrival-landing-text {
      margin-top: 10px; }
      .categorySeriesList .newArrival-landing .newArrival-landing-text p {
        font-weight: 600;
        text-align: center; } }
@media screen and (max-width: 1200px) {
  .category {
    background: #f7f7f7; }
    .category .categoryProducts {
      margin: 0 -15px; } }
.f_inner_serieslist {
  margin: 50px 2px 0px 2px; }

/***********************************
*产品列表页：categoryProductList      *
************************************/
.categoryProductList .categoryProductListInner {
  padding: 0.2rem 0; }
  @media screen and (max-width: 768px) {
    .categoryProductList .categoryProductListInner {
      background: #f7f7f7; } }
  .categoryProductList .categoryProductListInner::after {
    clear: both;
    height: 0;
    content: "";
    display: block;
    visibility: hidden; }

.categoryProductList .thumbnail {
  margin: 2px -13px;
  border: none; }
  @media screen and (min-width: 1200px) {
    .categoryProductList .thumbnail {
      margin: 10px -5px;
      border: 1px solid #ededed !important;
      padding: 0 15px;
      transition: 1s;
      /*margin: 10px -13px;*/ }
      .categoryProductList .thumbnail:hover {
        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15); } }
  .categoryProductList .thumbnail .f_img {
    padding: 10px 0;
    position: relative; }
    .categoryProductList .thumbnail .f_img a {
      position: relative;
      overflow: hidden; }
      .categoryProductList .thumbnail .f_img a img {
        width: 100%;
        -webkit-transition: all 0.8s;
        transition: all 0.8s; }
      .categoryProductList .thumbnail .f_img a .f_ico {
        position: absolute;
        right: 0;
        bottom: 5px; }
        .categoryProductList .thumbnail .f_img a .f_ico li {
          display: inline-block;
          /*padding: 0 2px;*/ }
          .categoryProductList .thumbnail .f_img a .f_ico li img {
            width: 24px; }
            @media screen and (max-width: 992px) {
              .categoryProductList .thumbnail .f_img a .f_ico li img {
                width: 20px; } }
      .categoryProductList .thumbnail .f_img a .f_bestseller {
        position: absolute;
        top: 0;
        left: 0; }
    .categoryProductList .thumbnail .f_img a.category-block-img-h img:nth-child(2) {
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      opacity: 0;
      -webkit-transition: all 0.8s;
      transition: all 0.8s; }
    .categoryProductList .thumbnail .f_img a.category-block-img-h:hover img:nth-child(1) {
      opacity: 0; }
    .categoryProductList .thumbnail .f_img a.category-block-img-h:hover img:nth-child(2) {
      opacity: 1; }
  .categoryProductList .thumbnail .caption {
    padding: 0px; }
    .categoryProductList .thumbnail .caption .item-number::after {
      clear: both;
      height: 0;
      content: "";
      display: block;
      visibility: hidden; }
    .categoryProductList .thumbnail .caption .item-number a {
      color: #888; }
    .categoryProductList .thumbnail .caption .item-number p {
      margin-bottom: 0.4rem;
      color: #888;
      font-size: 1.4rem; }
    .categoryProductList .thumbnail .caption h5 a {
      -webkit-line-clamp: 2;
      -ms-line-clamp: 2;
      -moz-line-clamp: 2;
      -o-line-clamp: 2;
      -webkit-box-orient: vertical;
      -ms-box-orient: vertical;
      -woz-box-orient: vertical;
      -o-box-orient: vertical;
      font-size: 1.4rem;
      color: #343a40;
      margin-bottom: 10px;
      position: relative;
      overflow: hidden;
      display: -webkit-box;
      height: 48px;
      line-height: 24px;
      margin: 4px 0;
      font-weight: bold; }
  .categoryProductList .thumbnail .parameter {
    padding-bottom: 15px;
    height: 170px; }
    .categoryProductList .thumbnail .parameter:before {
      border-top: 1px solid #ececec;
      clear: both;
      height: 0;
      display: block;
      content: "";
      padding-bottom: 15px;
      width: 88%;
      margin: 0 auto; }
    .categoryProductList .thumbnail .parameter:after {
      content: "";
      clear: both;
      height: 0;
      display: block; }
    .categoryProductList .thumbnail .parameter li {
      border-bottom: 1px dashed #ededed;
      font-size: 13px;
      height: 24px;
      line-height: 24px; }
      .categoryProductList .thumbnail .parameter li:last-child {
        border-bottom: 1px dashed #fff; }
      .categoryProductList .thumbnail .parameter li:after {
        content: "";
        clear: both;
        height: 0;
        display: block; }
      .categoryProductList .thumbnail .parameter li .name {
        width: 42%; }
      .categoryProductList .thumbnail .parameter li .value {
        text-align: right;
        width: 58%; }
      .categoryProductList .thumbnail .parameter li .name, .categoryProductList .thumbnail .parameter li .value {
        float: left;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -woz-box-orient: vertical;
        -o-box-orient: vertical;
        height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #888; }

@media screen and (min-width: 1200px) {
  .f_img .f_button {
    float: right;
    position: absolute;
    top: 10px;
    right: 30px; }
    .f_img .f_button .f_pro_check {
      margin: 4px 0;
      width: 36px;
      height: 36px; }
    .f_img .f_button .f_wish,
    .f_img .f_button .f_compare {
      position: absolute;
      width: 3rem;
      height: 3rem;
      line-height: 3rem;
      margin: 3px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: transparent;
      border-radius: 50%;
      color: #E83828;
      cursor: pointer;
      z-index: 99;
      right: -10px;
      text-align: center;
      border: 1px solid; }
    .f_img .f_button .f_wish_hover,
    .f_img .f_button .f_compare_hover {
      background-color: rgba(232, 56, 40, 0.7);
      color: #fff; }
    .f_img .f_button .f_wish_cilick,
    .f_img .f_button .f_wish:hover,
    .f_img .f_button .f_compare_cilick,
    .f_img .f_button .f_compare:hover {
      background: #E83828;
      border: 1px solid #fff;
      color: #fff !important; }
    .f_img .f_button .f_wish_cilick,
    .f_img .f_button .f_wish_hover:hover,
    .f_img .f_button .f_compare_cilick,
    .f_img .f_button .f_compare_hover:hover {
      background: #212529;
      border: 1px solid #fff;
      color: #fff !important; } }
.caption .f_button {
  float: left;
  margin-right: 3px;
  margin-top: -10px; }
  .caption .f_button .f_pro_check {
    margin: 0;
    width: 2.2rem;
    height: 2.2rem;
    float: left; }
  .caption .f_button .f_wish,
  .caption .f_button .f_compare {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    margin: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    color: #c7c7c7;
    cursor: pointer;
    z-index: 99;
    right: 0px;
    text-align: center; }
  .caption .f_button .f_wish_cilick,
  .caption .f_button .f_wish:hover,
  .caption .f_button .f_compare_cilick,
  .caption .f_button .f_compare:hover {
    background: #212529;
    border: 1px solid #fff;
    color: #fff !important; }

@media screen and (max-width: 768px) {
  .caption .item-number {
    margin-bottom: 5px; }
  .caption h5 {
    margin-top: 20px; } }
.categoryProductList-gridContent .thumbnail:hover {
  /*border: 1px solid $brand-primary !important;*/
  /*box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);*/ }
.categoryProductList-gridContent .specs-footer-jumpprompt-wrapper {
  background-color: #eee; }
  .categoryProductList-gridContent .specs-footer-jumpprompt-wrapper:hover {
    box-shadow: none; }
  .categoryProductList-gridContent .specs-footer-jumpprompt-wrapper .specs-footer-jumpprompt {
    position: relative;
    text-align: center;
    height: 542px; }
    .categoryProductList-gridContent .specs-footer-jumpprompt-wrapper .specs-footer-jumpprompt div {
      position: absolute;
      top: 50%;
      width: 100%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      .categoryProductList-gridContent .specs-footer-jumpprompt-wrapper .specs-footer-jumpprompt div h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-transform: uppercase; }
        .categoryProductList-gridContent .specs-footer-jumpprompt-wrapper .specs-footer-jumpprompt div h3:before {
          content: '';
          background: transparent url(../../images/sprite-start-selling-bef22ab67dff9a5d27397d224f85df2f.svg) no-repeat -300px 0;
          background-size: 350px;
          display: block;
          width: 50px;
          height: 76px;
          margin: 0 auto; }
      .categoryProductList-gridContent .specs-footer-jumpprompt-wrapper .specs-footer-jumpprompt div .link-explore-more {
        background-color: #1dbf73;
        font-size: 14px;
        line-height: 16px;
        text-transform: uppercase;
        color: #fff;
        border: 1px solid transparent;
        padding: 10px 20px;
        margin-top: 50px;
        display: inline-block;
        border-radius: 3px;
        box-sizing: border-box;
        -webkit-transition: color .2s,background-color .2s,box-shadow .2s,border .2s;
        transition: color .2s,background-color .2s,box-shadow .2s,border .2s; }
        .categoryProductList-gridContent .specs-footer-jumpprompt-wrapper .specs-footer-jumpprompt div .link-explore-more:hover {
          background-color: #3fca89;
          color: #fff !important; }

.categoryProductList-listContent .grid-footer-jumpprompt-wrapper {
  background-color: #eee; }
  .categoryProductList-listContent .grid-footer-jumpprompt-wrapper:hover {
    box-shadow: none; }
  .categoryProductList-listContent .grid-footer-jumpprompt-wrapper .grid-footer-jumpprompt {
    position: relative;
    text-align: center;
    height: 245px; }
    .categoryProductList-listContent .grid-footer-jumpprompt-wrapper .grid-footer-jumpprompt div {
      position: absolute;
      top: 50%;
      width: 100%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      .categoryProductList-listContent .grid-footer-jumpprompt-wrapper .grid-footer-jumpprompt div h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-transform: uppercase; }
        .categoryProductList-listContent .grid-footer-jumpprompt-wrapper .grid-footer-jumpprompt div h3:before {
          content: '';
          background: transparent url(../../images/sprite-start-selling-bef22ab67dff9a5d27397d224f85df2f.svg) no-repeat -300px 0;
          background-size: 350px;
          display: block;
          width: 50px;
          height: 36px;
          margin: 0 auto; }
      .categoryProductList-listContent .grid-footer-jumpprompt-wrapper .grid-footer-jumpprompt div .link-explore-more {
        background-color: #1dbf73;
        font-size: 14px;
        line-height: 16px;
        text-transform: uppercase;
        color: #fff;
        border: 1px solid transparent;
        padding: 10px 20px;
        margin-top: 20px;
        display: inline-block;
        border-radius: 3px;
        box-sizing: border-box;
        -webkit-transition: color .2s,background-color .2s,box-shadow .2s,border .2s;
        transition: color .2s,background-color .2s,box-shadow .2s,border .2s; }
        .categoryProductList-listContent .grid-footer-jumpprompt-wrapper .grid-footer-jumpprompt div .link-explore-more:hover {
          background-color: #3fca89;
          color: #fff !important; }

.categoryProductList-largeContent .seriesTab {
  padding: 8px 10px 8px 35px;
  border-left: 3px solid #333;
  line-height: 1;
  background: #ececec; }
  @media screen and (min-width: 1200px) {
    .categoryProductList-largeContent .seriesTab {
      background: #f7f7f7; } }
  .categoryProductList-largeContent .seriesTab .title {
    line-height: 25px; }
  .categoryProductList-largeContent .seriesTab .more {
    border: 1px solid #ccc;
    padding: 6px 16px;
    border-radius: 4px;
    z-index: 1111; }
    .categoryProductList-largeContent .seriesTab .more:hover, .categoryProductList-largeContent .seriesTab .more:active {
      background: #343a40;
      color: #fff !important;
      border: 1px solid #343a40; }
.categoryProductList-largeContent .layui-colla-content:after {
  content: "";
  clear: both;
  visibility: hidden;
  display: block;
  height: 0; }
.categoryProductList-largeContent .series-footer-jumpprompt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #eee;
  padding: 20px 40px;
  position: relative; }
  .categoryProductList-largeContent .series-footer-jumpprompt .link-explore-more {
    background-color: #1dbf73;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid transparent;
    padding: 10px 20px;
    margin: 0;
    display: inline-block;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-transition: color .2s,background-color .2s,box-shadow .2s,border .2s;
    transition: color .2s,background-color .2s,box-shadow .2s,border .2s; }
    .categoryProductList-largeContent .series-footer-jumpprompt .link-explore-more:hover {
      background-color: #3fca89;
      color: #fff !important; }
  .categoryProductList-largeContent .series-footer-jumpprompt h3 {
    color: #555;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding-left: 60px; }
    .categoryProductList-largeContent .series-footer-jumpprompt h3:before {
      position: absolute;
      top: 26px;
      left: 20px;
      content: '';
      background: transparent url(../../images/sprite-start-selling-bef22ab67dff9a5d27397d224f85df2f.svg) no-repeat -300px 0;
      background-size: 350px;
      display: block;
      width: 50px;
      height: 36px; }
@media (max-width: 991px) {
  .categoryProductList-largeContent .series-footer-jumpprompt {
    flex-direction: column;
    padding: 20px 0px 0px; } }

/***********************************
*产品列表页:产品分类标题           *
************************************/
.f_inner_series {
  padding-top: 20px;
  padding-bottom: 45px;
  border-bottom: 1px solid #f1f1f1; }

/***********************************
*产品列表页：对比列表组件               *
************************************/
.sljf_compare {
  padding: 20px 0px; }

.sljf_compare li {
  float: left;
  width: 160px;
  margin: 0px 25px 0px 0px; }

.sljf_compare li .f_img {
  float: left; }

.sljf_compare li .f_img img {
  margin-right: 10px;
  width: 60px;
  height: 60px; }

.sljf_compare li .f_text span {
  display: block; }

.sljf_compare li .f_text .f_no2 {
  color: #666666; }

.sljf_compare li .f_text .f_no3 {
  font-size: 11px; }

.sljf_compare li .f_text .f_no3 a {
  font-size: 11px;
  padding: 0px 4px;
  color: #FFF;
  text-decoration: none;
  background: #f38320; }

@media screen and (min-width: 992px) {
  .searchlistSupport .thumbnail {
    margin: 0 -13px; }
  .searchlistSupport .caption {
    margin: 0 -10px; }

  .searchlistNews .caption {
    margin: 0 -10px; } }
.product_type {
  display: flex;
  justify-content: space-between; }
  .product_type .image {
    display: inline-block;
    position: relative;
    margin-left: 4px; }
    .product_type .image .option_block img {
      width: 15px;
      height: 15px;
      border: 1px solid rgba(55, 56, 71, 0.25);
      cursor: pointer; }
    .product_type .image .option_hidden {
      display: none;
      position: absolute;
      bottom: 25px;
      left: -46px;
      background: #fff;
      border: 1px solid #ccc;
      text-align: center; }
      .product_type .image .option_hidden img {
        width: 74px;
        height: 74px;
        margin: 6px;
        border: 1px solid #ccc; }
      .product_type .image .option_hidden .option_hidden_text {
        font-weight: 600;
        font-size: 1.3rem;
        padding: 0 2px; }

.l_sidebar {
  padding-top: 40px;
  overflow: hidden; }

/*产品推荐小列表*/
.l_sidebar .l_recommend {
  border: solid 1px #e2e2e2;
  padding: 10px 10px 40px 10px;
  margin-top: 10px; }

.l_sidebar .l_recommend .l_title {
  color: #f60;
  font-size: 15px;
  font-weight: bold; }

.l_sidebar .l_recommend .l_products_list {
  padding-top: 10px; }

/*产品新产品热卖产品2个小图*/
.l_sidebar .l_tuijian_small {
  margin-top: 13px;
  border: solid 1px #ddd; }

.l_sidebar .l_tuijian_small .l_one {
  position: relative;
  height: 297px;
  border-bottom: solid 1px #ddd; }

.l_sidebar .l_tuijian_small .l_two {
  position: relative;
  height: 240px; }

/***********************************
*header:导航菜单（搜索按钮）               *
************************************/
.search_main .search_btn {
  width: 50px;
  height: 40px;
  background: url(../../images/search.png) no-repeat center center;
  float: left;
  border: none;
  outline: none; }
.search_main input.search_text {
  height: 100%;
  background: transparent;
  font-size: 16px;
  border: none;
  color: #fff;
  outline: none;
  transition: all .2s linear; }
.search_main .f_searchControl-arrow {
  top: -8px;
  right: 4%;
  border-width: 0 10px 10px;
  border-bottom-color: #fff;
  position: absolute;
  width: 10px;
  height: 10px;
  border-style: solid; }

/***************自适应调试*************/
/*移动端*/
@media screen and (max-width: 992px) {
  /*.search {
      display: block;
  }*/
  .mini-search {
    display: block; }

  .navbar-search {
    padding: 15px 0;
    position: relative; }
    .navbar-search .search_btn {
      position: absolute;
      right: 100px;
      width: 50px;
      height: 40px;
      background: url(../../images/search.png) no-repeat center center;
      border: none;
      outline: none; }
    .navbar-search .close_btn {
      width: 50px;
      height: 40px;
      background: url(../../images/close.png) no-repeat center center;
      float: left;
      border: none;
      outline: none; }
    .navbar-search input.search_text {
      width: 80%; }

  .search_main {
    padding: 15px 0; }

  .mini-search {
    background: #000;
    display: none;
    margin-right: -15px;
    margin-left: -15px; }
    .mini-search .textBox {
      display: inline-block;
      height: 35px; }

  input.search_text {
    width: 75%; }

  .sljl_searchControl {
    display: none; } }
/*非移动端*/
@media screen and (min-width: 992px) {
  .search {
    display: block;
    position: relative; }

  .mini-search {
    display: none; }

  .search .search_main .textBox {
    height: 40px;
    border: 1px solid #999;
    line-height: 40px;
    border-radius: 5px;
    outline: none;
    font-size: 16px;
    display: inline-block;
    background: #10131B;
    transition: all 2s linear; }

  input.search_text {
    width: 120px; }

  .sljl_searchControl {
    top: 70px;
    transition: all 2s linear;
    position: absolute;
    right: 12%; } }
/*手机端搜索框*/
.search-xs {
  position: absolute;
  right: 18%;
  float: left;
  padding-top: 18px; }

.search-btn-xs {
  height: 34px;
  border: 1px solid #333;
  line-height: 34px;
  border-radius: 5px;
  outline: none;
  font-size: 16px;
  display: inline-block;
  background: #000;
  transition: all 2s linear; }

.search-btn-xs button {
  width: 30px;
  height: 34px;
  background: url(../../images/search.png) no-repeat center center;
  float: left;
  border: none;
  outline: none; }

.search-btn-xs input {
  height: 100%;
  background: transparent;
  font-size: 16px;
  border: none;
  color: #fff;
  outline: none;
  transition: all .2s linear;
  max-width: 70px;
  vertical-align: text-bottom; }

@media screen and (min-width: 992px) {
  .sljl_searchControl .cover {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 99;
    transition: all .2s linear; }

  .sljl_searchControl_content {
    position: relative;
    z-index: 100; }
    .sljl_searchControl_content .thumbnail {
      border: none;
      margin-bottom: 0px; }
      .sljl_searchControl_content .thumbnail .caption h5 a {
        -webkit-line-clamp: 3;
        -ms-line-clamp: 3;
        -moz-line-clamp: 3;
        -o-line-clamp: 3;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -woz-box-orient: vertical;
        -o-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        color: #757575;
        line-height: 18px;
        height: 54px; }

  .f_searchControl_inner {
    position: absolute;
    right: 0;
    background-color: #fff;
    padding: 20px 30px;
    margin: 2px auto 0 auto;
    width: 780px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px; }
    .f_searchControl_inner .f_inner_searchtitle {
      font-size: 14px;
      padding: 4px 0;
      color: #888;
      border-bottom: 1px solid #ececee;
      margin-bottom: 15px; }
      .f_searchControl_inner .f_inner_searchtitle a {
        font-size: 1.2rem; }
    .f_searchControl_inner .f_searchbtn_img {
      padding: 4px;
      margin: 0 auto;
      position: relative;
      border-radius: 4px;
      border: 1px solid #ddd; }
      .f_searchControl_inner .f_searchbtn_img .f_search_btn {
        position: absolute;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.6);
        transition-duration: 0.3s; }
        .f_searchControl_inner .f_searchbtn_img .f_search_btn a.btn1 {
          position: absolute;
          top: 50%;
          left: 35%;
          transform: translate(-35%, -50%);
          color: #E83828;
          font-size: 16px; }
        .f_searchControl_inner .f_searchbtn_img .f_search_btn a.btn2 {
          position: absolute;
          top: 50%;
          right: 35%;
          transform: translate(35%, -50%);
          color: #E83828;
          font-size: 16px; }
    .f_searchControl_inner .f_searchbtn_img:hover .f_search_btn {
      opacity: 1;
      -webkit-transition: 0.6s linear;
      -moz-transition: 0.6s linear;
      -o-transition: 0.6s linear;
      transition: 0.6s linear; }
    .f_searchControl_inner .f_search_videos {
      padding: 4px;
      margin: 0 auto;
      position: relative;
      border-radius: 4px;
      border: 1px solid #ddd;
      height: 155px; }
      .f_searchControl_inner .f_search_videos .f_searchbtn_videos {
        position: absolute;
        color: red;
        top: 45%;
        left: 45%;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        transition-duration: 0.3s; }
    .f_searchControl_inner .f_search_videos:hover .f_searchbtn_videos {
      opacity: 1;
      -webkit-transition: 0.6s linear;
      -moz-transition: 0.6s linear;
      -o-transition: 0.6s linear;
      transition: 0.6s linear; }
    .f_searchControl_inner .searchlistProduct {
      margin-bottom: 20px; }
    .f_searchControl_inner .searchlistOther .thumbnail_videos img {
      margin-top: 40%;
      height: initial; }
    .f_searchControl_inner .searchlistOther .thumbnail_videos .f_thumbnail_btn i {
      color: red;
      left: 42%;
      font-size: 20px;
      position: absolute;
      top: 42%;
      cursor: pointer; }
    .f_searchControl_inner .searchlistOther .caption {
      -webkit-line-clamp: 3;
      -ms-line-clamp: 3;
      -moz-line-clamp: 3;
      -o-line-clamp: 3;
      -webkit-box-orient: vertical;
      -ms-box-orient: vertical;
      -woz-box-orient: vertical;
      -o-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      color: #757575;
      height: 65px; } }
/***********************************
*产品列表页（搜索页）：loading          *
************************************/
.sljf_products_list_loading {
  height: 32px;
  width: 32px;
  text-align: center;
  margin: 0 auto; }

/************************************
*搜索风云榜                          * 
************************************/
.sljb_searchBox {
  border: solid 1px #dddddd;
  background: #fff;
  height: 100%; }

.sljb_searchBox .b_title {
  height: 30px;
  line-height: 30px;
  padding: 0px 10px 0px 12px;
  border-bottom: solid 1px #dddddd;
  font-size: 14px;
  color: #000; }

.sljb_searchBox .b_title strong {
  float: left;
  border-bottom: solid 1px #ff0000; }

.sljb_searchBox .b_title strong a {
  /*float:left;*/
  color: #f60; }

.sljb_searchBox .b_title span {
  float: right;
  font-size: 12px; }

.sljb_searchBox .b_title span a {
  color: #777777; }

.sljb_searchBox .b_content {
  padding: 12px;
  border-top: none;
  zoom: 1;
  /*解决ie6有时padding值会对子容器产生影响*/ }

.screenTips {
  padding-bottom: 6px;
  margin-bottom: 20px;
  height: 36px;
  line-height: 36px;
  color: #495057;
  margin-bottom: 10px;
  background: #fff;
  padding: 0 10px; }
  @media screen and (max-width: 768px) {
    .screenTips {
      font-size: 1.4rem;
      padding-left: 15px;
      margin: -10px 0 0 0; } }
  .screenTips span {
    color: #E83828; }

.categoryProducts .headline {
  border-bottom: 3px solid;
  padding-bottom: 10px;
  margin-bottom: 10px; }
.categoryProducts .screenButton ul li {
  padding: 0 2px; }
.categoryProducts .screenButton .site-add-filter i,
.categoryProducts .screenButton .site-Condition-filter i {
  padding-right: 8px;
  margin-right: 8px; }
.categoryProducts .screenButton .site-list-btn.active {
  color: #E83828; }
.categoryProducts .screenButton .site-list-btn i {
  padding: 0 4px;
  font-size: 14px; }
.categoryProducts .screenButton .f_wish_cart span:before,
.categoryProducts .screenButton .f_compare_cart span:before {
  padding-right: 5px; }

@media screen and (max-width: 1200x) {
  .category {
    margin: 0 -15px; }
    .category .mini-tab {
      margin: 0 -8px; }

  .screenButton {
    display: block;
    background: #fff; }
    .screenButton .site-add-filter {
      display: none; }
    .screenButton .site-demo-button .leftSearchSide {
      display: none; }
    .screenButton .site-list-btn .fa {
      padding: 10px 30px 0 15px; }

  .check-box {
    display: inline; } }
@media screen and (min-width: 1200px) {
  .screenButton .site-demo-button {
    display: none !important; }

  .coming {
    padding: 100px 0;
    text-align: center;
    color: #888;
    font-size: 20px; } }
.add-filter {
  float: left; }

.viewby {
  float: right; }
  .viewby h3 {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px; }
  .viewby .viewbybtn {
    display: inline-block;
    text-align: center;
    border-left: 1px solid #eee; }
    .viewby .viewbybtn p {
      color: #333;
      font-size: 12px; }
      .viewby .viewbybtn p.active {
        color: #E83828; }
    .viewby .viewbybtn:hover p {
      color: #E83828; }
    .viewby .viewbybtn .fa-th-list:before {
      font-size: 24px; }
    .viewby .viewbybtn .fa-th-large:before {
      font-size: 24px; }
    .viewby .viewbybtn .fa-th:before {
      font-size: 24px; }

.sortby {
  float: right;
  display: inline-block;
  margin: 0px 0px 0px 5px; }
  .sortby label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333; }
  .sortby select {
    height: 33px;
    width: auto;
    padding: 0;
    display: inline-block;
    background: #f7f7f7; }

.top-hull {
  background: #f7f7f7;
  padding: 0.5rem 0; }

@media screen and (max-width: 1200px) {
  .top-hull {
    display: none; } }
/***********************************
*网站侧边留言信息列表          *
************************************/
.social-leftSide {
  position: fixed;
  top: 50%;
  right: 0;
  margin: 0 5px;
  width: 90px;
  z-index: 999; }
  .social-leftSide .social-share-button {
    position: relative;
    display: block;
    border-radius: 2px;
    cursor: pointer;
    height: 32px;
    min-width: 34px;
    transition: all 0.1s linear;
    padding: 0px 45px;
    margin: 6px 0; }
    .social-leftSide .social-share-button .f_leftside {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      .social-leftSide .social-share-button .f_leftside i {
        font-size: 18px;
        color: #fff; }
      .social-leftSide .social-share-button .f_leftside span {
        color: #fff;
        font-size: 14px;
        display: none; }
      .social-leftSide .social-share-button .f_leftside .point_wish, .social-leftSide .social-share-button .f_leftside .point_compare {
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #E83828;
        color: #fff;
        position: absolute;
        top: -20px;
        left: -50px;
        line-height: 30px;
        text-align: center; }
    .social-leftSide .social-share-button:hover span {
      display: inline-block;
      padding-left: 5px; }
  .social-leftSide .button-inquiry {
    background: #2767b1;
    transition: all 0.1s linear; }
    .social-leftSide .button-inquiry:hover {
      width: 200px;
      right: 90px; }
  .social-leftSide .button-compare {
    background: #1877f2;
    transition: all 0.1s linear; }
    .social-leftSide .button-compare:hover {
      width: 220px;
      right: 120px; }
  .social-leftSide .button-skype {
    background: #00aae8;
    transition: all 0.1s linear; }
    .social-leftSide .button-skype:hover {
      width: 180px;
      right: 90px; }
  .social-leftSide .button-linkedin {
    background: #0a63bc;
    transition: all 0.1s linear; }
    .social-leftSide .button-linkedin:hover {
      width: 180px;
      right: 90px; }
  .social-leftSide .button-facebook {
    background: #385592;
    transition: all 0.1s linear; }
    .social-leftSide .button-facebook:hover {
      width: 180px;
      right: 90px; }
  .social-leftSide .button-tweet {
    background: #1da1f2;
    transition: all 0.1s linear; }
    .social-leftSide .button-tweet:hover {
      width: 180px;
      right: 90px; }

/*
*
* Back To Top
* --------------------------------------------------
*/
.back-to-top {
  display: none;
  background: #9d0e05;
  position: fixed;
  bottom: 40px;
  right: 40px;
  cursor: pointer;
  padding: 5px;
  width: 30px;
  height: 30px;
  color: #fff;
  border-radius: 5px; }
  .back-to-top i {
    font-size: 20px; }
  .back-to-top:hover i {
    color: #fff;
    font-weight: 600; }

body {
  overflow-x: hidden;
  font: 400 1.4rem/150% Helvetica, Arial, Tahoma, sans-serif;
  -webkit-text-size-adjust: none; }
  @media screen and (min-width: 768px) {
    body {
      font: 400 1.4rem/150% VippNeue, Arial,Tahoma, Helvetica, sans-serif; } }

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

html, body {
  height: 100%; }

ol, ul {
  list-style: none; }

img {
  max-width: 100%;
  height: auto;
  border-style: none; }

a img {
  border: none; }

address, caption, em, i {
  font-style: normal;
  font-weight: 400; }

table {
  border-collapse: collapse; }

main {
  background-color: #fff; }

/*4s*/
@media screen and (max-device-width: 320px) {
  html {
    font-size: 6px; } }
/*5*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  html {
    font-size: 8px; } }
/*6*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  html {
    font-size: 10px; } }
/*6+*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
  html {
    font-size: 10px; } }
/*******************************************
*               常 用 样 式                 *
*******************************************/
/*利用伪类元素清楚浮云*/
.clearBoth:before,
.clearBoth:after {
  content: " ";
  display: block;
  height: 0px;
  line-height: 0;
  clear: both; }

.margin_auto {
  margin: auto; }

.text_center {
  text-align: center; }

.overflow_hidden {
  overflow: hidden; }

.hide {
  display: none; }

.mt20 {
  margin-top: 20px; }

.ml5 {
  margin-left: 5px; }

.hidden {
  display: none !important; }

.show {
  display: block; }

    /*******************************************
*              链  接  样  式               *
*******************************************/
/*黑色333*/
.a_333 a:link, .a_333 a:visited {
  color: #333;
  text-decoration: none; }

.a_333 a:hover, .a_333 a:active {
  color: #333;
  text-decoration: underline; }

/*白色fff*/
.a_fff a:link, .a_fff a:visited {
  color: #fff;
  text-decoration: none; }

.a_fff a:hover, .a_fff a:active {
  color: #fff;
  text-decoration: underline; }

/*灰色666*/
.a_666 a:link, .a_666 a:visited {
  color: #666;
  text-decoration: none; }

.a_666 a:hover, .a_666 a:active {
  color: #666;
  text-decoration: underline; }

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

.inline {
  display: inline-block; }

.width20 {
  width: 20%; }

.scroll {
  overflow: hidden !important;
  height: 100% !important; }

a {
  color: #212529;
  cursor: pointer; }
    a:hover {
        color: #f08519 !important;
        transition: 0.2s;
    }

a:link,
a:hover,
a:active,
a:visited {
  text-decoration: none !important; }

a.text-gray {
  color: #adb5bd;
  cursor: pointer;
  transition: 0.5s; }
  a.text-gray:hover {
    color: #fff;
    text-decoration: none; }

.gray-lighter {
  background-color: #fff; }

@media screen and (max-width: 768px) {
  .main-wrapper .Detail {
    padding-top: 30px; } }
.sljl_sideBarMessage {
  position: fixed;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 80px;
  height: 100px;
  margin: auto;
  z-index: 100; }

@media screen and (max-width: 767px) {
  .navbar-fixed {
    position: fixed;
    width: 100%; }

  main {
    padding-top: 70px; } }
.section-md {
  padding: 6rem 0; }

.section-sm {
  padding: 2rem 0; }

@media screen and (max-width: 767px) {
  .section-md {
    padding: 2rem 0; }

  .section-sm {
    padding: 1rem 0; } }
.NewsLeftSider {
  /*margin-top: 30px;*/ }
  .NewsLeftSider .LeftSider {
    margin-bottom: 15px;
    background: #fff;
    padding: 30px 15px 30px 0;
    border-bottom: 1px solid #ececee; }

.NewsLeftSider .LeftSiderTitle {
  border-left: 3px solid #212529;
  font-size: 1.8rem;
  text-align: right; }
.NewsLeftSider .LeftSiderList {
  padding-top: 15px; }
  .NewsLeftSider .LeftSiderList li {
    padding: 4px 0;
    text-align: right; }
    .NewsLeftSider .LeftSiderList li:before {
      position: absolute;
      width: 20px;
      height: 1px;
      color: #E83828; }

.NewsLeftSider .media p {
  text-align: left;
  overflow: hidden;
  padding-left: 15px;
  -webkit-line-clamp: 2;
  -ms-line-clamp: 2;
  -moz-line-clamp: 2;
  -o-line-clamp: 2;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -woz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; }

.NewsLeftSider .input-group {
  padding-left: 15px;
  padding-top: 30px; }

/***********************************
*产品页侧边栏select                 *
************************************/
.categoryLeftSidebar {
  border-bottom: 1px solid #ececee; }

.categoryLeftSidebar h5 {
  color: #212529;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: inline-block;
  font-weight: bold;
  width: 16%;
  text-align: right; }

.categoryLeftSidebar .list {
  display: inline-block;
  margin-top: 10px; }
  .categoryLeftSidebar .list li {
    line-height: 1.8;
    font-size: 1.4rem;
    display: inline-block;
    padding: 0 10px; }
    .categoryLeftSidebar .list li.thisclass a {
      color: #E83828; }

/*多选框+单选框*/
.list label {
  font-weight: 400;
  margin-bottom: 7px; }

.list input {
  zoom: 1;
  cursor: pointer; }

.check-box {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  margin: 5px 20px 5px 0px; }

.advanced-search-form .check-box {
  display: inline-block; }

.radio-btn {
  height: 20px;
  display: inline-block;
  float: left;
  margin: -1px 0 0 0;
  cursor: pointer;
  position: relative;
  /*-webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #ccc;*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);*/ }

.checkedRadio {
  /*-moz-box-shadow: inset 0 0 5px 1px #ccc;
  -webkit-box-shadow: inset 0 0 5px 1px #ccc;
  box-shadow: inset 0 0 5px 1px #ccc;*/ }

.radio-btn i {
  /*border: 1px solid #E1E2E4;*/
  /*width: 14px;
  height: 14px;
  position: absolute;
  left: -4px;
  top: -4px;*/
  /*-webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;*/ }

.checkedRadio i {
  /*background-color: #666;*/ }

.list .f_checkbox.focus span.checkboxed:before {
  content: '\f00c';
  font-family: "FontAwesome";
  position: absolute;
  left: auto;
  top: auto;
  padding: 0 0 0 1px;
  text-align: center;
  width: 13px;
  height: 13px;
  line-height: 14px;
  font-size: 12px;
  background: #f6f6f6; }

.list span label {
  margin: 0 !important;
  position: relative; }

div.f_checkbox:focus, div.f_radio:focus {
  outline: 0; }

input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

/***********************************
*产品页侧边栏              *
************************************/
.leftSearchSide .searchbox {
  padding-bottom: 20px; }
  .leftSearchSide .searchbox .searchbox-title {
    margin-bottom: 1.6875rem;
    font-family: inherit;
    line-height: 1.5;
    color: #3a3a3a;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 1.8rem; }

.tag .searchbox {
  display: none; }

.layui-layer .searchbox {
  padding: 20px; }

.search .leftSearchSide .searchbox {
  display: none; }

.footer-menu-section {
  background-color: #10131B; }
  .footer-menu-section .footer-menu-container {
    max-width: 1630px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    padding: 60px 15px 0px; }
    .footer-menu-section .footer-menu-container .footer-menu-left {
      margin-left: -20px;
      margin-right: -20px;
      max-width: 1100px;
      width: 100%; }
      .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item {
        float: left;
        padding: 0 20px;
        margin-bottom: 35px; }
        .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item h3 {
          font-family: 'InterBold';
          font-size: 17px;
          color: #bdbdbd;
          margin-bottom: 10px;
          text-transform: uppercase; }
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item h3 a {
            color: #bdbdbd; }
            .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item h3 a:hover {
              color: #ec808d !important; }
        .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item ul > li {
          margin: 5px 0px; }
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item ul > li a {
            font-family: 'InterLight';
            font-size: 14px;
            color: #bdbdbd;
            line-height: 18px; }
            .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item ul > li a:hover {
              color: #fff !important; }
        .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul {
          display: table;
          word-spacing: -1em; }
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul li {
            display: inline-block;
            position: relative;
            overflow: hidden;
            border: 1px dotted #d7d7d7;
            margin-right: 10px;
            width: 124px;
            min-height: 56px; }
            .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul li img {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              -webkit-transition: all .4s;
              transition: all .4s; }
            .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul li img:nth-of-type(2) {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              z-index: 0;
              opacity: 0; }
            .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul li.treelogo img {
                position: absolute;
                top: 40%;
                left: 20%;
                transform: translate(-12%, -40%);
                -webkit-transition: all .4s;
                transition: all .4s;
            }

                .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul li.treelogo img:nth-of-type(2) {
                    position: absolute;
                    top: 40%;
                    left: 20%;
                    transform: translate(-12%, -40%);
                    z-index: 0;
                    opacity: 0;
                }
            .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul li:nth-of-type(1):hover img:nth-of-type(2), .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul li:nth-of-type(2):hover img:nth-of-type(2), .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul li:nth-of-type(3):hover img:nth-of-type(2) {
              opacity: 1; }
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul:first-child li:last-child img {
            width: 93px; }
/*.footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul:last-child li:last-child img {
            width: 107px; }*/
        @media (max-width: 640px) {
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item .members-logo ul {
            margin: 0;
            display: flex; } }
      @media (max-width: 1023px) {
        .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item {
          padding: 0 0px;
          margin-bottom: 10px;
          height: 144px; } }
      @media (max-width: 640px) {
        .footer-menu-section .footer-menu-container .footer-menu-left ul > li .footer-menu-left--item {
          height: auto;
          margin-bottom: 35px; } }
      .footer-menu-section .footer-menu-container .footer-menu-left ul > li:first-child .footer-menu-left--item:first-child {
        width: 27%; }
        @media (max-width: 1023px) {
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li:first-child .footer-menu-left--item:first-child {
            width: 50%; } }
      .footer-menu-section .footer-menu-container .footer-menu-left ul > li:first-child .footer-menu-left--item:nth-of-type(2) {
        width: 28%; }
        @media (max-width: 1023px) {
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li:first-child .footer-menu-left--item:nth-of-type(2) {
            width: 50%; } }
      .footer-menu-section .footer-menu-container .footer-menu-left ul > li:first-child .footer-menu-left--item:nth-of-type(3) {
        width: 15%; }
        @media (max-width: 1023px) {
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li:first-child .footer-menu-left--item:nth-of-type(3) {
            width: 50%; } }
      .footer-menu-section .footer-menu-container .footer-menu-left ul > li:first-child .footer-menu-left--item:nth-of-type(4) {
        width: 15%; }
        @media (max-width: 1023px) {
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li:first-child .footer-menu-left--item:nth-of-type(4) {
            width: 50%; } }
      .footer-menu-section .footer-menu-container .footer-menu-left ul > li:first-child .footer-menu-left--item:last-child {
        width: 15%; }
        @media (max-width: 1023px) {
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li:first-child .footer-menu-left--item:last-child {
            width: 50%; } }
      .footer-menu-section .footer-menu-container .footer-menu-left ul > li:last-child .footer-menu-left--item:first-child {
        width: 27%; }
        @media (max-width: 1023px) {
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li:last-child .footer-menu-left--item:first-child {
            width: 50%; } }
      .footer-menu-section .footer-menu-container .footer-menu-left ul > li:last-child .footer-menu-left--item:nth-of-type(2) {
        width: 28%; }
        @media (max-width: 1023px) {
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li:last-child .footer-menu-left--item:nth-of-type(2) {
            width: 50%; } }
      .footer-menu-section .footer-menu-container .footer-menu-left ul > li:last-child .footer-menu-left--item:last-child {
        width: 45%; }
        @media (max-width: 1023px) {
          .footer-menu-section .footer-menu-container .footer-menu-left ul > li:last-child .footer-menu-left--item:last-child {
            width: 100%; } }
    @media (max-width: 1199px) {
      .footer-menu-section .footer-menu-container .footer-menu-left {
        max-width: 816px; } }
    @media (max-width: 1023px) {
      .footer-menu-section .footer-menu-container .footer-menu-left {
        max-width: 100%;
        margin: 0; } }
    .footer-menu-section .footer-menu-container .footer-menu-right {
      padding-right: 100px; }
      .footer-menu-section .footer-menu-container .footer-menu-right h3 {
        font-family: 'InterBold';
        font-size: 20px;
        color: #bdbdbd;
        text-transform: uppercase;
        padding-bottom: 24px; }
        .footer-menu-section .footer-menu-container .footer-menu-right h3 a {
          color: #bdbdbd; }
          .footer-menu-section .footer-menu-container .footer-menu-right h3 a:hover {
            color: #E83828; }
      .footer-menu-section .footer-menu-container .footer-menu-right ul {
        padding-bottom: 30px; }
        .footer-menu-section .footer-menu-container .footer-menu-right ul li {
          font-family: 'InterLight';
          font-size: 14px;
          color: #bdbdbd;
          padding-bottom: 10px; }
          .footer-menu-section .footer-menu-container .footer-menu-right ul li:hover {
            color: #fff; }
          .footer-menu-section .footer-menu-container .footer-menu-right ul li:last-child {
            display: flex; }
      .footer-menu-section .footer-menu-container .footer-menu-right .social-btn a {
        display: block;
        float: left;
        margin-right: 10px; }
        .footer-menu-section .footer-menu-container .footer-menu-right .social-btn a i {
          font-size: 35px;
          color: #bdbdbd; }
        @media (max-width: 640px) {
          .footer-menu-section .footer-menu-container .footer-menu-right .social-btn a i {
            font-size: 25px; } }
      .footer-menu-section .footer-menu-container .footer-menu-right .members-logo > ul:first-child {
        margin-bottom: 20px; }
      .footer-menu-section .footer-menu-container .footer-menu-right .members-logo > ul > li {
        display: inline-block;
        position: relative;
        overflow: hidden;
        margin-right: 20px; }
        .footer-menu-section .footer-menu-container .footer-menu-right .members-logo > ul > li img {
          -webkit-transition: all 0.4s;
          transition: all 0.4s; }
        @media (max-width: 1299px) {
          .footer-menu-section .footer-menu-container .footer-menu-right .members-logo > ul > li img {
            width: 80px; } }
        .footer-menu-section .footer-menu-container .footer-menu-right .members-logo > ul > li img:nth-of-type(2) {
          position: absolute;
          z-index: 0;
          top: 0;
          left: 0;
          opacity: 0; }
        .footer-menu-section .footer-menu-container .footer-menu-right .members-logo > ul > li:nth-of-type(1):hover img:nth-of-type(2), .footer-menu-section .footer-menu-container .footer-menu-right .members-logo > ul > li:nth-of-type(2):hover img:nth-of-type(2), .footer-menu-section .footer-menu-container .footer-menu-right .members-logo > ul > li:nth-of-type(3):hover img:nth-of-type(2) {
          opacity: 1; }
      @media (max-width: 1199px) {
        .footer-menu-section .footer-menu-container .footer-menu-right .members-logo > ul > li {
          margin-bottom: 15px; } }
    @media (max-width: 1499px) {
      .footer-menu-section .footer-menu-container .footer-menu-right {
        padding-right: 0px;
        padding-top: 30px; } }
  @media (max-width: 1050px) {
    .footer-menu-section .footer-menu-container {
      flex-direction: column; } }
.footer-twitter {
    width: 30px;
    margin-top: 3px;
    height: 30px;
    background: #bdbdbd;
    border-radius: 6px;
}
    .footer-twitter .Twitterblack {
        width: 20px;
        margin: 6px 6px;
    }


    footer {
        background-color: #10131B;
        padding: 20px 0px 25px;
    }
  footer .footer {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto; }
    footer .footer .copyright {
      float: right; }
      footer .footer .copyright p {
        font-size: 14px;
        color: #888; }
    @media (max-width: 640px) {
      footer .footer .copyright {
        float: none;
        text-align: center; } }

@font-face {
  font-family: "VippNeue";
  font-display: auto;
  src: url("../../../statics/fonts/VippNeue/VippNeue.woff2") format("woff2"), url("../../../statics/fonts/VippNeue/VippNeue.woff") format("woff"), url("../../../statics/fonts/VippNeue/VippNeue.ttf") format("truetype"), url("../../../statics/fonts/VippNeue/VippNeue.eot") format("embedded-opentype"), url("../../../statics/fonts/VippNeue/VippNeue.svg") format("svg"), url("../../../statics/fonts/VippNeue/VippNeue.otf") format("opentype"); }
/****************************search feedback*****************************/
.feedback-box {
  background-color: #f7f7f7;
  padding: 20px 20px 10px 20px;
  margin-top: 2.3rem; }
  .feedback-box h4.title {
    font-size: 2rem; }
  .feedback-box p.desc {
    margin: 1rem 0 2rem 0;
    font-size: 1.4rem; }

.feedback-online {
  background-color: rgba(232, 56, 40, 0.2);
  font-size: 1.4rem;
  padding: 30px 0; }
  .feedback-online a {
    font-weight: bold;
    text-transform: uppercase; }
    .feedback-online a i {
      font-size: 1.6rem;
      padding: 0 10px; }
    .feedback-online a span {
      font-weight: 400;
      padding-left: 4px; }

.news__section .news__content {
  padding: 40px 0px; }
  .news__section .news__content .news__headline {
    padding: 0px 0px 80px; }
    .news__section .news__content .news__headline h1 {
      font-size: 30px;
      font-weight: 700;
      position: relative;
      float: left; }
      .news__section .news__content .news__headline h1::after {
        content: '';
        background: #E83828;
        display: block;
        height: 3px;
        width: 145px;
        position: absolute;
        bottom: -15px;
        left: 0; }
    @media (max-width: 767px) {
      .news__section .news__content .news__headline h1 {
        float: none; } }
    .news__section .news__content .news__headline .search__container {
      float: right; }
    .news__section .news__content .news__headline .search__input {
      width: 100%;
      padding: 8px 20px;
      font-size: 14px;
      line-height: 18px;
      height: 50px;
      color: #575756;
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: 18px 18px;
      background-position: 95% center;
      border-radius: 50px;
      border: 1px solid #575756;
      transition: all 250ms ease-in-out;
      backface-visibility: hidden;
      transform-style: preserve-3d; }
      .news__section .news__content .news__headline .search__input::placeholder {
        color: color(#575756 a(0.8));
        text-transform: uppercase;
        letter-spacing: 1.5px; }
      .news__section .news__content .news__headline .search__input:hover, .news__section .news__content .news__headline .search__input:focus {
        padding: 8px 20px 0px;
        outline: 0;
        border: 1px solid transparent;
        border-bottom: 1px solid #575756;
        border-radius: 0;
        background-position: 100% center; }
    .news__section .news__content .news__headline .search__icon {
      font-size: 16px;
      color: #575756;
      cursor: pointer;
      float: right;
      right: 20px;
      top: -30px; }
    @media (max-width: 767px) {
      .news__section .news__content .news__headline .search__container {
        float: none;
        margin: 40px 0px 0px; } }
    .news__section .news__content .news__headline .select-box {
      position: relative;
      float: right;
      display: block;
      width: 100%;
      margin: 0 auto;
      font-size: 16px;
      font-weight: 700;
      color: #575756; }
      @media (min-width: 768px) {
        .news__section .news__content .news__headline .select-box {
          width: 70%; } }
      @media (min-width: 992px) {
        .news__section .news__content .news__headline .select-box {
          width: 50%; } }
      @media (min-width: 1200px) {
        .news__section .news__content .news__headline .select-box {
          width: 30%; } }
      .news__section .news__content .news__headline .select-box__current {
        position: relative;
        cursor: pointer;
        outline: none; }
        .news__section .news__content .news__headline .select-box__current:focus + .select-box__list {
          opacity: 1;
          animation-name: none; }
          .news__section .news__content .news__headline .select-box__current:focus + .select-box__list .select-box__option {
            cursor: pointer; }
        .news__section .news__content .news__headline .select-box__current:focus .select-box__icon {
          transform: translateY(-50%) rotate(180deg); }
      .news__section .news__content .news__headline .select-box__icon {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        width: 20px;
        opacity: 0.6;
        transition: 0.2s ease; }
      .news__section .news__content .news__headline .select-box__value {
        display: flex; }
      .news__section .news__content .news__headline .select-box__input {
        display: none; }
        .news__section .news__content .news__headline .select-box__input:checked + .select-box__input-text {
          display: block; }
      .news__section .news__content .news__headline .select-box__input-text {
        display: none;
        width: 100%;
        margin: 0;
        padding: 12px 15px;
        border: 1px solid #575756;
        border-left: 3px solid #E83828; }
      .news__section .news__content .news__headline .select-box__list {
        position: relative;
        width: 100%;
        padding: 0;
        list-style: none;
        opacity: 0;
        animation-name: HideList;
        animation-duration: 0.5s;
        animation-delay: 0.5s;
        animation-fill-mode: forwards;
        animation-timing-function: step-start;
        border-bottom: 1px solid #575756;
        border-left: 3px solid #E83828;
        border-right: 1px solid #575756;
        background-color: #fff;
        z-index: 1; }
      .news__section .news__content .news__headline .select-box__option {
        display: block;
        padding: 6px 15px;
        background-color: #fff;
        font-size: 17px; }
        .news__section .news__content .news__headline .select-box__option:hover, .news__section .news__content .news__headline .select-box__option:focus {
          color: #E83828;
          background-color: #fbfbfb; }
@keyframes HideList {
  from {
    transform: scaleY(1); }
  to {
    transform: scaleY(0); } }
    @media (max-width: 767px) {
      .news__section .news__content .news__headline .select-box {
        float: none;
        margin: 50px 0px 0px; } }
  @media (max-width: 767px) {
    .news__section .news__content .news__headline {
      padding: 0px 0px 40px; } }
  .news__section .news__content .blog__container .col-xs-12 {
    display: block; }
    .news__section .news__content .blog__container .col-xs-12 article {
      position: relative;
      background: #fff;
      box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
      margin-bottom: 30px; }
    @media screen and (min-width: 992px) {
      .news__section .news__content .blog__container .col-xs-12 article {
        height: 347px; } }
  .news__section .news__content .blog__item {
    position: absolute;
    padding: 20px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }
    .news__section .news__content .blog__item .sort {
      color: #E83828;
      text-transform: uppercase;
      font-size: 14px;
      margin-bottom: 10px;
      cursor: pointer; }
    .news__section .news__content .blog__item .title {
      font-size: 26px;
      font-weight: 600;
      color: #fff; }
      .news__section .news__content .blog__item .title:hover {
        color: #fff !important;
        text-decoration: underline !important; }
    @media (max-width: 767px) {
      .news__section .news__content .blog__item .title {
        font-size: 20px; } }
    .news__section .news__content .blog__item .date {
      position: absolute;
      bottom: 20px;
      left: 20px;
      color: #fff;
      font-size: 14px; }
  .news__section .news__content .blog__background {
    height: 100%; }
    .news__section .news__content .blog__background img {
      display: block;
      max-height: 347px;
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .news__section .news__content .blog__text {
    padding: 20px; }
    .news__section .news__content .blog__text .sort {
      color: #E83828;
      text-transform: uppercase;
      font-size: 12px;
      margin-bottom: 10px;
      cursor: pointer; }
    .news__section .news__content .blog__text .title {
      font-size: 18px;
      font-weight: 600;
      color: #333; }
      .news__section .news__content .blog__text .title:hover {
        color: #333 !important;
        text-decoration: underline !important; }
    .news__section .news__content .blog__text .date {
      position: absolute;
      bottom: 20px;
      left: 20px;
      color: #333;
      font-size: 14px; }
  @media (max-width: 767px) {
    .news__section .news__content .blog__text {
      padding: 50px 20px; } }
  .news__section .news__content .blog__page {
    margin: 20px 0 0;
    text-align: center; }
    .news__section .news__content .blog__page a {
      float: none;
      display: inline-block;
      border-radius: 0;
      border: 1px solid #E83828;
      color: #E83828;
      background: transparent;
      text-transform: uppercase;
      font-size: 16px;
      padding: 8px 30px; }
      .news__section .news__content .blog__page a:hover {
        text-decoration: underline !important; }
  .news__section .news__content .news__container {
    display: none; }
    .news__section .news__content .news__container article {
      background: #fff;
      box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.15);
      position: relative;
      overflow: hidden; }
      .news__section .news__content .news__container article:hover .news__share {
        opacity: 1; }
      .news__section .news__content .news__container article:hover .news__image img {
        transform: translateY(-15px); }
      .news__section .news__content .news__container article:hover .news__item {
        transform: translateY(-30px); }
  .news__section .news__content .news__show {
    display: block; }
  .news__section .news__content .news__image img {
    position: relative;
    overflow: hidden;
    width: 100%;
    transform: translateY(0px);
    transition: transform .3s ease-out; }
  .news__section .news__content .news__item {
    padding: 20px 20px 0px;
    position: relative;
    overflow: hidden;
    background: #fff;
    transform: translateY(0px);
    transition: transform .3s ease-out; }
  .news__section .news__content .news__sort {
    color: #E83828;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0px 0px 6px; }
  .news__section .news__content .news__title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    display: block;
    margin: 0px 0px 16px; }
    .news__section .news__content .news__title:hover {
      color: #333 !important;
      text-decoration: underline !important; }
  .news__section .news__content .news__desc {
    font-size: 15px;
    color: #333;
    margin: 0px 0px 20px;
    -webkit-line-clamp: 2;
    -ms-line-clamp: 2;
    -moz-line-clamp: 2;
    -o-line-clamp: 2;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -woz-box-orient: vertical;
    -o-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 32px; }
  .news__section .news__content .news__date {
    color: #595959;
    font-size: 14px; }
  .news__section .news__content .news__share {
    margin-top: 10px;
    transition: opacity .3s ease-out;
    opacity: 0; }
    .news__section .news__content .news__share li {
      display: inline-block;
      margin-right: 5px; }
      .news__section .news__content .news__share li a {
        font-size: 25px;
        color: #595959; }

.News {
  padding: 2rem 0; }
  .News .News-box {
    background: #fff;
    border-radius: 4px;
    margin: 0 -10px 10px -10px; }
    .News .News-box .Newsimg img {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      width: 100%;
      height: 178px; }
      .News .News-box .Newsimg img:hover {
        opacity: 0.9; }
    .News .News-box .NewsText {
      border-bottom: 1px solid #eee;
      padding: 11px 16px 13px;
      height: 130px; }
      .News .News-box .NewsText a {
        color: #212529;
        font-size: 1.4rem;
        margin-bottom: 2px;
        -webkit-line-clamp: 1;
        -ms-line-clamp: 1;
        -moz-line-clamp: 1;
        -o-line-clamp: 1;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -woz-box-orient: vertical;
        -o-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box; }
        .News .News-box .NewsText a:hover {
          color: #E83828; }
      .News .News-box .NewsText p.desc {
        color: #adb5bd;
        line-height: 16px;
        margin-bottom: 12px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -ms-line-clamp: 2;
        -moz-line-clamp: 2;
        -o-line-clamp: 2;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        -woz-box-orient: vertical;
        -o-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        height: 32px; }
      .News .News-box .NewsText p.more {
        text-align: right; }

@media screen and (max-width: 600px) {
  .NewsText a {
    -webkit-line-clamp: 3 !important;
    -ms-line-clamp: 3 !important;
    -moz-line-clamp: 3 !important;
    height: 60px !important;
    line-height: 1.4rem;
    font-size: 1.2rem !important; } }
/***********************************
*新闻详细页：新闻标题                 *
************************************/
.sljf_article_title {
  margin-top: 20px;
  font-size: 20px;
  text-align: center;
  color: #333;
  text-decoration: none; }

/***********************************
*新闻详细页：日期+作者组件             *
************************************/
.sljf_article_info {
  margin: 8px 0px 0px 0px;
  text-align: center;
  color: #777; }

.sljf_article_share {
  float: right; }
  .sljf_article_share ul li {
    display: inline-block; }
    .sljf_article_share ul li a {
      padding: 0 4px; }

.st-custom-button .Twitterblack {
    width: 14px;
    display: block;
}

.st-custom-button .Twitterorange {
    width: 14px;
    display: none;
}

.st-custom-button:hover .Twitterblack {
    width: 14px;
    display: none;
}

.st-custom-button:hover .Twitterorange {
    width: 14px;
    display: block;
}

/***********************************
*  新闻详细页(通用内页)：新闻主体样式     *
************************************/
.sljf_article_artcontent {
  clear: both;
  font-size: 14px;
  overflow: hidden;
  color: #444;
  margin-bottom: 10px;
  padding-top: 20px; }

.sljf_article_artcontent a:hover,
.sljf_article_artcontent a:active {
  text-decoration: none; }

.sljf_article_artcontent img {
  margin: 0 auto; }

.sljf_article_artcontent p {
  line-height: 24px; }

.sljf_article_artcontent em {
  font-style: italic; }

.sljf_article_email:after {
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
  content: ""; }

.sljf_article_email span {
  border-bottom: 2px solid #E83828;
  height: 1px;
  width: 15px; }

.sljf_article_email .sljf_article_emailsub {
  float: left;
  display: inline-block;
  width: 200px;
  padding: 0px 0px 10px 0px; }

.sljf_article_email .sljf_article_emailsub h4 {
  padding-bottom: 4px;
  color: #666;
  font-weight: 700; }

.sljf_article_email .sljf_article_emailsub a {
  color: #757575; }

/***************自适应调试*************/
/*移动端*/
@media screen and (max-width: 767px) {
  .sljf_article_email .sljf_article_emailsub {
    width: 155px; } }
/***********************************
*新闻详细页(通用内页)：留言表单      *
************************************/
.sljf_inquiry {
  width: 100%;
  margin: auto;
  padding: 20px 0px 50px 0px;
  overflow: hidden; }
  .sljf_inquiry .layui-form-item-btn {
    text-align: right; }
    .sljf_inquiry .layui-form-item-btn .layui-btn {
      background-color: #000; }
  .sljf_inquiry .f_enter {
    margin-top: 10px; }

/***********************************
*新闻详细页：底部表单      *
************************************/
.article_footerform {
  background-color: #f7f7f7;
  padding: 20px 40px; }
  .article_footerform .form-group {
    margin-bottom: 20px; }
    .article_footerform .form-group h6 {
      font-size: 14px;
      margin-bottom: 8px; }
    .article_footerform .form-group input {
      width: 100%;
      min-height: 40px;
      padding: 4px;
      border: 1px solid #fff;
      outline: none; }
    .article_footerform .form-group textarea {
      width: 100%;
      min-height: 120px;
      padding: 4px;
      border: 1px solid #fff;
      outline: none;
      resize: none; }
  .article_footerform .article-form-botton {
    text-align: center; }
    .article_footerform .article-form-botton .article-form-text {
      display: inline-block;
      font-size: 16px;
      cursor: pointer;
      background-color: #E9871D;
      color: #fff;
      padding: 10px 30px; }

/***********************************
*新闻列表页：新闻列表                 *
************************************/
.sljf_article_list {
  font-size: 12px;
  padding-right: 10px; }

.sljf_article_list .sljf_article_Faqlist {
  padding: 10px 0;
  border: 0; }

.sljf_article_list li {
  font-size: 12px;
  padding: 20px 0;
  border-bottom: dotted 1px #d1d1d1; }

.sljf_article_list li .f_sub1 .f_title {
  font-weight: bold;
  font-size: 13px;
  padding-right: 10px; }

.sljf_article_list .sljf_article_Faqlist .f_sub1 a:hover,
.sljf_article_list .sljf_article_Faqlist .f_sub1 a:active {
  color: #E83828;
  text-decoration: none; }

.sljf_article_list li .f_sub1 .f_time {
  color: #999; }

.sljf_article_list li .f_sub2 {
  font-size: 12px;
  color: #666;
  margin-top: 3px; }

.sljf_article_list li .f_sub2 .f_more a {
  text-decoration: underline; }

/***********************************
*通用内页：留言产品询价商品列表          *
************************************/
.sljf_inquiry_products li {
  display: inline-flex;
  padding: 10px; }

.sljf_inquiry_products li .f_img {
  float: left; }

.sljf_inquiry_products li .f_img img {
  margin-right: 10px;
  width: 60px;
  height: 60px; }

.sljf_inquiry_products li .f_text span {
  display: block; }

.sljf_inquiry_products li .f_text .f_no2 {
  color: #666666; }

.sljf_inquiry_products li .f_text .f_no3 {
  font-size: 11px;
  margin-top: 6px; }

.sljf_inquiry_products li .f_text .f_no3 a {
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 2px;
  color: #fff;
  text-decoration: none;
  background: #E83828; }

/****************************产品留言*/
.sljf_inquiry .f_products {
  padding-bottom: 15px; }
  .sljf_inquiry .f_products .f_title {
    padding-bottom: 10px;
    display: block; }
  .sljf_inquiry .f_products .sljb_inquiry {
    border: solid 1px #cccccc;
    padding: 0px 0px 10px 0px;
    overflow: hidden; }
    .sljf_inquiry .f_products .sljb_inquiry .b_dt {
      height: 33px;
      line-height: 33px;
      background: #f8f8f8;
      font-size: 12px;
      color: #ff9933;
      border-bottom: none;
      padding-right: 10px; }
      .sljf_inquiry .f_products .sljb_inquiry .b_dt strong {
        float: left; }
        .sljf_inquiry .f_products .sljb_inquiry .b_dt strong a {
          text-decoration: none; }
      .sljf_inquiry .f_products .sljb_inquiry .b_dt span {
        float: right;
        cursor: pointer; }
    .sljf_inquiry .f_products .sljb_inquiry .b_dd {
      border-top: none;
      padding: 0px 30px;
      zoom: 1;
      /*解决ie6有时padding值会对子容器产生影响*/ }
    .sljf_inquiry .f_products .sljb_inquiry .b_dd001 {
      padding: 5px 0px 0px 0px;
      text-align: right; }
      .sljf_inquiry .f_products .sljb_inquiry .b_dd001 .b_no1 {
        text-decoration: none;
        color: #999;
        padding-right: 10px; }
      .sljf_inquiry .f_products .sljb_inquiry .b_dd001 .b_no2 {
        padding: 3px 11px;
        color: #666666;
        text-decoration: none; }
.sljf_inquiry .f_text_box {
  padding-bottom: 15px; }
  .sljf_inquiry .f_text_box .f_title {
    padding-bottom: 10px;
    display: block; }

.aboutus-content-section {
  padding: 60px 0px; }

/*Banner*/
.gamingroom-banner-section .gamingroom-banner-text {
  padding: 60px 0px;
  background-color: #000; }
  .gamingroom-banner-section .gamingroom-banner-text h1 {
    font-size: 34px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding-bottom: 10px; }
  .gamingroom-banner-section .gamingroom-banner-text h3 {
    font-size: 20px;
    color: #fff;
    text-align: center; }
  @media only screen and (max-width: 767px) {
    .gamingroom-banner-section .gamingroom-banner-text h1 {
      font-size: 24px; }
    .gamingroom-banner-section .gamingroom-banner-text h3 {
      font-size: 16px; } }

.gamingroom-content-section {
  padding-bottom: 30px;
  background-color: #000; }
  .gamingroom-content-section .gamingroom-content-banner {
    display: flex;
    justify-content: space-between;
    padding: 0px 15px; }
    .gamingroom-content-section .gamingroom-content-banner .gamingroom-content-banner--image {
      width: 76.77%; }
    .gamingroom-content-section .gamingroom-content-banner .gamingroom-content-banner--text {
      width: 23.23%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-color: #000;
      min-height: 530px;
      padding: 0 54px;
      background-color: #9d0e05; }
      .gamingroom-content-section .gamingroom-content-banner .gamingroom-content-banner--text h2 {
        font-size: 26px;
        font-weight: 600;
        padding-bottom: 20px;
        color: #fff; }
      .gamingroom-content-section .gamingroom-content-banner .gamingroom-content-banner--text h3 {
        font-size: 18px;
        color: #fff;
        line-height: 22px; }
      @media only screen and (max-width: 767px) {
        .gamingroom-content-section .gamingroom-content-banner .gamingroom-content-banner--text h2 {
          font-size: 20px;
          padding-bottom: 5px; }
        .gamingroom-content-section .gamingroom-content-banner .gamingroom-content-banner--text h3 {
          font-size: 14px; } }
    @media only screen and (max-width: 1023px) {
      .gamingroom-content-section .gamingroom-content-banner .gamingroom-content-banner--text {
        flex-direction: column;
        min-height: auto;
        width: 100%;
        padding: 30px 15px; }
      .gamingroom-content-section .gamingroom-content-banner .gamingroom-content-banner--image {
        width: 100%; } }
  @media only screen and (max-width: 1023px) {
    .gamingroom-content-section .gamingroom-content-banner {
      flex-direction: column; } }
  .gamingroom-content-section .gamingroom-content-banner--desc {
    padding: 30px 15px; }
    .gamingroom-content-section .gamingroom-content-banner--desc p {
      font-size: 16px;
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .gamingroom-content-section .gamingroom-content-banner--desc p {
      font-size: 14px; } }
  .gamingroom-content-section .gamingroom-content-flex {
    padding: 0px 0 7px;
    background-color: #000; }
    .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-headline {
      color: #fff;
      text-align: center;
      padding-bottom: 30px;
      font-weight: 600;
      font-size: 28px; }
    .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row {
      display: flex;
      margin-left: auto;
      margin-right: auto;
      padding-left: 11px;
      padding-bottom: 8px;
      padding-right: 11px; }
      .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item {
        position: relative;
        padding-right: 4px;
        padding-left: 4px; }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--1 {
          position: absolute;
          top: 10%;
          left: 25%;
          transform: translate(-25%, -10%); }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--1 h2 {
            font-size: 28px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--1 p {
            font-size: 20px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--1 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--1 p {
              font-size: 14px; } }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--3 {
          position: absolute;
          top: 20%;
          left: 10%;
          transform: translate(-10%, -20%); }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--3 h2 {
            font-size: 28px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--3 p {
            font-size: 20px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--3 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--3 p {
              font-size: 14px; } }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--4 {
          position: absolute;
          top: 10%;
          right: 15%;
          transform: translate(15%, -10%);
          text-align: right; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--4 h2 {
            font-size: 28px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--4 p {
            font-size: 20px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--4 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--4 p {
              font-size: 14px; } }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--5 {
          position: absolute;
          top: 20%;
          right: 10%;
          transform: translate(10%, -20%);
          text-align: right; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--5 h2 {
            font-size: 28px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--5 p {
            font-size: 20px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--5 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--5 p {
              font-size: 14px; } }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--6 {
          position: absolute;
          top: 25%;
          left: 10%;
          transform: translate(-10%, -25%); }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--6 h2 {
            font-size: 28px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--6 p {
            font-size: 20px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--6 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--6 p {
              font-size: 14px; } }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--7 {
          position: absolute;
          top: 15%;
          left: 10%;
          transform: translate(-10%, -15%); }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--7 h2 {
            font-size: 28px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--7 p {
            font-size: 20px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--7 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--7 p {
              font-size: 14px; } }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--8 {
          position: absolute;
          top: 10%;
          left: 30%;
          transform: translate(-30%, -10%); }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--8 h2 {
            font-size: 20px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--8 p {
            font-size: 16px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--8 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--8 p {
              font-size: 14px; } }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--9 {
          position: absolute;
          top: 10%;
          left: 15%;
          transform: translate(-15%, -10%); }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--9 h2 {
            font-size: 28px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--9 p {
            font-size: 20px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--9 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--9 p {
              font-size: 14px; } }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--10 {
          position: absolute;
          bottom: 10%;
          right: 10%;
          transform: translate(10%, 10%);
          text-align: right; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--10 h2 {
            font-size: 28px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--10 p {
            font-size: 20px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--10 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--10 p {
              font-size: 14px; } }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--11 {
          position: absolute;
          bottom: 60%;
          right: 15%;
          transform: translate(15%, 60%);
          text-align: right; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--11 h2 {
            font-size: 22px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--11 p {
            font-size: 18px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--11 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--11 p {
              font-size: 14px; } }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--12 {
          position: absolute;
          bottom: 60%;
          left: 15%;
          transform: translate(-15%, 60%); }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--12 h2 {
            font-size: 28px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--12 p {
            font-size: 20px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--12 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item .gamingroom-content-text--12 p {
              font-size: 14px; } }
      .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item {
        position: relative;
        padding-right: 4px;
        padding-left: 4px; }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item:first-child {
          margin-bottom: 8px; }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item .gamingroom-content-text--2 {
          position: absolute;
          bottom: 15%;
          left: 20%;
          transform: translate(-5%, 15%); }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item .gamingroom-content-text--2 h2 {
            font-size: 20px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item .gamingroom-content-text--2 p {
            font-size: 16px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item .gamingroom-content-text--2 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item .gamingroom-content-text--2 p {
              font-size: 14px; } }
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item .gamingroom-content-text--10 {
          position: absolute;
          top: 15%;
          left: 20%;
          transform: translate(-20%, -15%); }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item .gamingroom-content-text--10 h2 {
            font-size: 22px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 5px; }
          .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item .gamingroom-content-text--10 p {
            font-size: 18px;
            color: #fff; }
          @media only screen and (max-width: 767px) {
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item .gamingroom-content-text--10 h2 {
              font-size: 20px; }
            .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-column .gamingroom-content-column--item .gamingroom-content-text--10 p {
              font-size: 14px; } }
      @media (max-width: 1023px) {
        .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row .gamingroom-content-item {
          padding-bottom: 8px; } }
    @media only screen and (max-width: 1023px) {
      .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-row {
        flex-direction: column; } }
    @media only screen and (max-width: 767px) {
      .gamingroom-content-section .gamingroom-content-flex .gamingroom-content-headline {
        font-size: 24px; } }

/***********************************
*Support 主要内容                   *
************************************/
.sljl_main_content .f_inner_content .scene img {
  width: 100%; }

/*tab*/
.sljl_main_content .tab-title {
  height: 40px;
  margin: 20px 0; }

/*标题面板*/
.sljl_main_content .f_inner_content .f_contentHead {
  font-size: 14px;
  cursor: pointer;
  transition: 0.5s;
  border-left: 2px solid #ddd; }

.sljl_main_content .f_inner_content .f_contentHead.f_thisClass {
  color: #E83828;
  border-left: 2px solid #E83828; }

.sljl_main_content .f_inner_content .f_contentHead.f_thisClass span {
  background-color: rgba(240, 133, 25, 0.8); }

.sljl_main_content .f_inner_content .f_contentBtnDown {
  float: right;
  cursor: pointer; }

.sljl_main_content .f_inner_content .f_contentBtnDown.f_thisClass {
  /*下拉箭头旋转*/
  transform: rotate(-180deg); }

/*support中的search列表*/
.f_support_searchTitle {
  display: block;
  padding: 20px 0px 35px 0;
  margin: 0 15px; }

.f_support_searchTitle span {
  border-bottom: 4px double #ddd;
  font-size: 14px;
  padding: 8px 20px; }

/*support中的videos列表*/
.f_support_videos ul li {
  margin: 5px 0; }

.f_support_videos .f_thumbnail_img {
  width: inherit;
  height: inherit;
  padding: 4px;
  position: relative;
  border-radius: 4px;
  border: none; }

.f_support_videos .f_thumbnail_img i {
  position: absolute;
  font-size: 30px;
  opacity: .7;
  color: red;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  cursor: pointer; }

.f_support_videos .f_thumbnail_img:hover i,
.f_support_videos .f_thumbnail_img:active i {
  display: block;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s; }

.f_support_videos .f_thumbnail_img img {
  max-width: 100%;
  width: inherit;
  height: inherit;
  margin: 0 auto; }

/*support中的white papers列表*/
.f_inner_whitepapers_item {
  padding: 10px 0; }

.f_inner_whitepapers .f_thumbnail_img {
  width: 100%;
  height: 100%; }

.f_inner_whitepapers .f_thumbnail_img img {
  width: 100%;
  height: 100%; }

.f_inner_whitepapers .subTitle {
  color: #666;
  padding: 5px 0;
  -webkit-line-clamp: 1;
  -ms-line-clamp: 1;
  -moz-line-clamp: 1;
  -o-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -woz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; }

.f_inner_whitepapers .content {
  color: #333;
  margin: 8px 0;
  -webkit-line-clamp: 8;
  -ms-line-clamp: 8;
  -moz-line-clamp: 8;
  -o-line-clamp: 8;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -woz-box-orient: vertical;
  -o-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; }

.f_inner_whitepapers .f_thumbnail_btn .btn1 {
  position: inherit;
  padding-right: 10px; }

.f_thumbnail_btn a {
  font-size: 18px;
  color: #666; }

.f_thumbnail_btn a:hover {
  font-size: 18px;
  color: #E83828; }

/*support中的Marketing Support*/
/*Banner*/
.market-banner-section {
  background-image: url("../../images/MarketingSupport/banner.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .market-banner-section .parallax-content .section-md {
    padding: 358px 0; }
    .market-banner-section .parallax-content .section-md img {
      width: 104px;
      margin: 0 auto; }
    .market-banner-section .parallax-content .section-md h1 {
      font-size: 35px;
      line-height: 1.4;
      color: #fff;
      font-family: 'GothamBold', sans-serif;
      margin-top: 30px;
      text-align: center; }
  @media screen and (max-width: 767px) {
    .market-banner-section .parallax-content .section-md {
      padding: 60px 0; }
      .market-banner-section .parallax-content .section-md img {
        width: 60px; }
      .market-banner-section .parallax-content .section-md h1 {
        font-size: 26px;
        margin-top: 10px; } }

@media (min-width: 1200px) {
  .market-banner-section {
    height: 900px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .market-banner-section {
    height: 680px; } }
@media (max-width: 767px) {
  .market-banner-section {
    height: 300px; } }
/*Aboutus*/
.market-about-section {
  padding: 40px 0px 20px; }
  .market-about-section .about-indexed-content h1 {
    font-size: 35px;
    color: #4D4D4D;
    font-family: 'GothamBold', sans-serif;
    text-align: center;
    margin-bottom: 10px; }
    .market-about-section .about-indexed-content h1 span {
      color: #F18B1A; }
  .market-about-section .about-indexed-content p {
    color: #4D4D4D;
    font-size: 18px;
    font-family: 'GothamBook', sans-serif;
    line-height: 1.4;
    text-align: center; }
    .market-about-section .about-indexed-content p span {
      color: #E83828; }

@media (max-width: 767px) {
  .market-about-section {
    padding: 40px 15px 20px; } }
/*PHOTOGRAPHY*/
.market-photograph-section {
  margin-bottom: 10px; }
  .market-photograph-section .container-wide {
    background-color: #FAFAFA; }
    .market-photograph-section .container-wide .photograph-indexed-content h1 {
      font-size: 35px;
      color: #F18B1A;
      font-family: 'GothamBold', sans-serif;
      margin-top: 40px;
      margin-bottom: 20px;
      text-align: center; }
    .market-photograph-section .container-wide .f_in_right {
      position: relative;
      overflow: hidden; }
      .market-photograph-section .container-wide .f_in_right .f_text {
        position: absolute;
        bottom: 35%;
        right: 5%; }
        .market-photograph-section .container-wide .f_in_right .f_text h3 {
          color: #fff;
          font-size: 24px;
          font-family: 'GothamBold', sans-serif;
          line-height: 1.4;
          text-align: right; }
          .market-photograph-section .container-wide .f_in_right .f_text h3 span {
            font-family: 'GothamBook', sans-serif; }
    .market-photograph-section .container-wide .f_in_left {
      position: relative;
      overflow: hidden; }
      .market-photograph-section .container-wide .f_in_left .f_text {
        position: absolute;
        top: 15%;
        left: 10%; }
        .market-photograph-section .container-wide .f_in_left .f_text h3 {
          color: #969796;
          font-size: 24px;
          font-family: 'GothamBold', sans-serif;
          line-height: 1.4;
          text-align: left; }
          .market-photograph-section .container-wide .f_in_left .f_text h3 span {
            font-family: 'GothamBook', sans-serif; }
    .market-photograph-section .container-wide .f_in_left1 {
      position: relative;
      overflow: hidden; }
      .market-photograph-section .container-wide .f_in_left1 .f_text {
        position: absolute;
        top: 15%;
        left: 10%; }
        .market-photograph-section .container-wide .f_in_left1 .f_text h3 {
          color: #4d4d4d;
          font-size: 24px;
          font-family: 'GothamBold', sans-serif;
          line-height: 1.4;
          text-align: left; }
          .market-photograph-section .container-wide .f_in_left1 .f_text h3 span {
            font-family: 'GothamBook', sans-serif; }
    .market-photograph-section .container-wide .f_in_center {
      position: relative;
      overflow: hidden; }
      .market-photograph-section .container-wide .f_in_center .f_text {
        position: absolute;
        top: 15%;
        width: 100%;
        text-align: center; }
        .market-photograph-section .container-wide .f_in_center .f_text img {
          width: 61px;
          margin: 0 auto; }
        .market-photograph-section .container-wide .f_in_center .f_text p {
          color: #4d4d4d;
          font-size: 24px;
          font-family: 'GothamBook', sans-serif;
          line-height: 1.4; }
    .market-photograph-section .container-wide .photograph-text-bottom {
      margin-top: 30px;
      margin-bottom: 30px; }
      .market-photograph-section .container-wide .photograph-text-bottom p {
        color: #4D4D4D;
        font-size: 16px;
        font-family: 'GothamBook', sans-serif;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 40px; }
        .market-photograph-section .container-wide .photograph-text-bottom p span {
          color: #E83828; }
    @media (max-width: 767px) {
      .market-photograph-section .container-wide .photograph-text-bottom {
        padding: 40px 15px 20px; } }
  .market-photograph-section .row0 {
    padding: 0px; }
  @media screen and (min-width: 1800px) {
    .market-photograph-section .container-wide {
      width: 1750px; } }

/*Video PRODUCTION*/
.market-video-section {
  margin-bottom: 10px; }
  .market-video-section .row0 {
    padding: 0px; }
  .market-video-section .video-indexed-content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .market-video-section .video-indexed-content .video-indexed-left {
      max-width: 380px;
      padding: 0px 60px; }
      .market-video-section .video-indexed-content .video-indexed-left h1 {
        font-size: 35px;
        color: #F18B1A;
        font-family: 'GothamBold', sans-serif;
        margin-bottom: 35px; }
        .market-video-section .video-indexed-content .video-indexed-left h1 span {
          color: #4D4D4D; }
      .market-video-section .video-indexed-content .video-indexed-left p {
        color: #4D4D4D;
        font-size: 15px;
        font-family: 'GothamBook', sans-serif;
        line-height: 1.4;
        margin-bottom: 10px; }
        .market-video-section .video-indexed-content .video-indexed-left p span {
          color: #E83828; }
      .market-video-section .video-indexed-content .video-indexed-left ul {
        padding-left: 20px;
        margin-bottom: 40px;
        margin-top: 40px; }
        .market-video-section .video-indexed-content .video-indexed-left ul li {
          color: #4D4D4D;
          font-size: 15px;
          font-family: 'GothamBook', sans-serif;
          line-height: 1.6;
          list-style-type: disc; }
      .market-video-section .video-indexed-content .video-indexed-left .button-access {
        display: inline-block;
        width: auto;
        max-width: 100%;
        border-radius: 20px;
        padding: 4px 30px;
        line-height: 24px;
        font-size: 14px;
        font-family: 'GothamBook', sans-serif;
        letter-spacing: 0.06em;
        transition: .33s all ease;
        white-space: normal;
        cursor: pointer;
        text-align: center; }
      .market-video-section .video-indexed-content .video-indexed-left .button-gray-light-outline {
        color: #4D4D4D;
        background-color: transparent;
        border: 1px solid #4D4D4D;
        margin-top: 12px; }
        .market-video-section .video-indexed-content .video-indexed-left .button-gray-light-outline strong {
          font-family: 'GothamMedium', sans-serif; }
      .market-video-section .video-indexed-content .video-indexed-left .button-gray-light-outline:hover {
        color: #fff !important;
        background-color: #E83828;
        border-color: #E83828; }
    @media screen and (max-width: 920px) {
      .market-video-section .video-indexed-content .video-indexed-left {
        max-width: inherit;
        padding: 30px 15px; } }
    .market-video-section .video-indexed-content .video-indexed-right {
      max-width: 1370px; }
      .market-video-section .video-indexed-content .video-indexed-right .item-img {
        position: relative;
        padding: 0; }
      .market-video-section .video-indexed-content .video-indexed-right .f_text {
        position: absolute;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
        .market-video-section .video-indexed-content .video-indexed-right .f_text .f_line {
          width: 60px;
          height: 8px;
          background-color: #F18B1A; }
        .market-video-section .video-indexed-content .video-indexed-right .f_text .f_icon {
          width: 120px;
          height: 100px;
          text-align: center;
          background-color: #F18B1A; }
          .market-video-section .video-indexed-content .video-indexed-right .f_text .f_icon img {
            width: 36px;
            padding: 10px 0px;
            margin: 0 auto; }
          .market-video-section .video-indexed-content .video-indexed-right .f_text .f_icon h3 {
            font-size: 14px;
            color: #fff;
            font-family: 'GothamBook', sans-serif; }
      .market-video-section .video-indexed-content .video-indexed-right img {
        width: 100%;
        max-width: 100%;
        height: auto; }
      .market-video-section .video-indexed-content .video-indexed-right .item-img-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 2;
        -webkit-transform: translateY(10px);
        transform: translateY(10px); }
        .market-video-section .video-indexed-content .video-indexed-right .item-img-overlay .overlay-info-text {
          text-align: center;
          top: 40%;
          position: absolute;
          width: 100%; }
          .market-video-section .video-indexed-content .video-indexed-right .item-img-overlay .overlay-info-text img {
            width: 64px;
            cursor: pointer;
            margin: 0 auto; }
      .market-video-section .video-indexed-content .video-indexed-right .item-img:hover .item-img-overlay {
        opacity: 0.6;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
  @media screen and (max-width: 920px) {
    .market-video-section .video-indexed-content {
      flex-direction: column; } }
  .market-video-section .video-bgcolor {
    background-color: #FAFAFA; }
  @media screen and (min-width: 1800px) {
    .market-video-section .container-wide {
      width: 1750px; } }

/*GRAPHIC DESIGN*/
.market-graphic-section {
  margin-bottom: 10px; }
  .market-graphic-section .graphic-indexed-content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .market-graphic-section .graphic-indexed-content .graphic-indexed-left {
      max-width: 1370px; }
    .market-graphic-section .graphic-indexed-content .graphic-indexed-right {
      max-width: 380px;
      padding: 0px 40px; }
      .market-graphic-section .graphic-indexed-content .graphic-indexed-right h1 {
        font-size: 35px;
        color: #F18B1A;
        font-family: 'GothamBold', sans-serif;
        margin-bottom: 35px; }
        .market-graphic-section .graphic-indexed-content .graphic-indexed-right h1 strong {
          color: #4D4D4D;
          font-weight: normal; }
      .market-graphic-section .graphic-indexed-content .graphic-indexed-right p {
        color: #4D4D4D;
        font-size: 15px;
        font-family: 'GothamBook', sans-serif;
        line-height: 1.4;
        margin-bottom: 40px; }
        .market-graphic-section .graphic-indexed-content .graphic-indexed-right p span {
          color: #E83828; }
      .market-graphic-section .graphic-indexed-content .graphic-indexed-right ul {
        padding-left: 20px;
        margin-bottom: 40px; }
        .market-graphic-section .graphic-indexed-content .graphic-indexed-right ul li {
          color: #4D4D4D;
          font-size: 15px;
          font-family: 'GothamBook', sans-serif;
          line-height: 1.6;
          list-style-type: disc; }
      .market-graphic-section .graphic-indexed-content .graphic-indexed-right .button-access {
        display: inline-block;
        width: auto;
        max-width: 100%;
        border-radius: 20px;
        padding: 4px 30px;
        line-height: 24px;
        font-size: 14px;
        font-family: 'GothamBook', sans-serif;
        letter-spacing: 0.06em;
        transition: .33s all ease;
        white-space: normal;
        cursor: pointer;
        text-align: center; }
      .market-graphic-section .graphic-indexed-content .graphic-indexed-right .button-gray-light-outline {
        color: #4D4D4D;
        background-color: transparent;
        border: 1px solid #4D4D4D;
        margin-top: 12px; }
        .market-graphic-section .graphic-indexed-content .graphic-indexed-right .button-gray-light-outline strong {
          font-family: 'GothamMedium', sans-serif; }
      .market-graphic-section .graphic-indexed-content .graphic-indexed-right .button-gray-light-outline:hover {
        color: #fff !important;
        background-color: #E83828;
        border-color: #E83828; }
      .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-brochure {
        margin-bottom: 30px; }
        .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-brochure .graphic-pages-listed {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-brochure .graphic-pages-listed h6 {
            font-size: 14px;
            color: #4d4d4d;
            font-family: 'GothamBold', sans-serif; }
            .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-brochure .graphic-pages-listed h6 span {
              color: #F18B1A; }
        .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-brochure .graphic-pages-line {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 10px; }
          .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-brochure .graphic-pages-line .pages-lines-left {
            width: 190px;
            height: 5px;
            background-color: #F18B1A; }
          .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-brochure .graphic-pages-line .pages-lines-right {
            width: 110px;
            height: 5px;
            background-color: #969796; }
      .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-catalog {
        margin-bottom: 30px; }
        .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-catalog .graphic-pages-listed {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-catalog .graphic-pages-listed h6 {
            font-size: 14px;
            color: #4d4d4d;
            font-family: 'GothamBold', sans-serif; }
            .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-catalog .graphic-pages-listed h6 span {
              color: #F18B1A; }
        .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-catalog .graphic-pages-line {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 10px; }
          .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-catalog .graphic-pages-line .pages-lines-left {
            width: 280px;
            height: 5px;
            background-color: #F18B1A; }
          .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-catalog .graphic-pages-line .pages-lines-right {
            width: 20px;
            height: 5px;
            background-color: #969796; }
      .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-poster {
        margin-bottom: 60px; }
        .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-poster .graphic-pages-listed {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-poster .graphic-pages-listed h6 {
            font-size: 14px;
            color: #4d4d4d;
            font-family: 'GothamBold', sans-serif; }
            .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-poster .graphic-pages-listed h6 span {
              color: #F18B1A; }
        .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-poster .graphic-pages-line {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 10px; }
          .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-poster .graphic-pages-line .pages-lines-left {
            width: 40px;
            height: 5px;
            background-color: #F18B1A; }
          .market-graphic-section .graphic-indexed-content .graphic-indexed-right .graphic-pages-poster .graphic-pages-line .pages-lines-right {
            width: 280px;
            height: 5px;
            background-color: #969796; }
    @media screen and (max-width: 920px) {
      .market-graphic-section .graphic-indexed-content .graphic-indexed-right {
        max-width: inherit;
        padding: 30px 15px; } }
    @media screen and (max-width: 920px) {
      .market-graphic-section .graphic-indexed-content .graphic-indexed-content {
        flex-direction: column; } }
  .market-graphic-section .graphic-bgcolor {
    background-color: #FAFAFA; }
  @media screen and (max-width: 920px) {
    .market-graphic-section .graphic-indexed-content {
      flex-direction: column; } }
  @media screen and (min-width: 1800px) {
    .market-graphic-section .container-wide {
      width: 1750px; } }

/*PACKAGE DESIGN*/
.market-package-section {
  margin-bottom: 10px; }
  .market-package-section .package-indexed-content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .market-package-section .package-indexed-content .package-indexed-left {
      max-width: 380px;
      padding: 0px 40px; }
      .market-package-section .package-indexed-content .package-indexed-left h1 {
        font-size: 35px;
        color: #F18B1A;
        font-family: 'GothamBold', sans-serif;
        margin-bottom: 35px; }
        .market-package-section .package-indexed-content .package-indexed-left h1 strong {
          color: #4D4D4D;
          font-weight: normal; }
      .market-package-section .package-indexed-content .package-indexed-left p {
        color: #4D4D4D;
        font-size: 15px;
        font-family: 'GothamBook', sans-serif;
        line-height: 1.4;
        margin-bottom: 40px; }
        .market-package-section .package-indexed-content .package-indexed-left p span {
          color: #E83828; }
        .market-package-section .package-indexed-content .package-indexed-left p a {
          color: #4D4D4D; }
      .market-package-section .package-indexed-content .package-indexed-left ul {
        padding-left: 20px;
        margin-bottom: 40px; }
        .market-package-section .package-indexed-content .package-indexed-left ul li {
          color: #4D4D4D;
          font-size: 15px;
          font-family: 'GothamBook', sans-serif;
          line-height: 1.6;
          list-style-type: disc; }
      .market-package-section .package-indexed-content .package-indexed-left .button-access {
        display: inline-block;
        width: auto;
        max-width: 100%;
        border-radius: 20px;
        padding: 4px 30px;
        line-height: 24px;
        font-size: 14px;
        font-family: 'GothamBook', sans-serif;
        letter-spacing: 0.06em;
        transition: .33s all ease;
        white-space: normal;
        cursor: pointer;
        text-align: center; }
      .market-package-section .package-indexed-content .package-indexed-left .button-gray-light-outline {
        color: #4D4D4D;
        background-color: transparent;
        border: 1px solid #4D4D4D;
        margin-top: 12px; }
        .market-package-section .package-indexed-content .package-indexed-left .button-gray-light-outline strong {
          font-family: 'GothamMedium', sans-serif; }
    @media screen and (max-width: 920px) {
      .market-package-section .package-indexed-content .package-indexed-left {
        max-width: inherit;
        padding: 30px 15px; } }
    .market-package-section .package-indexed-content .package-indexed-right {
      max-width: 1370px; }
  @media screen and (max-width: 920px) {
    .market-package-section .package-indexed-content {
      flex-direction: column; } }
  .market-package-section .package-bgcolor {
    background-color: #FAFAFA; }
  @media screen and (min-width: 1800px) {
    .market-package-section .container-wide {
      width: 1750px; } }

/*INDUSTRIAL DESIGN*/
.market-industrial-section {
  margin-bottom: 10px; }
  .market-industrial-section .row0 {
    padding: 0px; }
  .market-industrial-section .industrial-indexed-content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .market-industrial-section .industrial-indexed-content .industrial-indexed-left {
      max-width: 1370px; }
      .market-industrial-section .industrial-indexed-content .industrial-indexed-left .f_in_industrial {
        position: relative; }
        .market-industrial-section .industrial-indexed-content .industrial-indexed-left .f_in_industrial .f_text {
          position: absolute;
          width: 100%;
          font-size: 14px;
          color: #fff;
          top: 40%;
          text-align: center; }
          .market-industrial-section .industrial-indexed-content .industrial-indexed-left .f_in_industrial .f_text img {
            width: 64px;
            margin: 0 auto; }
          .market-industrial-section .industrial-indexed-content .industrial-indexed-left .f_in_industrial .f_text p {
            color: #fff;
            font-size: 15px;
            font-family: 'GothamBook', sans-serif;
            line-height: 1.4;
            margin-top: 10px; }
    .market-industrial-section .industrial-indexed-content .industrial-indexed-right {
      max-width: 380px;
      padding: 0px 60px; }
      .market-industrial-section .industrial-indexed-content .industrial-indexed-right h1 {
        font-size: 35px;
        color: #F18B1A;
        font-family: 'GothamBold', sans-serif;
        margin-bottom: 35px; }
        .market-industrial-section .industrial-indexed-content .industrial-indexed-right h1 span {
          color: #4D4D4D; }
      .market-industrial-section .industrial-indexed-content .industrial-indexed-right p {
        color: #4D4D4D;
        font-size: 15px;
        font-family: 'GothamBook', sans-serif;
        line-height: 1.4;
        margin-bottom: 40px; }
        .market-industrial-section .industrial-indexed-content .industrial-indexed-right p span {
          color: #E83828; }
      .market-industrial-section .industrial-indexed-content .industrial-indexed-right ul {
        padding-left: 20px;
        margin-bottom: 40px; }
        .market-industrial-section .industrial-indexed-content .industrial-indexed-right ul li {
          color: #4D4D4D;
          font-size: 15px;
          font-family: 'GothamBook', sans-serif;
          line-height: 1.6;
          list-style-type: disc; }
    @media screen and (max-width: 920px) {
      .market-industrial-section .industrial-indexed-content .industrial-indexed-right {
        max-width: inherit;
        padding: 20px; } }
  @media screen and (max-width: 920px) {
    .market-industrial-section .industrial-indexed-content {
      flex-direction: column; } }
  .market-industrial-section .industrial-bgcolor {
    background-color: #FAFAFA; }
  @media screen and (min-width: 1800px) {
    .market-industrial-section .container-wide {
      width: 1750px; } }

/*support中的faq列表*/
.faq-support {
  margin: 20px 0; }

/***********************************
*产品系列页：系列展示页            *
************************************/
.f_categoryTabsBody {
  padding: 20px 0px;
  border-bottom: 1px solid #e9e9e9; }

.f_categoryTabsBody:before {
  content: "";
  clear: both; }

/*图片*/
.f_categoryTabsBody .f_categoryTabsBodyImg img {
  width: 100%;
  max-width: 500px; }

/*图片左右定位*/
.f_categoryTabsBody .row_left .f_categoryTabsBodyImg {
  float: left; }

.f_categoryTabsBody .row_right .f_categoryTabsBodyImg {
  float: right; }

/*文字*/
.f_categoryTabsBody .row .f_categoryTabsBodyText {
  padding-top: 50px; }

/*文字左右定位*/
.f_categoryTabsBody .row_left .f_categoryTabsBodyText {
  float: right;
  padding-left: 120px; }

.f_categoryTabsBody .row_right .f_categoryTabsBodyText {
  float: left; }

.f_categoryTabsBody .row .f_categoryTabsBodyText h3 {
  line-height: 30px; }

.f_categoryTabsBody .row .f_categoryTabsBodyText h5 {
  font-size: 18px;
  line-height: 30px; }

.f_categoryTabsBody .row .f_categoryTabsBodyText p {
  padding-top: 5px;
  font-size: 1.6rem;
  line-height: 1.8rem; }

/***************自适应调试*************/
/*移动端*/
@media screen and (max-width: 767px) {
  .f_topsider_navbar .f_topsider_nav a {
    font-size: 16px; }

  .f_categoryTabsBody .row_right .f_categoryTabsBodyImg {
    float: left; }

  /*文字*/
  .f_categoryTabsBody .row .f_categoryTabsBodyText {
    padding-top: 0; }

  /*文字左右定位*/
  .f_categoryTabsBody .row_left .f_categoryTabsBodyText {
    float: right;
    padding-left: 0px; }

  .f_categoryTabsBody .row_right .f_categoryTabsBodyText {
    float: left;
    padding-right: 0px; }

  .f_categoryTabsBody .row .f_categoryTabsBodyText h3 {
    font-size: 16px;
    line-height: 18px; }

  .f_categoryTabsBody .row .f_categoryTabsBodyText h5 {
    font-size: 14px; } }
/*小屏幕*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .f_topsider_navbar .f_topsider_nav a {
    font-size: 16px; }

  .f_categoryTabsBody .row_right .f_categoryTabsBodyImg {
    float: left; }

  /*文字*/
  .f_categoryTabsBody .row .f_categoryTabsBodyText {
    padding-top: 0px; }

  /*文字左右定位*/
  .f_categoryTabsBody .row_left .f_categoryTabsBodyText {
    float: right;
    padding-left: 0px; }

  .f_categoryTabsBody .row_right .f_categoryTabsBodyText {
    float: left;
    padding-right: 0px; }

  .f_categoryTabsBody .row .f_categoryTabsBodyText h3 {
    font-size: 16px;
    line-height: 18px; }

  .f_categoryTabsBody .row .f_categoryTabsBodyText h5 {
    font-size: 14px; } }
/*中屏幕*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .f_categoryTabsBody .row .f_categoryTabsBodyText {
    padding-top: 0px; } }
/*大屏幕*/
/***********************************
*产品系列页：产品系列特点描述           *
************************************/
.sljf_series_description {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }

.sljf_series_description img {
  max-width: 100%; }

.sljf_series_description .caption {
  padding-top: 80px; }

.l_detail p {
  color: #757575; }

/*arrival*/
.category-arrival {
  margin-bottom: 30px;
  border-bottom: 1px solid #f1f1f1; }

.f_newArrval h3 {
  font-size: 22px; }

.service-block-v8 {
  padding: 20px 0px;
  background: #fff; }

.service-block-v8 i {
  color: #555;
  float: left;
  font-size: 22px;
  margin: 5px 25px 0 0; }

.service-block-img .service-block-img-h {
  position: relative;
  overflow: hidden; }

.service-block-img .service-block-img-h img {
  width: 100%;
  -webkit-transition: all 0.8s;
  transition: all 0.8s; }

.service-block-img .service-block-img-h img:nth-child(2) {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.8s;
  transition: all 0.8s; }

.service-block-img .service-block-img-h:hover img:nth-child(1) {
  opacity: 0; }

.service-block-img .service-block-img-h:hover img:nth-child(2) {
  opacity: 1; }

.service-block-v8 .service-block-desc {
  /* overflow: hidden; */
  padding: 0px 0px 0px 20px; }

.service-block-v8 .service-block-desc h6 {
  color: #111; }

.service-block-v8 .service-block-desc h3 {
  transition: all 0.6s;
  font-size: 15px;
  font-weight: bold;
  margin: 8px 0 10px 0;
  position: relative;
  text-transform: uppercase; }

.service-block-v8 .service-block-desc h3 a {
  color: #333; }

.service-block-v8 .service-block-desc p {
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  text-overflow: ellipsis;
  box-orient: vertical;
  -o-box-orient: vertical;
  -ms-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -o-line-clamp: 3;
  -ms-line-clamp: 3;
  -moz-line-clamp: 3;
  -webkit-line-clamp: 3;
  box-orient: vertical;
  -o-box-orient: vertical;
  -ms-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical; }

@media (max-width: 767px) {
  .service-block-v8 {
    padding: 20px 5px 20px; } }
/*使用于系列详情页---service-block-v8*/
.series .service-block-v8 {
  margin-top: 40px;
  transition: all 0.6s;
  background: #fff;
  border: 1px solid transparent; }

.series .service-block-v8:hover {
  border-radius: 4px;
  border: 1px solid #eee;
  box-shadow: 0 10px 30px #ddd; }

.series .service-block-v8 img {
  transition: 0.6s; }

/*.series .service-block-v8:hover img {
    transform: scale(1.03);
    -ms-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
}*/
.series .service-block-v8:hover .service-block-desc h3 a {
  color: #E83828; }

.series .service-block-v8 .service-block-img {
  width: 100%;
  height: auto;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: 20px 0;
  float: inherit;
  text-align: center; }
  .series .service-block-v8 .service-block-img a {
    display: inline-block; }

/***系列详情页***/
.sljl_in_series_main .sljl_main_content {
  padding: 0px 30px; }

.sljl_main_content .l_detail {
  padding: 0 15px; }

.sljl_main_content .l_detail h5 {
  font-size: 18px;
  color: #666;
  line-height: 2; }

.sljl_main_content .l_detail h3 {
  font-size: 28px;
  margin-bottom: 6px;
  text-transform: uppercase; }

.sljl_main_content .l_detail p {
  color: #757575;
  font-size: 1.7rem;
  padding-top: 15px; }

.sljl_main_content .l_detail p a {
  text-decoration: underline !important; }

.sljl_main_content .l_detail i {
  display: block;
  margin: 0 auto 10px auto;
  text-align: center;
  font-size: 1.5rem;
  color: #7f7f7f;
  font-weight: bold; }

.sljl_main_content .l_detail span {
  display: block;
  margin: 0 auto 10px auto; }

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

.l_detail .viewmore span {
  color: #fff !important;
  background: #E83828 !important;
  padding-top: .6em !important;
  padding-bottom: .6em !important;
  padding-left: 1.3em !important;
  padding-right: 1.3em !important;
  font-weight: 700;
  line-height: 19.5px !important;
  font-size: 16px !important;
  cursor: pointer;
  transform: scale(1);
  transition: all 1s ease 0s;
  margin: auto;
  display: initial; }

.l_detail .readmore-js-toggle {
  margin-top: 30px; }

.series {
  width: 100%;
  padding: 40px 15px; }

.series .b_tabsContent {
  padding-top: 40px; }

.series .caption {
  padding: 40px 0;
  text-align: center;
  border-bottom: 1px solid #ececec; }

.series h5 {
  font-size: 18px;
  color: #666;
  line-height: 2;
  text-align: center; }

.series h3 {
  font-size: 28px;
  margin-bottom: 6px; }

.series p {
  color: #757575;
  font-size: 1.7rem;
  padding-top: 15px; }

.series p a {
  text-decoration: underline !important; }

.series i {
  display: block;
  margin: 0 auto 10px auto;
  text-align: center;
  font-size: 1.5rem;
  color: #7f7f7f;
  font-weight: bold; }

.series span {
  display: block;
  margin: 0 auto 10px auto; }

.series .SPEC li {
  font-weight: 700;
  padding-right: 5px;
  padding-bottom: 4px; }

.series .SPEC span {
  font-weight: 400;
  display: initial;
  color: #E83828; }

/* 窗口宽度>1200*/
@media screen and (max-width: 768px) {
  .series h3 {
    font-size: 16px; } }
.sljf_series_detail .f_title {
  font-size: 13px; }

.sljf_series_detail .f_content {
  margin: 5px 0px 0px 0px;
  color: #666;
  font-size: 14px; }

.sljf_series_point {
  margin-bottom: 15px; }

.sljf_series_point .thumbnail {
  margin-bottom: 10px; }

.sljf_series_point .thumbnail img {
  width: 100%; }

.sljf_series_point .caption {
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  height: 100px; }

/*移动端*/
@media screen and (max-width: 767px) {
  .sljf_series_description img {
    width: 100%; } }
@media screen and (max-width: 991px) {
  .sljf_series_description .caption {
    padding-top: 0px; }

  .sljf_series_description .caption h4 {
    font-size: 16px;
    height: 20px; }

  .sljf_series_description .caption h3 {
    line-height: 30px;
    font-size: 22px; } }
/***********************************
*产品系列页：系列比较列表1              *
************************************/
.look_big {
  line-height: 20px;
  font-size: 14px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 1rem; }

.look_big i,
.look_big i:link,
.look_big i:visited {
  transition: 0.2s; }

.look_big i:hover,
.look_big i:active {
  color: #E83828; }

.sljf_productPage_seriesCompare_list {
  text-align: center;
  background: #fff; }

.sljf_productPage_seriesCompare_list table {
  border: solid 1px #dedede; }

.sljf_productPage_seriesCompare_list .f_img {
  display: none; }

.sljf_productPage_seriesCompare_list .f_img img {
  width: 100%;
  margin: auto;
  padding: 3px; }

.sljf_productPage_seriesCompare_list .f_products i {
  /*ico*/
  padding-right: 5px;
  cursor: pointer;
  animation: 0.5s; }

@media screen and (min-width: 768px) {
  .sljf_productPage_seriesCompare_list table {
    table-layout: fixed; } }
/***********************************
*产品系列页：产品系列列表002      *
************************************/
.sljf_series_group .f_li {
  padding: 0 0 10px 0; }

/*系列图*/
.sljf_series_group .f_series {
  float: left;
  width: 250px;
  padding-right: 20px;
  text-align: center; }

.sljf_series_group .f_series .f_img img {
  width: 248px;
  height: 95px;
  border: solid 1px #ddd; }

.sljf_series_group .f_series .f_text {
  height: 25px;
  line-height: 25px;
  overflow: hidden; }

/*产品列表图*/
.sljf_series_group .f_product {
  float: right;
  width: 491px;
  padding-right: 5px; }

.sljf_series_group .f_product .f_center_main {
  width: 460px;
  float: left; }

.sljf_series_group .f_product .f_left_scroll {
  display: block;
  width: 15px;
  height: 99px;
  float: left;
  cursor: pointer; }

.sljf_series_group .f_product .f_left_scroll a {
  display: block;
  width: 100%;
  height: 100%; }

.sljf_series_group .f_product .f_left_scroll a:link,
.sljf_series_group .f_product .f_left_scroll a:visited {
  background: url(../images/series_group_sroll.png) 0px center no-repeat; }

.sljf_series_group .f_product .f_left_scroll a:hover,
.sljf_series_group .f_product .f_left_scroll a:active {
  background: url(../images/series_group_sroll.png) -15px center no-repeat; }

.sljf_series_group .f_product .f_right_scroll {
  display: block;
  width: 15px;
  height: 99px;
  float: right;
  cursor: pointer; }

.sljf_series_group .f_product .f_right_scroll a {
  display: block;
  width: 100%;
  height: 100%; }

.sljf_series_group .f_product .f_right_scroll a:link,
.sljf_series_group .f_product .f_right_scroll a:visited {
  background: url(../images/series_group_sroll.png) -30px center no-repeat; }

.sljf_series_group .f_product .f_right_scroll a:hover,
.sljf_series_group .f_product .f_right_scroll a:active {
  background: url(../images/series_group_sroll.png) -45px center no-repeat; }

/************************************
*系列列表页 Tag页 Search页 通用左侧栏                           *
*************************************/
.CategoryLeftSidebar > *, .searchUserControl > * {
  background-color: #fafafa; }
  .CategoryLeftSidebar > * .f_sidebar_title, .searchUserControl > * .f_sidebar_title {
    position: relative;
    background-color: #fafafa;
    font-size: 20px;
    font-family: 'GothamMedium';
    padding: 20px 30px; }
    .CategoryLeftSidebar > * .f_sidebar_title:before, .searchUserControl > * .f_sidebar_title:before {
      content: '';
      position: absolute;
      top: 19px;
      left: 0;
      width: 5px;
      height: 25px;
      background-color: #333; }
  .CategoryLeftSidebar > * .panel-group, .searchUserControl > * .panel-group {
    margin: 0; }
    .CategoryLeftSidebar > * .panel-group .leftMenu .series_heading:nth-of-type(1),
    .CategoryLeftSidebar > * .panel-group .leftMenu .series_heading:nth-of-type(5),
    .CategoryLeftSidebar > * .panel-group .leftMenu .series_heading:nth-of-type(9), .searchUserControl > * .panel-group .leftMenu .series_heading:nth-of-type(1),
    .searchUserControl > * .panel-group .leftMenu .series_heading:nth-of-type(5),
    .searchUserControl > * .panel-group .leftMenu .series_heading:nth-of-type(9) {
      background-color: #fafafa; }
    .CategoryLeftSidebar > * .panel-group .leftMenu .series_heading:nth-of-type(3),
    .CategoryLeftSidebar > * .panel-group .leftMenu .series_heading:nth-of-type(7),
    .CategoryLeftSidebar > * .panel-group .leftMenu .series_heading:nth-of-type(11), .searchUserControl > * .panel-group .leftMenu .series_heading:nth-of-type(3),
    .searchUserControl > * .panel-group .leftMenu .series_heading:nth-of-type(7),
    .searchUserControl > * .panel-group .leftMenu .series_heading:nth-of-type(11) {
      background-color: #F3F3F3; }
    .CategoryLeftSidebar > * .panel-group .leftMenu .series_heading, .searchUserControl > * .panel-group .leftMenu .series_heading {
      font-size: 16px;
      font-family: GothamBook;
      font-weight: 600;
      padding: 20px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .CategoryLeftSidebar > * .panel-group .leftMenu .series_heading h3, .searchUserControl > * .panel-group .leftMenu .series_heading h3 {
        font-size: 16px;
        font-weight: 600; }
      .CategoryLeftSidebar > * .panel-group .leftMenu .series_heading i, .searchUserControl > * .panel-group .leftMenu .series_heading i {
        font-size: 18px; }
    .CategoryLeftSidebar > * .panel-group .leftMenu .series_now, .searchUserControl > * .panel-group .leftMenu .series_now {
      position: relative; }
      .CategoryLeftSidebar > * .panel-group .leftMenu .series_now i, .searchUserControl > * .panel-group .leftMenu .series_now i {
        color: #E83828; }
      .CategoryLeftSidebar > * .panel-group .leftMenu .series_now:before, .searchUserControl > * .panel-group .leftMenu .series_now:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 20px;
        width: 283px;
        height: 2px;
        background-color: #E83828; }
    .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse ul, .searchUserControl > * .panel-group .leftMenu .panel-collapse ul {
      padding: 10px 0px 20px; }
      .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse ul .series_li, .searchUserControl > * .panel-group .leftMenu .panel-collapse ul .series_li {
        padding: 6px 0 0 20px; }
        .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse ul .series_li a,
        .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse ul .series_li a:link, .searchUserControl > * .panel-group .leftMenu .panel-collapse ul .series_li a,
        .searchUserControl > * .panel-group .leftMenu .panel-collapse ul .series_li a:link {
          display: block;
          font-size: 14px;
          font-family: 'GothamRegular';
          color: #333; }
          .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse ul .series_li a:hover,
          .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse ul .series_li a:link:hover, .searchUserControl > * .panel-group .leftMenu .panel-collapse ul .series_li a:hover,
          .searchUserControl > * .panel-group .leftMenu .panel-collapse ul .series_li a:link:hover {
            color: #E83828 !important; }
        .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse ul .series_li .thisclass, .searchUserControl > * .panel-group .leftMenu .panel-collapse ul .series_li .thisclass {
          color: #E83828 !important; }
    .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse:nth-of-type(2) ul, .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse:nth-of-type(6) ul, .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse:nth-of-type(10) ul, .searchUserControl > * .panel-group .leftMenu .panel-collapse:nth-of-type(2) ul, .searchUserControl > * .panel-group .leftMenu .panel-collapse:nth-of-type(6) ul, .searchUserControl > * .panel-group .leftMenu .panel-collapse:nth-of-type(10) ul {
      background-color: #fafafa; }
    .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse:nth-of-type(1) ul, .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse:nth-of-type(4) ul, .CategoryLeftSidebar > * .panel-group .leftMenu .panel-collapse:nth-of-type(8) ul, .searchUserControl > * .panel-group .leftMenu .panel-collapse:nth-of-type(1) ul, .searchUserControl > * .panel-group .leftMenu .panel-collapse:nth-of-type(4) ul, .searchUserControl > * .panel-group .leftMenu .panel-collapse:nth-of-type(8) ul {
      background-color: #F3F3F3; }

/************************************
*Support栏目下页面  通用侧边栏                           *
*************************************/
.supportLeftSidebar .series_heading {
  padding: 0 10px 5px 15px;
  color: #212121;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px dashed #ddd;
  cursor: pointer; }
  .supportLeftSidebar .series_heading i {
    width: 12px; }
  .supportLeftSidebar .series_heading:hover, .supportLeftSidebar .series_heading:hover i {
    color: #E83828; }
  .supportLeftSidebar .series_heading .series_now {
    color: #E83828 !important; }
.supportLeftSidebar .series_li {
  padding: 0 0 0 32px;
  line-height: 36px;
  height: 36px; }
  .supportLeftSidebar .series_li：a, .supportLeftSidebar .series_li：a:link, .supportLeftSidebar .series_li：a:visited {
    color: #757575;
    display: block; }
.supportLeftSidebar .thisclass {
  color: #E83828 !important; }

    /************************************
*系列页面  系列比较属性切换按钮                           *
*************************************/
.series-compare-btn .active {
  background-color: #E83828;
  border: 1px solid #E83828;
  color: #fff; }

.series-compare-btn li {
  background-color: #dedede;
  border: 1px solid #c7c7c7;
  color: #333;
  font-weight: 600;
  cursor: pointer;
  overflow: visible;
  padding: 6px 15px;
  position: relative;
  float: left;
  -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out; }

@media only screen and (max-width: 768px) {
  .series-compare-btn ul {
    float: left; }

  .series-compare-btn li {
    padding: 6px 3px;
    font-size: 13px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .series-compare-btn ul {
    float: none; }

  .series-compare-btn li {
    padding: 6px 10px; } }
.clearBox {
  background: #E83828;
  padding: 8px 16px;
  font-size: 12px;
  color: #fff; }
  .clearBox:hover {
    color: #fff !important; }

/****************************产品列表比较样式*/
.sljl_product_compare {
  width: 770px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #FFF;
  z-index: 9999; }

.sljb_compare {
  border: solid 2px #ff9933;
  padding: 5px 12px;
  _width: 740px;
  overflow: hidden; }

.sljb_compare .b_dt {
  height: 24px;
  line-height: 24px;
  border-bottom: solid 1px #cccccc;
  font-size: 12px;
  color: #ff9933; }

.sljb_compare .b_dt strong {
  float: left; }

.sljb_compare .b_dt strong a {
  text-decoration: none; }

.sljb_compare .b_dt span {
  float: right;
  cursor: pointer; }

.sljb_compare .b_dd {
  border-top: none;
  border-bottom: solid 1px #cccccc;
  zoom: 1;
  /*解决ie6有时padding值会对子容器产生影响*/ }

.sljb_compare .b_dd001 {
  padding: 5px 0px 0px 0px;
  text-align: right; }

.sljb_compare .b_dd001 .b_no1 {
  text-decoration: none;
  color: #999;
  padding-right: 10px; }

.sljb_compare .b_dd001 .b_no2 {
  padding: 3px 11px;
  background: #f38320;
  color: #FFF;
  text-decoration: none; }

/***********************************
*产品系列页：系列比较列表1              *
************************************/
.sljf_series_analysis_list {
  border-top: solid 2px #E83828;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 40px; }

.sljf_series_analysis_list table {
  border-collapse: collapse;
  border: solid 1px #dedede;
  text-align: left;
  width: 100%; }

.sljf_series_analysis_list table th {
  height: 40px; }

.sljf_series_analysis_list table td {
  height: 40px;
  /*word-break: break-word;*/
  padding: 5px 10px; }

.sljf_series_analysis_list table img {
  width: 60px;
  height: 60px;
  padding: 3px; }

.sljf_series_analysis_list .f_products {
  padding-bottom: 5px; }

.sljf_series_analysis_list .f_text {
  font-size: 17px;
  color: #666666; }

.sljf_series_analysis_list .f_tableTitle {
  padding-left: 5px;
  font-weight: bold;
  min-width: 210px; }

.sljf_series_analysis_list .remove {
  display: inline-block;
  text-indent: -9999px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  margin: 0px 0 0 5px;
  background: url(../images/14042410041.gif) 0 0 no-repeat; }

.contactus-content-section .contactus-headquarter-section {
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 10px; }
  .contactus-content-section .contactus-headquarter-section::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 280px;
    height: 1px;
    background: #f1f0f0; }
  .contactus-content-section .contactus-headquarter-section h2 {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 4px; }
  .contactus-content-section .contactus-headquarter-section p {
    font-size: 14px;
    padding-bottom: 4px; }
    .contactus-content-section .contactus-headquarter-section p:nth-of-type(3) {
      padding-bottom: 10px; }
.contactus-content-section .contactus-branch-section {
  margin-bottom: 10px;
  position: relative;
  padding-bottom: 10px; }
  .contactus-content-section .contactus-branch-section h2 {
    font-size: 16px;
    font-weight: 600; }
  .contactus-content-section .contactus-branch-section p {
    font-size: 14px;
    padding-bottom: 4px; }
.contactus-content-section .branch-border::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 280px;
  height: 1px;
  background: #f1f0f0; }
.contactus-content-section .contactus-form-section p {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px; }
.contactus-content-section .contactus-form-section button {
  background: #E83828;
  float: right; }

/*大分类*/
.sljl_sitemap .l_big_category {
  padding-bottom: 50px; }

/*大分类标题*/
.sljl_sitemap .l_big_category .l_title {
  font-size: 18px;
  line-height: 20px;
  border-bottom: solid 1px #ddd; }

/*大分类主体*/
.sljl_sitemap .l_big_category .l_main {
  padding: 15px 10px 15px 10px; }

/*选择性叠加：lumi-info*/
.sljl_sitemap .l_big_category .l_main .l_lumiinfo .l_sub1 {
  float: left;
  width: 25%; }

.sljl_sitemap .l_big_category .l_main .l_lumiinfo .l_sub2 {
  float: left;
  width: 25%; }

.sljl_sitemap .l_big_category .l_main .l_lumiinfo .l_sub3 {
  float: left;
  width: 25%; }

.sljl_sitemap .l_big_category .l_main .l_lumiinfo .l_sub4 {
  float: left;
  width: 25%; }

/*选择性叠加：lumi-brateck*/
.sljl_sitemap .l_big_category .l_main .l_brateck .l_products {
  float: left;
  width: 750px; }

.sljl_sitemap .l_big_category .l_main .l_brateck .l_products .l_title {
  clear: both;
  width: 100%; }

.sljl_sitemap .l_big_category .l_main .l_brateck .l_products .l_sub {
  float: left;
  width: 33%; }

.sljl_sitemap .l_big_category .l_main .l_brateck .l_rescources {
  float: left;
  width: 190px; }

/*选择性叠加：domilumi*/
.sljl_sitemap .l_big_category .l_main .l_domilumi .l_sub {
  float: left;
  width: 240px; }

/*选择性叠加：lumiaudio*/
.sljl_sitemap .l_big_category .l_main .l_lumiaudio .l_sub {
  float: left;
  width: 240px; }

/*选择性叠加：montek*/
.sljl_sitemap .l_big_category .l_main .l_montek .l_sub {
  float: left;
  width: 240px; }

/***********************************
*网站地图                            *
************************************/
/*网站地图标题*/
.sljf_sitemap_title {
  border-bottom: 1px solid #bebfbf;
  padding-bottom: 10px;
  margin: 40px 0 20px 0;
  font-size: 20px;
  color: #666; }

/*大分类标题*/
.sljf_sitemap_big_cagegory_title {
  font-size: 18px;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 15px;
  color: #000; }

/*小分类标题*/
.sljf_sitemap_small_cagegory_title {
  color: #000;
  font-weight: bold;
  padding: 10px 0px; }

/*小分类栏目列表*/
.sljf_sitemap_small_cagegory_list {
  padding-bottom: 10px; }

.sljf_sitemap_small_cagegory_list .l_sitemap_title > a,
.sljf_sitemap_small_cagegory_list .l_sitemap_title > a:link,
.sljf_sitemap_small_cagegory_list .l_sitemap_title > a:visited {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  color: #212121;
  transition: 0.2s; }

.sljf_sitemap_small_cagegory_list .l_sitemap_title > a:hover,
.sljf_sitemap_small_cagegory_list .l_sitemap_title > a:active {
  color: #E83828; }

.sljf_sitemap_small_cagegory_list .submenu li a {
  color: #757575; }

.DMCA-notice {
  padding: 40px 0px 70px; }
  .DMCA-notice h3 {
    text-align: center;
    margin-bottom: 20px; }
  .DMCA-notice p {
    margin-bottom: 20px;
    line-height: 24px; }
    .DMCA-notice p span {
      color: #3366ff; }
  .DMCA-notice ul {
    margin-bottom: 20px; }
    .DMCA-notice ul li {
      line-height: 26px; }

/* 首页轮播图 */
#banner {
  position: relative; }
  #banner .piclink_pic {
    position: relative;
    display: block; }
    #banner .piclink_pic a {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      display: none; }
      #banner .piclink_pic a img {
        width: 100%; }
      #banner .piclink_pic a span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ff0000;
        font-size: 60px;
        cursor: pointer; }
    @media screen and (min-width: 768px) {
      #banner .piclink_pic:after {
        content: '';
        -webkit-pointer-events: none;
        pointer-events: none;
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(64%, transparent), to(rgba(0, 0, 0, 0.65)));
        background: linear-gradient(to bottom, transparent 0, transparent 64%, rgba(0, 0, 0, 0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); } }
  @media only screen and (max-width: 650px) {
    #banner .piclink_pic {
      display: none; } }
  #banner .piclink_text {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    display: grid;
    grid-template-columns: repeat(5, 1fr); }
    #banner .piclink_text a {
      padding: 30px 10px 70px 16px;
      border-top: 3px solid #fff;
      text-decoration: none;
      cursor: pointer;
      opacity: 0.3;
      transition: all 0.3s ease; }
      #banner .piclink_text a:hover, #banner .piclink_text a.active {
        opacity: 1; }
      #banner .piclink_text a h2 {
        font-size: 16px;
        font-weight: 400;
        color: #bdbdbd;
        line-height: 15px;
        padding-bottom: 5px; }
      #banner .piclink_text a h1 {
        font-size: 17px;
        color: #bdbdbd;
        font-weight: 600;
        padding-bottom: 5px; }
      #banner .piclink_text a p {
        font-size: 13px;
        color: #bdbdbd;
        line-height: 15px; }
      @media only screen and (max-width: 1399px) {
        #banner .piclink_text a h2 {
          font-size: 12px; }
        #banner .piclink_text a h1 {
          font-size: 14px; }
        #banner .piclink_text a p {
          font-size: 12px; } }
    @media only screen and (max-width: 1399px) {
      #banner .piclink_text a {
        padding: 22px 10px; } }
  @media only screen and (max-width: 1399px) {
    #banner .piclink_text {
      width: 100%; } }

/*适配范围 PC + ipad */
@media screen and (min-width: 768px) {
  #banner {
    display: block; } }
/*适配范围 移动端 */
@media screen and (max-width: 767px) {
  #banner {
    display: none; } }
/*适配范围 PC + ipad */
@media screen and (min-width: 768px) {
  .mobile {
    display: none; } }
/*适配范围 移动端 */
@media screen and (max-width: 767px) {
  .mobile {
    display: block; }

  .carousel2 {
    position: relative; }
    .carousel2 .videoplay {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 30px;
      z-index: 10;
      color: #363635; }

  .mobile .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
    color: #ddd;
    font-size: smaller;
    max-height: 30%;
    z-index: 49; }
    .mobile .caption h5 {
      padding-bottom: 10px;
      margin-top: 0px; }
    .mobile .caption h4 {
      padding-bottom: 5px; } }
.home-content-section {
  background-color: #10131b;
  padding: 80px 0px 40px; }
  .home-content-section .home-swiper-section {
    max-width: 1640px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 15px 100px;
    position: relative; }
    .home-content-section .home-swiper-section h3 {
      font-family: 'InterBold';
      font-size: 30px;
      color: #bdbdbd;
      padding-bottom: 15px; }
    .home-content-section .home-swiper-section .swiper-slide-image {
      background-color: #161a26; }
    .home-content-section .home-swiper-section .swiper-slide-text {
      background-color: #1d132e;
      padding: 5px 10px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 50px; }
      .home-content-section .home-swiper-section .swiper-slide-text h2 {
        font-family: 'InterRegular';
        font-size: 16px;
        color: #bdbdbd;
        text-align: center;
        text-transform: uppercase; }
      @media (max-width: 640px) {
        .home-content-section .home-swiper-section .swiper-slide-text h2 {
          font-size: 14px; } }
    .home-content-section .home-swiper-section .swiper-button-prev, .home-content-section .home-swiper-section .swiper-button-next {
      top: 45%;
      color: #fff; }
      .home-content-section .home-swiper-section .swiper-button-prev:after, .home-content-section .home-swiper-section .swiper-button-prev:after, .home-content-section .home-swiper-section .swiper-button-next:after, .home-content-section .home-swiper-section .swiper-button-next:after {
        font-size: 30px; }
    .home-content-section .home-swiper-section .swiper-button-prev {
      left: -30px; }
      .home-content-section .home-swiper-section .swiper-button-prev.swiper-button-disabled {
        opacity: 0; }
    .home-content-section .home-swiper-section .swiper-button-next {
      right: -30px; }
      .home-content-section .home-swiper-section .swiper-button-next.swiper-button-disabled {
        opacity: 0; }
    @media (max-width: 1799px) {
      .home-content-section .home-swiper-section .swiper-button-prev:after, .home-content-section .home-swiper-section .swiper-button-prev:after, .home-content-section .home-swiper-section .swiper-button-next:after, .home-content-section .home-swiper-section .swiper-button-next:after {
        font-size: 24px; }
      .home-content-section .home-swiper-section .swiper-button-prev {
        left: 15px; }
      .home-content-section .home-swiper-section .swiper-button-next {
        right: 15px; } }
    @media (max-width: 640px) {
      .home-content-section .home-swiper-section h3 {
        font-size: 20px; } }
  .home-content-section .home-space-section {
    max-width: 1630px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 15px 30px;
    /*Build The One And Only Game Throne*/ }
    .home-content-section .home-space-section .home-space-container {
      display: flex;
      /*Let Experts Meet More Enjoyable Racing*/ }
      .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto; }
        .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text h3, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text h3 {
          font-family: InterBold;
          font-size: 26px;
          color: #bdbdbd;
          line-height: 35px;
          text-transform: uppercase;
          padding-bottom: 15px; }
        .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text p, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text p {
          font-family: InterRegular;
          font-size: 18px;
          color: #bdbdbd;
          line-height: 25px;
          padding-bottom: 50px; }
        .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text a, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text a {
          display: inline-block;
          font-family: 'InterBold';
          font-size: 18px;
          color: #EC808D;
          background-color: transparent;
          border-radius: 0px;
          padding: 10px 0px;
          text-transform: uppercase;
          width: 178px;
          height: 41px; }
          .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text a:hover, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text a:hover {
            background-color: #fff;
            border-radius: 5px;
            padding: 10px 20px;
            color: #000 !important; }
        @media (max-width: 1299px) {
          .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text h3, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text h3 {
            font-size: 22px; }
          .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text p, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text p {
            font-size: 16px; } }
        @media (max-width: 1023px) {
          .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text h3, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text h3 {
            font-size: 20px;
            line-height: 26px; }
          .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text p, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text p {
            font-size: 14px;
            line-height: 20px;
            padding-bottom: 20px; }
          .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text a, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text a {
            font-size: 14px; } }
      @media (max-width: 1050px) {
        .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text {
          max-width: 100%;
          padding: 60px 30px; } }
      @media (max-width: 650px) {
        .home-content-section .home-space-section .home-space-container .home-space-left--1 .home-space-left--text, .home-content-section .home-space-section .home-space-container .home-space-right--2 .home-space-left--text {
          padding: 30px 15px; } }
      .home-content-section .home-space-section .home-space-container .home-space-left--1 {
        background-color: #1d132e;
        display: flex;
        align-items: center;
        width: 28%; }
      @media (max-width: 1050px) {
        .home-content-section .home-space-section .home-space-container .home-space-left--1 {
          width: 100%;
          order: 2; } }
      .home-content-section .home-space-section .home-space-container .home-space-right--1 {
        width: 72%;
        position: relative; }
        .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          /*产品主图*/ }
          .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker span {
            font-size: 30px;
            color: #fff;
            cursor: pointer;
            position: absolute;
            z-index: 1; }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker span:before {
              content: "";
              position: absolute;
              z-index: 9;
              left: 50%;
              top: 50%;
              border: 2px solid #818181;
              transform: translateX(-50%) translateY(-50%);
              display: block;
              width: 30px;
              height: 30px;
              border-radius: 50%;
              animation: pulse-border 1.5s ease-out infinite; }
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }
          .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker.home-space-right--marker01 span {
            left: 48%;
            top: 35%;
            transform: translate(-35%, -48%); }
          .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker.home-space-right--marker02 span {
            left: 36%;
            top: 49%;
            transform: translate(-36%, -49%); }
          .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker.home-space-right--marker03 span {
            left: 51%;
            top: 52%;
            transform: translate(-51%, -52%); }
          .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker.home-space-right--marker04 span {
            right: 22%;
            top: 45%;
            transform: translate(22%, -45%); }
          @media (max-width: 1050px) {
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker span {
              display: none; } }
          .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card {
            position: absolute;
            text-align: center;
            border-radius: 8px;
            max-width: 220px;
            padding: 20px 20px 30px;
            opacity: 0;
            background: rgba(255, 255, 255, 0.9);
            /*-webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);*/
            transition-property: opacity;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: .3s; }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card.home-space-right__overlay-card01 {
              left: 48.5%;
              bottom: 18%;
              transform: translate(-48.5%, 18%); }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card.home-space-right__overlay-card02 {
              left: 18.4%;
              top: 44%;
              transform: translate(-18.4%, -44%); }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card.home-space-right__overlay-card03 {
              left: 36.5%;
              top: 49%;
              transform: translate(-36.5%, -49%); }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card.home-space-right__overlay-card04 {
              right: 2%;
              top: 36%;
              transform: translate(2%, -36%); }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card .home-space-right__card-image {
              text-align: center;
              margin-bottom: 20px; }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card h2 {
              font-family: 'InterBold';
              font-size: 14px;
              color: #161a26;
              text-transform: uppercase;
              margin-bottom: 10px; }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card p {
              font-family: 'InterRegular';
              font-size: 12px;
              color: #161a26;
              text-transform: uppercase;
              margin-bottom: 20px; }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card a {
              font-family: 'InterBold';
              display: inline-block;
              font-size: 12px;
              color: #fff;
              background: #EC808D;
              text-transform: uppercase;
              padding: 8px 15px; }
              .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card a:hover {
                color: #fff !important; }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card .triggle-arrow-1 {
              position: absolute;
              left: 0;
              top: -22px;
              width: 100%;
              height: 8%; }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card .triggle-arrow-2 {
              position: absolute;
              right: -14px;
              top: 0;
              width: 9%;
              height: 100%; }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card .triggle-arrow-3 {
              position: absolute;
              left: -14px;
              top: 0;
              width: 9%;
              height: 100%; }
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card .triggle {
              position: absolute;
              height: 0;
              width: 0;
              border-top: 15px solid transparent;
              border-right: 15px solid rgba(255, 255, 255, 0.9);
              border-bottom: 15px solid transparent; }
              .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card .triggle.triggle-1 {
                left: 45%;
                top: 0;
                transform: rotate(90deg); }
              .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card .triggle.triggle-2 {
                right: 0px;
                top: 50%;
                transform: rotate(180deg); }
              .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card .triggle.triggle-3 {
                left: 0px;
                top: 50%;
                transform: rotate(360deg); }
          .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card--active {
            opacity: 1;
            z-index: 50; }
          .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card--inactive {
            opacity: 0;
            z-index: -1; }
          @media (max-width: 1050px) {
            .home-content-section .home-space-section .home-space-container .home-space-right--1 .home-space-right--marker .home-space-right__overlay-card {
              display: none; } }
      @media (max-width: 1050px) {
        .home-content-section .home-space-section .home-space-container .home-space-right--1 {
          width: 100%; } }
    .home-content-section .home-space-section .home-space-left--2 {
      width: 72%;
      position: relative; }
      .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*产品主图*/ }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker span {
          font-size: 30px;
          color: #fff;
          cursor: pointer;
          position: absolute;
          z-index: 1; }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker span:before {
            content: "";
            position: absolute;
            z-index: 9;
            left: 50%;
            top: 50%;
            border: 2px solid #818181;
            transform: translateX(-50%) translateY(-50%);
            display: block;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            animation: pulse-border 1.5s ease-out infinite; }
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker.home-space-left--marker01 span {
          left: 45%;
          top: 37%;
          transform: translate(-37%, -45%); }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker.home-space-left--marker02 span {
          right: 33%;
          top: 25%;
          transform: translate(33%, -25%); }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker.home-space-left--marker03 span {
          left: 28%;
          top: 45%;
          transform: translate(-28%, -45%); }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker.home-space-left--marker04 span {
          right: 28%;
          top: 32%;
          transform: translate(28%, -32%); }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker.home-space-left--marker05 span {
          left: 49%;
          top: 48%;
          transform: translate(-49%, -48%); }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker.home-space-left--marker06 span {
          left: 9%;
          top: 20%;
          transform: translate(-9%, -20%); }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker.home-space-left--marker07 span {
          left: 15%;
          top: 20%;
          transform: translate(-15%, -20%); }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker.home-space-left--marker08 span {
          right: 45%;
          top: 30%;
          transform: translate(45%, -30%); }
        @media (max-width: 1050px) {
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker span {
            display: none; } }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card {
          position: absolute;
          text-align: center;
          border-radius: 8px;
          max-width: 220px;
          padding: 20px 20px 30px;
          opacity: 0;
          background: rgba(255, 255, 255, 0.9);
          /*-webkit-backdrop-filter: blur(20px);
              backdrop-filter: blur(20px);*/
          transition-property: opacity;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-duration: .3s; }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card.home-space-left__overlay-card01 {
            left: 44.5%;
            bottom: 18%;
            transform: translate(-44.5%, 18%); }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card.home-space-left__overlay-card02 {
            right: 29%;
            top: 62%;
            transform: translate(29%, -62%); }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card.home-space-left__overlay-card03 {
            left: 38.2%;
            top: 36.5%;
            transform: translate(-38.2%, -36.5%); }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card.home-space-left__overlay-card04 {
            right: 8.5%;
            top: 11%;
            transform: translate(8.5%, -11%); }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card.home-space-left__overlay-card05 {
            right: 36.5%;
            top: 41.5%;
            transform: translate(36.5%, -41.5%); }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card.home-space-left__overlay-card06 {
            left: 2.2%;
            top: 50%;
            transform: translate(-2.2%, -50%); }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card.home-space-left__overlay-card07 {
            left: 9.2%;
            top: 50%;
            transform: translate(-9.2%, -50%); }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card.home-space-left__overlay-card08 {
            right: 43.8%;
            top: 72%;
            transform: translate(43.8%, -72%); }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card .home-space-left__card-image {
            text-align: center;
            margin-bottom: 20px; }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card h2 {
            font-family: 'InterBold';
            font-size: 14px;
            color: #161a26;
            text-transform: uppercase;
            margin-bottom: 10px; }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card p {
            font-family: 'InterRegular';
            font-size: 12px;
            color: #161a26;
            text-transform: uppercase;
            margin-bottom: 20px; }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card a {
            font-family: 'InterBold';
            display: inline-block;
            font-size: 12px;
            color: #fff;
            background: #EC808D;
            text-transform: uppercase;
            padding: 8px 15px; }
            .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card a:hover {
              color: #fff !important; }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card .triggle-arrow-1 {
            position: absolute;
            left: 0;
            top: -22px;
            width: 100%;
            height: 8%; }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card .triggle-arrow-2 {
            position: absolute;
            right: -14px;
            top: 0;
            width: 9%;
            height: 100%; }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card .triggle-arrow-3 {
            position: absolute;
            left: -14px;
            top: 0;
            width: 9%;
            height: 100%; }
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card .triggle {
            position: absolute;
            height: 0;
            width: 0;
            border-top: 15px solid transparent;
            border-right: 15px solid rgba(255, 255, 255, 0.9);
            border-bottom: 15px solid transparent; }
            .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card .triggle.triggle-1 {
              left: 45%;
              top: 0;
              transform: rotate(90deg); }
            .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card .triggle.triggle-2 {
              right: 0px;
              top: 50%;
              transform: rotate(180deg); }
            .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card .triggle.triggle-3 {
              left: 0px;
              top: 50%;
              transform: rotate(360deg); }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card--active {
          opacity: 1;
          z-index: 50; }
        .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card--inactive {
          opacity: 0;
          z-index: -1; }
        @media (max-width: 1050px) {
          .home-content-section .home-space-section .home-space-left--2 .home-space-left--marker .home-space-left__overlay-card {
            display: none; } }
    .home-content-section .home-space-section .home-space-right--2 {
      width: 28%;
      position: relative;
      background-color: #1d132e;
      display: flex;
      align-items: center; }
    @media (max-width: 1050px) {
      .home-content-section .home-space-section .home-space-left--2, .home-content-section .home-space-section .home-space-right--2 {
        width: 100%; } }
  @media (max-width: 1050px) {
    .home-content-section .home-space-container {
      flex-direction: column; } }

.home-content-section .home-space-section .home-space-container .home-space-right--3 {
    width: 72%;
    position: relative;
}
    .home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*产品主图*/
    }
        .home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker span {
            font-size: 30px;
            color: #fff;
            cursor: pointer;
            position: absolute;
            z-index: 1;
        }
            .home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker span:before {
                content: "";
                position: absolute;
                z-index: 9;
                left: 50%;
                top: 50%;
                border: 2px solid #818181;
                transform: translateX(-50%) translateY(-50%);
                display: block;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                animation: pulse-border 1.5s ease-out infinite;
            }
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker.home-space-right--marker01 span {
    right: 24.5%;
    top: 62%;
    transform: translate(22%,-45%);
}
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker.home-space-right--marker02 span {
    left: 66%;
    top: 77%;
    transform: translate(-36%, -49%);
}
@media (max-width: 1050px) {
    .home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker span {
        display: none;
    }
}
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card {
    position: absolute;
    text-align: center;
    border-radius: 8px;
    max-width: 220px;
    padding: 20px 20px 30px;
    opacity: 0;
    background: rgba(255, 255, 255, 0.9);
    /*-webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);*/
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: .3s;
}
    .home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card.home-space-right__overlay-card01 {
        right: 4%;
        top: 53%;
        transform: translate(2%,-36%);
    }
    .home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card.home-space-right__overlay-card02 {
        left: 48%;
        top: 72%;
        transform: translate(-18.4%, -44%);
    }
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card .home-space-right__card-image {
    text-align: center;
    margin-bottom: 20px;
}
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card h2 {
    font-family: 'InterBold';
    font-size: 14px;
    color: #161a26;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card p {
    font-family: 'InterRegular';
    font-size: 12px;
    color: #161a26;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card a {
    font-family: 'InterBold';
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background: #EC808D;
    text-transform: uppercase;
    padding: 8px 15px;
}
    .home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card a:hover {
        color: #fff !important;
    }
    .home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card .triggle-arrow-1 {
        position: absolute;
        left: -14px;
        top: 0;
        width: 9%;
        height: 100%;
    }
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card .triggle-arrow-2 {
    position: absolute;
    right: -14px;
    top: 0;
    width: 9%;
    height: 100%;
}
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card .triggle {
    position: absolute;
    height: 0;
    width: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid rgba(255, 255, 255, 0.9);
    border-bottom: 15px solid transparent;
}
    .home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card .triggle.triggle-1 {
        left: 0;
        top: 50%;
        transform: rotate(360deg);
    }
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card .triggle.triggle-2 {
    right: 0px;
    top: 50%;
    transform: rotate(180deg);
}
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card--active {
    opacity: 1;
    z-index: 50;
}
.home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card--inactive {
    opacity: 0;
    z-index: -1;
}
@media (max-width: 1050px) {
    .home-content-section .home-space-section .home-space-container .home-space-right--3 .home-space-right--marker .home-space-right__overlay-card {
        display: none;
    }
}
@media (max-width: 1050px) {
    .home-content-section .home-space-section .home-space-container .home-space-right--3 {
        width: 100%;
    }
}


@media (max-width: 1050px) {
  .home-content-section {
    padding: 40px 0 0; }
    .home-content-section .home-swiper-section {
      padding: 0 15px 40px; } }
@media screen and (min-width: 1400px) {
  .container {
    width: 1380px; } }
@media screen and (min-width: 1700px) {
  .navbar .container {
    width: 1640px; } }
/***************************************************************************************************
*框架：bootstrap
 版本号：bootstrap-3.3.0-dist
 用途：为覆盖bootstrap中不需要的样式                                                                                            *
****************************************************************************************************/
.dropdown, .dropup {
  position: relative; }

.hidden2 {
  display: none; }

/********logo********/
.navbar-brand {
  height: 70px;
  padding: 10px 15px; }

.navbar-brand > img {
  width: 100%; }

.navbar-toggle {
  margin-top: 18px; }

/***************自适应调试*************/
/*移动端*/
/*小屏幕*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-brand {
    padding: 10px 5px; } }
/*中屏幕*/
/*大屏幕*/
/********导航********/
.nav > li {
  /**全屏下拉菜单**/
  position: static; }

.nav > li > a {
  /**导航字体大小&移动效果**/
  font-size: 16px;
  color: #212121; }

.navbar .nav > li > a,
.navbar .nav > li > a:link,
.navbar .nav > li > a:visited,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:active,
.navbar .nav > li > a:focus {
  font-family: 'InterBold';
  color: #ddd;
  text-transform: uppercase; }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #10131B !important; }

@media screen and (max-width: 1399px) {
  .navbar .nav > li > a {
    font-size: 14px; } }
@media screen and (max-width: 1023px) {
  .navbar .nav > li > a {
    font-size: 12px; } }
.navbar {
  /**导航高度**/
  height: 72px;
  margin-bottom: 0px;
  z-index: 999;
  border-radius: 0px;
  width: 100%;
  border: none;
  background-color: #10131B; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  /**导航的外观**/
  background-color: #10131B; }

/***************自适应调试*************/
/*移动端*/
/*小屏幕*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 100%; }

  .nav > li > a {
    padding: 10px 8px;
    font-size: 14px; }

  .navbar-nav > li > a {
    height: 70px;
    padding-top: 25px;
    padding-bottom: 25px; }

  .navbar-collapse {
    padding: 0px; } }
/*中屏幕*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar-inverse .navbar-nav > li > a {
    height: 70px;
    padding: 25px 27px; } }
/*大屏幕*/
@media screen and (min-width: 1200px) {
  .navbar-nav {
    /**居中*/
    margin-left: 120px; }

  .navbar-inverse .navbar-nav > li > a {
    /**导航字体颜色**/
    height: 70px;
    padding: 25px 27px; }

    .navbar-inverse .navbar-nav > li > a:link,
    .navbar-inverse .navbar-nav > li > a:visited {
        border-color: #f08519;
    }

    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:active {
        color: #f08519;
    } }
/********下拉菜单********/
.dropdown-menu {
  /*适用于product*/
  /*width:100%*/ }

.f_dropdown_natural .dropdown-menu {
  /*适用于非product*/
  width: 200px;
  z-index: 99;
  left: inherit;
  padding: 23px 0;
  background-color: #f9f9f9;
  border: none;
  border-radius: 5px; }

.f_dropdown_natural .dropdown-menu li a {
  /*适用于非product*/
  position: relative;
  font-family: 'InterRegular';
  font-size: 15px;
  padding: 6px 20px; }

.f_dropdown_natural .dropdown-menu a:hover::before {
  /*适用于非product*/
  content: '';
  width: 3px;
  height: 33px;
  position: absolute;
  left: 0;
  top: 0;
  font-family: 'InterRegular';
  font-size: 15px;
  background-color: #E83828; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active {
  background-color: #f1f1f1;
  font-family: 'InterBold'; }

/***************自适应调试*************/
/*移动端*/
@media screen and (max-width: 767px) {
  .f_dropdown_natural .dropdown-menu {
    /*适用于非product*/ } }
/*小屏幕*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .f_dropdown_natural .dropdown-menu {
    /*适用于非product*/
    margin-left: 0px; } }
/*中屏幕*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .f_dropdown_natural .dropdown-menu {
    /*适用于非product*/
    margin-left: 0px; } }
/*大屏幕*/
/********导航搜索栏********/
.navbar-form {
  display: none; }

.navbar .navbar-form {
  float: right;
  height: 70px;
  padding: 18px 0px;
  margin: 0px;
  color: #f5f5f5;
  position: relative; }

.navbar .navbar-form i {
  font-size: 20px;
  top: 6px;
  cursor: pointer; }

.navbar .navbar-form span {
  font-size: 14px;
  top: 6px; }

.navbar .navbar-form i,
.navbar .navbar-form i:link,
.navbar .navbar-form i:visited {
  transition: 0.2s; }

    .navbar .navbar-form i:hover,
    .navbar .navbar-form i:active {
        color: #f08519;
    }

.navbar .navbar-form .form-group {
  margin-bottom: 0px;
  visibility: hidden;
  position: absolute;
  right: 25px; }

.navbar .navbar-form .form-group-show {
  visibility: visible; }

.navbar .navbar-form .form-group-show,
.navbar .navbar-form .form-group-show:link,
.navbar .navbar-form .form-group-show:visited {
  transition: 0.8s; }

/***************自适应调试*************/
/*移动端*/
/*小屏幕*/
/*中屏幕*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar .nav > li:hover .dropdown-menu {
    display: block; }

  .navbar-form {
    display: block; } }
/*大屏幕*/
@media screen and (min-width: 1200px) {
  .navbar-form {
    display: block; } }
/********Banner焦点图********/
.index-responseFocuse .carousel-control.left {
  background-image: none;
  background-repeat: no-repeat; }

.index-responseFocuse .carousel-control.right {
  background-image: none;
  background-repeat: no-repeat; }

.index-responseFocuse .carousel-indicators {
  bottom: 40px; }

/********首页产品缩略图********/
.index-productThumb {
  padding: 45px 0px; }
  @media screen and (max-width: 767px) {
    .index-productThumb {
      padding: 5px 0 10px 0; } }
  .index-productThumb .thumbnail-animation {
    border: none;
    transition: 350ms ease-in-out; }
    .index-productThumb .thumbnail-animation:hover {
      -webkit-box-shadow: 0 12px 38px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 12px 38px 0 rgba(0, 0, 0, 0.12); }
    @media screen and (max-width: 767px) {
      .index-productThumb .thumbnail-animation {
        padding: 0;
        box-shadow: 0 5px 5px #ececec; } }

.index-productThumb .thumbnail a:link,
.index-productThumb .thumbnail a:hover,
.index-productThumb .thumbnail a:active,
.index-productThumb .thumbnail a:active {
  text-decoration: none; }

/*******************************
     Support页面
********************************/
/********Support banner********/
/********带标题的面版********/
.Brochures-pannel .panel-default > .panel-heading {
  background-color: #f7f8f9; }

.Brochures-pannel .panel-heading {
  padding: 15px; }

.Brochures-pannel .panel {
  margin-bottom: 0px;
  border: 0;
  background-color: transparent; }

.Brochures-pannel .panel-body {
  display: none; }

.sljl_main_content .f_inner_resources .thumbnail {
  border: 0;
  padding: 0;
  background-color: transparent; }

.sljl_main_content .f_inner_pannel .thumbnail {
  border: 0;
  padding: 0;
  background-color: transparent; }

.sljl_main_content .f_inner_content .caption {
  margin-top: 9px;
  padding: 0px;
  height: 60px; }

.sljl_main_content .f_inner_content .f_inner_whitepapers .caption {
  height: auto;
  margin-top: 0px;
  line-height: 24px;
  font-size: 20px; }

/*--------------------------------------------------
	[1. Bootstrap Breadcrumb]    
    使用于news中的Timeline

----------------------------------------------------*/
.breadcrumb {
  background-color: transparent;
  margin-bottom: 0;
  display: inline-block;
  font-size: 1.4rem;
  padding: 8px 0px; }

.breadcrumb > li + li:before {
  padding: 0; }

.breadcrumb > li a {
  color: #888; }

.breadcrumb > .active {
  color: #000; }

/*--------------------------------------------------
	[2. Bootstrap Carousels]    
    使用于news中的Timeline

----------------------------------------------------*/
/* Bootstrap Carousel v1
------------------------------------*/
.carousel-v1 .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 7px 15px;
  background: rgba(0, 0, 0, 0.7); }

.carousel-v1 .carousel-caption p {
  color: #fff;
  margin-bottom: 0; }

.carousel-v1 .carousel-arrow a.carousel-control {
  opacity: 1;
  font-size: 30px;
  height: inherit;
  width: inherit;
  background: none;
  text-shadow: none;
  position: inherit; }

.carousel-v1 .carousel-arrow a i {
  top: 50%;
  opacity: 0.6;
  background: #000;
  margin-top: -18px;
  padding: 2px 12px;
  position: absolute; }

.carousel-v1 .carousel-arrow a i:hover {
  opacity: 0.8; }

.carousel-v1 .carousel-arrow a.left i {
  left: 0; }

.carousel-v1 .carousel-arrow a.right i {
  right: 0; }

/* Bootstrap Carousel v2
------------------------------------*/
.carousel-v2 .carousel-control,
.carousel-v2 .carousel-control:hover {
  opacity: 1;
  text-shadow: none; }

.carousel-v2 .carousel-control.left,
.carousel-v2 .carousel-control.right {
  top: 50%;
  z-index: 5;
  color: #eee;
  width: 45px;
  height: 45px;
  font-size: 30px;
  margin-top: -22px;
  position: absolute;
  text-align: center;
  display: inline-block;
  border: 2px solid #eee;
  background: rgba(0, 0, 0, 0.1); }

.carousel-v2 .carousel-control:hover {
  background: rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out; }

.carousel-v2 .carousel-control.left {
  left: 20px; }

.carousel-v2 .carousel-control.right {
  right: 20px; }

.carousel-v2 .carousel-control .arrow-prev,
.carousel-v2 .carousel-control .arrow-next {
  top: -5px;
  position: relative; }

.carousel-v2 .carousel-control .arrow-next {
  right: -2px; }

@media (min-width: 768px) {
  .carousel-indicators {
    bottom: 10px; } }
/*--------------------------------------------------
	[3. Bootstrap Checkbox]    
    使用于news中的Timeline
    使用于product中的SearchUserControl的label

----------------------------------------------------*/
.timeline-v1 .radio, .timeline-v1 .checkbox {
  margin-top: 0px;
  margin-left: 10px; }

.timeline-v1 .radio label, .timeline-v1 .checkbox label {
  padding-left: 0px; }

input[type=radio], input[type=checkbox] {
  margin: 0; }

/*OEM/ODM*/
.newsDomUploadBtn label {
  font-weight: 400; }

/*--------------------------------------------------
	[3. Bootstrap table]    
    使用于news中的Timeline

----------------------------------------------------*/
/*系列页面*/
.sljf_productPage_seriesCompare_list table th {
  text-align: center; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle;
  word-wrap: break-word;
  word-break: keep-all;
  padding: 8px 6px; }

.SampleRoom .table-responsive {
  border: none;
  margin-bottom: -5px; }

/*--------------------------------------------------
	[3. Bootstrap 缩略图]    
    使用于系列页面中的thumbnail

----------------------------------------------------*/
/*specifications*/
.sljf_series_description a.thumbnail:hover,
.sljf_series_description a.thumbnail:focus,
.sljf_series_description a.thumbnail.active {
  border-color: #E83828; }

/*系列列表页*/
.f_seriesListImg .thumbnail > img,
.f_seriesListImg .thumbnail a > img {
  margin: 0; }

.f_seriesListImg .thumbnail {
  border: transparent; }

/*--------------------------------------------------
	[3. Bootstrap 文本框]    
    使用于系列页面中的textarea
    .form-control
----------------------------------------------------*/
.navbar-form .form-control {
  width: 170px; }

.form-control {
  resize: none; }

/*--------------------------------------------------
	[3. Bootstrap badge]    
    使用于support页面中的模态框
    .panel-heading
----------------------------------------------------*/
.panel-default > .panel-heading .badge {
  background-color: #515151;
  margin-right: 20px; }

/*--------------------------------------------------
	[3. Bootstrap pagination]    
    使用于所有页面中的页签
    .pagination
----------------------------------------------------*/
.pagination > li > a.active, .pagination > li > span.active {
  background-color: #eee;
  color: #E83828; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #f60; }

.pagination > li > a, .pagination > li > span {
  color: #757575; }

/*--------------------------------------------------
	[3. Bootstrap presentation]    
    使用于support 的胶囊式标签页
    .pagination
----------------------------------------------------*/
.tab-title li a {
  font-size: 14px;
  padding: 6px 15px;
  margin: 0 2px; }

.nav-pills > li > a:link, .nav-pills > li > a:visited, .nav-pills > li > a:hover, .nav-pills > li > a:active {
  background: #fff;
  color: #212121;
  border: 1px solid #ccc;
  border-radius: 0px; }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background: #212121;
  border: 1px solid #212121;
  border-radius: 0px; }

/***************自适应调试*************/
/*移动端*/
@media screen and (max-width: 767px) {
  .tab-title li a {
    padding: 6px 10px; } }
/*--------------------------------------------------
	[3. Bootstrap 模态框]    
    使用于videos页
----------------------------------------------------*/
/*/***************自适应调试*************/
/*.modal-dialog {
    top:20%;
}*/
/*移动端*/
/*@media screen and (max-width:767px) {
    .modal-dialog iframe{
        width:320px;
        height:180px;
    }
}*/
/*@media screen and (min-width:768px) {
   .modal-dialog iframe{
        width:930px;
        height:510px;
    }

    .modal-dialog {
        width:960px;
    }
}*/
/*大屏幕*/
/*@media screen and (min-width:1200px) {
    .modal-dialog {
        top:10%;
    }
}*/
/*--------------------------------------------------
	[3.按钮]    
    使用于footer页
----------------------------------------------------*/
.btn-lg, .btn-group-lg > .btn {
  padding: 5px 10px;
  margin: 10px 0;
  border-radius: 0px;
  font-size: 12px; }

.sljl_footerMenu .btn-primary {
  border-color: #666;
  background: #666;
  transition: 0.3s; }

.sljl_footerMenu .btn-primary:hover,
.sljl_footerMenu .btn-primary:active {
  background: #888; }

/*模态框*/
.sljl_footerMenu .modal-body {
  width: 80%;
  margin-left: 5%; }

/***************自适应调试*************/
/*移动端*/
/*小屏幕*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sljl_footerMenu .modal-dialog {
    width: 360px; } }
/*中屏幕*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sljl_footerMenu .modal-dialog {
    width: 560px; } }
/*大屏幕*/
@media screen and (min-width: 1200px) {
  .sljl_footerMenu .modal-dialog {
    width: 760px; } }
/*--------------------------------------------------
	[4.文本框]    

----------------------------------------------------*/
.form-horizontal .control-label {
  font-weight: 300; }

.btn-primary {
  color: #fff;
  background-color: #E83828;
  border-color: #E83828; }
  .btn-primary:hover, .btn-primary:visited {
    color: #fff !important;
    background-color: #212529 !important;
    border-color: #212529 !important; }

.category .categoryProductListInner .thumbnail {
  border: none; }

.help-block {
  margin-top: 0;
  color: red !important; }

#noticediv.modal {
  top: 30%; }

.bs-example-modal-lg.modal {
  top: 10%; }

#redirect2LV.modal {
  top: 50%; }

@media (min-width: 768px) {
  #redirect2LV .modal-sm {
    width: 500px; } }
@media (min-width: 768px) {
  .modal-dialog {
    margin: 0px auto; } }
/*--------------------------------------------------
	[5.nav-tabs]    

----------------------------------------------------*/
.scrollspy-nav .nav-tabs > li > a {
  border-radius: 0;
  border: none; }
  .scrollspy-nav .nav-tabs > li > a:hover {
    border: none; }

.scrollspy-nav .nav-tabs > li.active > a,
.scrollspy-nav .nav-tabs > li.active > a:focus,
.scrollspy-nav .nav-tabs > li.active > a:hover {
  color: #212529 !important;
  border-bottom: 3px solid #000;
  padding: 0; }

body {
  font: 14px Helvetica,PingFang SC,Tahoma,Arial,sans-serif !important; }

@font-face {
  font-family: 'InterBold';
  font-display: swap;
  src: url("../../fonts/Inter/Inter-Bold-slnt=0.ttf"); }
@font-face {
  font-family: 'InterRegular';
  font-display: swap;
  src: url("../../fonts/Inter/Inter-Regular-slnt=0.ttf"); }
@font-face {
  font-family: 'InterBlack';
  src: url("../../fonts/Inter/Inter-Black-slnt=0.ttf");
  font-display: swap; }
@font-face {
  font-family: 'InterLight';
  src: url("../../fonts/Inter/Inter-Light-slnt=0.ttf");
  font-display: swap; }
@font-face {
  font-family: 'InterMedium';
  src: url("../../fonts/Inter/Inter-Medium-slnt=0.ttf");
  font-display: swap; }
@font-face {
  font-family: 'InterThin';
  src: url("../../fonts/Inter/Inter-Thin-slnt=0.ttf");
  font-display: swap; }
.screenButton .layui-nav {
  background: #fff;
  padding: 4px 0;
  font-size: inherit; }
  .screenButton .layui-nav:after {
    content: "";
    clear: both;
    visibility: hidden;
    height: 0;
    display: block; }
  .screenButton .layui-nav .layui-this:after, .screenButton .layui-nav .layui-nav-bar,
  .screenButton .layui-nav .layui-nav-tree .layui-nav-itemed:after {
    background: #fff;
    display: none; }
  .screenButton .layui-nav .site-Condition {
    width: 70%; }
    @media screen and (max-width: 992px) {
      .screenButton .layui-nav .site-Condition {
        width: 60%; } }
    .screenButton .layui-nav .site-Condition .site-Condition-filter {
      display: none; }
  .screenButton .layui-nav .layui-nav-item {
    padding: 2px;
    line-height: inherit; }
    .screenButton .layui-nav .layui-nav-item.site-demo-button {
      margin: 2px; }
      .screenButton .layui-nav .layui-nav-item.site-demo-button a {
        height: 20px;
        line-height: 20px; }
    .screenButton .layui-nav .layui-nav-item a {
      color: #333;
      padding: 0 10px;
      /*margin: 8px 0;*/
      /*border-left: 1px solid #eee;*/
      display: inherit; }
    .screenButton .layui-nav .layui-nav-item .layui-nav-child {
      top: 36px;
      padding: 0;
      text-align: left; }
      .screenButton .layui-nav .layui-nav-item .layui-nav-child dd .layui-this a,
      .screenButton .layui-nav .layui-nav-item .layui-nav-child dd.layui-this a,
      .screenButton .layui-nav .layui-nav-item .layui-nav-child dd.layui-this {
        background: inherit; }
    .screenButton .layui-nav .layui-nav-item.site-Condition-filter > a, .screenButton .layui-nav .layui-nav-item.site-add-filter > a {
      border: 1px solid #eee;
      padding: 6px 30px 6px 10px;
      background: #f7f7f7;
      text-align: left; }
      .screenButton .layui-nav .layui-nav-item.site-Condition-filter > a em, .screenButton .layui-nav .layui-nav-item.site-add-filter > a em {
        padding-right: 4px; }
      .screenButton .layui-nav .layui-nav-item.site-Condition-filter > a ul, .screenButton .layui-nav .layui-nav-item.site-Condition-filter > a li, .screenButton .layui-nav .layui-nav-item.site-add-filter > a ul, .screenButton .layui-nav .layui-nav-item.site-add-filter > a li {
        display: inline-block;
        padding-right: 4px;
        color: #E83828; }
      .screenButton .layui-nav .layui-nav-item.site-Condition-filter > a li:after, .screenButton .layui-nav .layui-nav-item.site-add-filter > a li:after {
        content: ","; }
      .screenButton .layui-nav .layui-nav-item.site-Condition-filter > a li:last-child:after, .screenButton .layui-nav .layui-nav-item.site-add-filter > a li:last-child:after {
        content: ""; }
    .screenButton .layui-nav .layui-nav-item .layui-form-item a {
      /*padding: 0px 20px 6px 20px;*/ }
    .screenButton .layui-nav .layui-nav-item .layui-btn {
      color: #333;
      background: inherit !important; }
  .screenButton .layui-nav span.layui-nav-bar {
    display: none !important; }
  .screenButton .layui-nav .layui-nav-more {
    border-top-color: rgba(0, 0, 0, 0.3);
    right: 10px; }
  .screenButton .layui-nav .layui-nav-mored,
  .screenButton .layui-nav .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent rgba(0, 0, 0, 0.3); }

.layui-tab-content {
  padding: 0; }

.layui-form-checkbox[lay-skin=primary] {
  margin-top: 0px !important; }
  .layui-form-checkbox[lay-skin=primary] span {
    user-select: initial;
    white-space: inherit;
    padding: 0; }

@media screen and (max-width: 1200px) {
  .category .layui-tab {
    margin: 10px -15px; }

  .layui-layer .layui-form-checkbox i {
    height: 30px; }

  .layui-tab-content {
    padding: inherit; }

  .layui-tab-brief .layui-tab-title {
    border: transparent;
    background-color: #f7f7f7; }
    .layui-tab-brief .layui-tab-title .layui-this {
      color: #E83828; }

  .layui-tab-brief > .layui-tab-more li.layui-this:after,
  .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom: 2px solid #E83828; } }
/*@media screen and (max-width: 768px) {
    .layui-layer .layui-form-checkbox i {
        display:none;
    }
}*/
.layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: rgba(232, 56, 40, 0.8); }

.layui-form-checked[lay-skin=primary] i {
  border-color: rgba(232, 56, 40, 0.8);
  background-color: rgba(232, 56, 40, 0.8); }

.layui-layer-btn .layui-layer-btn0 {
  border-color: #E83828 !important;
  background-color: #E83828 !important; }

.layui-form-checked span,
.layui-form-checked:hover span {
  background: inherit; }
  @media screen and (max-width: 768px) {
    .layui-form-checked span,
    .layui-form-checked:hover span {
      background: rgba(232, 56, 40, 0.8); } }

.layui-form-checked i, .layui-form-checked:hover i {
  color: rgba(232, 56, 40, 0.8); }

.layui-form-radio > i:hover, .layui-form-radioed > i {
  color: rgba(232, 56, 40, 0.8); }

    /*.layui-form input[type=checkbox], .layui-form input[type=radio], .layui-form select {
    position: absolute;
    z-index: 111;
    display: block;
    opacity: 0;
}*/
@media screen and (max-width: 450px) {
  #layerDemor .check-box {
    display: inline-block;
    margin: 2px 0; }
  #layerDemor .layui-form-item .layui-form-checkbox {
    padding-right: 0;
    margin: 0; }
  #layerDemor .layui-form-checkbox span {
    border-radius: 2px; }
  #layerDemor .layui-icon.layui-icon-ok {
    visibility: hidden; }
  #layerDemor .layui-form-item {
    margin-bottom: 0; } }
.ShowroomForm .layui-form-label {
  padding: 9px 0; }

.layui-form-select dl dd.layui-this {
  background-color: rgba(232, 56, 40, 0.8); }

/*.layui-collapse {
    border: none;

    .layui-colla-item,
    .layui-colla-content {
        border: none;
    }

    .layui-colla-content {
        padding: 0;
    }

    .layui-colla-title {
        background: transparent;
        padding: 0;
        height: 30px;
        line-height: 30px;
        font-weight:bold;

        .layui-colla-icon {
            display: none;
        }
    }
}*/
.categoryProductList-largeContent .layui-collapse {
  border: inherit; }
  .categoryProductList-largeContent .layui-collapse .layui-colla-item {
    margin-bottom: 10px; }
  .categoryProductList-largeContent .layui-collapse .layui-colla-icon {
    top: 14px; }

/*# sourceMappingURL=main.css.map */


/**********Zero to Pro: Your Fast-Track Racing Simulator Buyers’ Guide************/
.game-blog-h2 {
    margin-top: 50px;
    font-size: 20px;
    text-align: center;
    color: #333;
    text-decoration: none;
    margin-bottom: 30px;
}

.game-blog-p {
    line-height: 24px;
    font-size: 14px;
    color: #444;
    padding-bottom: 10px;
}

.gameModule1 {
    padding-top: 25px;
    padding-bottom: 15px;
    overflow: hidden;
}

.game-blog-h3 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 24px;
}

.gameModule2 {
    background: #f2f2f2;
    padding: 15px;
    overflow: hidden;
}

.game-blog-box {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.game-blog-marker {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .game-blog-marker span {
        font-size: 30px;
        color: #fff;
        cursor: pointer;
        position: absolute;
        z-index: 1
    }

        .game-blog-marker span:before {
            content: "";
            position: absolute;
            z-index: 9;
            left: 50%;
            top: 50%;
            border: 2px solid #818181;
            transform: translateX(-50%) translateY(-50%);
            display: block;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            animation: pulse-border 1.5s ease-out infinite
        }

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.game-blog-box .game-blog-marker.game-blog-marker01 span {
    left: 36%;
    top: 55%;
    transform: translate(-55%,-36%);
}

.game-blog-box .game-blog-marker.game-blog-marker02 span {
    right: 48%;
    top: 35%;
    transform: translate(48%,-35%);
}

.game-blog-box .game-blog-marker.game-blog-marker03 span {
    right: 46%;
    top: 76%;
    transform: translate(46%,-76%);
}

.game-blog-box .game-blog-marker.game-blog-marker04 span {
    right: 34%;
    top: 35%;
    transform: translate(34%,-35%);
}

.game-blog__overlay-card {
    position: absolute;
    text-align: center;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4,0,.2,1);
    transition-duration: .3s
}

.game-blog-box .game-blog-marker .game-blog__overlay-card.game-blog__overlay-card01 {
    left: 33%;
    bottom: 35%;
    transform: translate(-33%,35%);
    padding: 10px;
    background: rgba(0, 19, 28, 0.7);
}

.game-blog-box .game-blog-marker .game-blog__overlay-card.game-blog__overlay-card02 {
    right: 47%;
    top: 25%;
    transform: translate(47%,-29%);
    padding: 10px;
    background: rgba(0, 19, 28, 0.7);
}

.game-blog-box .game-blog-marker .game-blog__overlay-card.game-blog__overlay-card03 {
    right: 45%;
    top: 86%;
    transform: translate(45%,-82%);
    padding: 10px;
    background: rgba(0, 19, 28, 0.7);
}

.game-blog-box .game-blog-marker .game-blog__overlay-card.game-blog__overlay-card04 {
    right: 27%;
    top: 35%;
    transform: translate(27%,-37%);
    padding: 10px;
    background: rgba(0, 19, 28, 0.7);
}

.game-blog__overlay-card a {
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

    .game-blog__overlay-card a:hover {
        color: #fff !important;
    }

.game-blog__overlay-card--active {
    opacity: 1;
    z-index: 50;
}

.game-blog__overlay-card--inactive {
    opacity: 0;
    z-index: -1;
}

.game-blog-line1 {
    margin: 10px 0 20px 0;
    overflow: hidden;
}

    .game-blog-line1 .game-blog-list1 {
        font-size: 14px;
        line-height: 30px;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }

        .game-blog-line1 .game-blog-list1 span {
            margin-right: 10px;
            float: left;
        }

.game-blog-Title {
    margin-bottom: 15px;
    margin-top: 10px;
}

.game-blog-test1 {
    height: 30px;
    background: #f3a246;
    border-radius: 20px;
    line-height: 31px;
    padding: 0 25px;
    color: #fff;
    font-size: 16px;
    display: inline-flex;
}

a.game-blog-test1:hover {
    color: #fff !important;
    background: #f08300;
}

.game-blog-ul1 {
    overflow: hidden;
    margin-bottom: 20px;
}

    .game-blog-ul1 li {
        line-height: 24px;
        font-size: 14px;
        color: #444;
        list-style: inside;
    }

.game-blog-pro-box {
    overflow: hidden;
    margin: 10px 0;
}

.game-blog-pro-Item {
    padding-bottom: 30px;
}

    .game-blog-pro-Item .game-blog-pro-list {
        position: relative;
    }

        .game-blog-pro-Item .game-blog-pro-list .game-blog-test2 {
            text-align: center;
            margin-top: -15px;
            margin-bottom: 15px;
        }


            .game-blog-pro-Item .game-blog-pro-list .game-blog-test2 h3 {
                font-size: 16px;
                padding-bottom: 10px;
                text-align: center;
                font-weight: bold;
            }

        .game-blog-pro-Item .game-blog-pro-list .game-blog-test2 p {
            font-size: 14px;
        }

        .game-blog-pro-Item .game-blog-pro-list .game-blog-pro-line {
            background: #fff;
            border-radius: 10px;
            padding: 10px 10px 15px 10px;
            text-align: center;
            margin: 0;
            display: flex;
            justify-content: center;
        }

            .game-blog-pro-Item .game-blog-pro-list .game-blog-pro-line p {
                margin: 10px 0 0 0;
            }

        .game-blog-pro-Item .game-blog-pro-list .game-blog-test3 {
            width: 100%;
            text-align: center;
            padding: 15px 0;
            overflow: hidden
        }

            .game-blog-pro-Item .game-blog-pro-list .game-blog-test3 h3 {
                font-size: 16px;
                font-weight: bold;
                padding-bottom: 10px;
            }

            .game-blog-pro-Item .game-blog-pro-list .game-blog-test3 p {
                font-size: 14px;
            }

.game-blog-pro-Item2 {
    padding-bottom: 20px;
}

    .game-blog-pro-Item2 .game-blog-pro-list2 {
        text-align: center;
        overflow: hidden;
    }

        .game-blog-pro-Item2 .game-blog-pro-list2 h3 {
            font-size: 14px;
            line-height: 24px;
            font-weight: bold;
            padding-bottom: 15px;
        }

        .game-blog-pro-Item2 .game-blog-pro-list2 p {
            font-size: 14px;
            line-height: 30px;
        }

.game-blog-click {
    width: 22px;
    height: 22px;
    margin-left: 8px;
    margin-top: 4px;
}