@charset "utf-8";
/*reset*/
body,
button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
li,
ol,
option,
p,
pre,
select,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  outline: 0 none;
}
:focus,
:hover {
  outline: 0 none;
}
:link,
:visited {
  text-decoration: none;
}
::-moz-focus-inner {
  border: 0;
}
article,
aside,
dialog,
figuer,
footer,
header,
menu,
nav,
section {
  display: block;
}
em,
i {
  font-style: normal;
}
b,
caption,
h1,
h2,
h3,
h4,
h5,
h6,
th {
  font-weight: 400;
}
li {
  list-style: none;
}
img {
  border: none;
  -ms-interpolation-mode: bicubic;
  -webkit-filter: inherit;
          filter: inherit;
  vertical-align: middle;
}
a,
s,
u {
  text-decoration: none;
}
sub,
sup {
  font-size: 67%;
}
textarea {
  border: none;
  background: 0 0;
  overflow: auto;
  resize: none;
}
button,
input,
select,
textarea {
  font-family: 'Microsoft YaHei', '微软雅黑';
  vertical-align: top;
}
input[type=checkbox],
input[type=radio] {
  vertical-align: middle;
  position: relative;
  top: -1px;
}
input::-ms-clear {
  display: none;
}
input:focus {
  -webkit-user-modify: read-write-plaintext-only;
}
button,
input {
  background: 0 0;
  border: none;
  border-radius: 0;
}
button,
input[type=reset],
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
a {
  vertical-align: baseline;
}
.ysqMoveBox:after,
.ysqJsBox:after,
.box:after,
.cle:after,
.list:after,
.tapList:after,
.container:after,
.row:after,
.w:after,
.imax:after,
.w-p:after,
.w-m:after {
  height: 0;
  content: ' ';
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
video::-internal-media-controls-download-button {
  display: none;
}
video::-webkit-media-controls-enclosure {
  overflow: hidden;
}
video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}
video.videoBg::-webkit-media-controls,
video.videoBg::-ms-media-controls,
video.videoBg::-moz-media-controls,
video.videoBg::-webkit-media-controls-enclosure {
  display: none !important;
}
video.videoBg::-webkit-media-controls-panel,
video.videoBg::-webkit-media-controls-panel-container,
video.videoBg::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
.btn,
.more,
.button,
.link,
.ctr,
label,
[data-fancybox] {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.03);
}
/*--自定义部分--*/
html {
  margin: 0 auto;
  word-break: break-word;
  word-wrap: break-word;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.imax {
  position: relative;
}
.imax center,
.imax video {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}
.imax * {
  max-width: 100%;
  white-space: normal !important;
}
.imax img,
.imax video {
  height: auto !important;
}
.imax tr,
.imax td {
  border-style: solid;
  border-width: 1px;
  border-color: windowtext;
}
.imax b,
.imax th {
  font-weight: bold;
}
.imax i {
  font-style: italic;
}
.imax s {
  text-decoration: line-through;
}
.imax u {
  text-decoration: underline;
}
p,
div {
  max-height: 10000rem;
}
.info,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
em,
b,
i,
span,
a,
s,
textarea,
input,
select {
  font: inherit;
  font-size: 1em;
  color: inherit;
}
strong {
  font-weight: bold;
}
.oh,
.shade {
  position: relative;
  overflow: hidden;
}
.TAlert {
  z-index: 99998 !important;
}
.shade {
  display: block;
  width: 100%;
  height: 100%;
}
.contain {
  position: relative;
}
img.fixedbg,
img.bg,
.pic img,
.videoBg {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.icoImg {
  -o-object-fit: contain;
     object-fit: contain;
}
div.bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pic img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: inherit;
  width: 100% !important;
  height: 100% !important;
}
.img img,
.fiture img {
  position: relative;
  z-index: 1;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
.img.Dh img,
.fiture.Dh img {
  width: 100%;
}
.img.Dv img,
.fiture.Dv img {
  height: 100%;
}
._pen,
.bg,
.fixedbg,
.z-1,
.MouseMove a,
.TouchMove a,
.MouseMove .skin,
.TouchMove .skin,
.dct {
  pointer-events: none !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.img,
.pic,
.vm {
  position: relative;
  overflow: hidden;
  display: block;
  font-size: 0;
}
.img,
.fiture {
  text-align: center;
}
.img img,
.vmbox {
  position: relative;
  z-index: 1;
  display: inline-block;
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto;
  height: auto;
  vertical-align: middle;
}
.fiture img {
  display: inline-block;
  max-width: 100% !important;
  max-height: 100% !important;
  vertical-align: middle;
}
.imgScroll.x {
  overflow-x: auto;
  max-width: 100%;
}
.imgScroll.y {
  overflow-y: auto;
}
.imgScroll img {
  max-width: none !important;
  width: auto !important;
  height: auto !important;
}
.bg,
.shadow,
.wh100,
.mask,
.shade > .box,
.shade > .ysqMoveBox,
.shade > .ysqJsBox,
.videoBg {
  z-index: 2;
  position: absolute !important;
  left: 0;
  top: 0;
  max-width: none !important;
  width: 100%;
  height: 100%;
}
.shade > .slideBox {
  width: 300%;
}
.shade [data-fancybox] {
  width: 100%;
  height: 100%;
  display: block;
}
.fixedbg {
  position: fixed !important;
  left: 0;
  top: 0;
  max-width: none !important;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.z1,
.shade {
  z-index: 1;
}
.shadow {
  z-index: 4;
}
.mask {
  z-index: 6;
}
.z90 {
  z-index: 90;
}
#loadingMask {
  z-index: 2117 !important;
}
.fixedbg,
.bg,
.z-1 {
  z-index: -1;
}
.ctr.reject {
  display: none;
}
.reject {
  cursor: default;
}
.ysqUEO .reject {
  cursor: not-allowed;
}
.waiting {
  cursor: wait;
}
.loading,
.loading-m,
.load-error {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  transition: none !important;
  -webkit-transition: none !important;
}
.load-error img {
  display: none;
}
.Tt > .box,
.Tt > .ysqMoveBox,
.Tt > .ysqJsBox {
  display: none;
}
.Tt > .box.on,
.Tt > .ysqMoveBox.on,
.Tt > .ysqJsBox.on {
  display: block;
}
.Tg .btn {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.getWordsWidth {
  position: fixed;
  white-space: nowrap;
  visibility: hidden;
}
.getWordsWidth * {
  display: inline !important;
}
.getWordsWidth br {
  display: none !important;
}
/*布局*/
.scroll-wrap {
  position: relative;
}
.scroll-wrap.show {
  opacity: 1;
  -webkit-transition: opacity 250ms,background 250ms;
  transition: opacity 250ms,background 250ms;
}
.db {
  display: block!important;
}
.dn {
  display: none!important;
}
.ma,
.w,
.container {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.m0 {
  margin: 0!important;
}
.p0 {
  padding: 0!important;
}
.nw,
.aft {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wsn {
  white-space: nowrap;
}
.hr {
  width: 100%;
  height: 1px;
}
.vr {
  width: 1px;
  height: 100%;
}
.h100 {
  height: 100% !important;
}
.w100 {
  width: 100% !important;
}
.t0 {
  top: 0;
}
.b0 {
  bottom: 0;
}
.l0 {
  left: 0;
}
.r0 {
  right: 0;
}
.t50 {
  top: 50% !important;
}
.l50 {
  left: 50% !important;
}
.poa {
  position: absolute !important;
}
.por {
  position: relative !important;
}
.pod {
  position: static !important;
}
.pof {
  position: fixed !important;
}
.fl,
.fld,
.l {
  float: left;
}
.fr,
.frd,
.r {
  float: right;
}
.tsn {
  -webkit-transition: none !important;
  transition: none !important;
}
.ts {
  -webkit-transition: 250ms;
  transition: 250ms;
}
/* font */
.lh1 {
  line-height: 1;
}
.ti2 {
  text-indent: 2em;
}
.ttu {
  text-transform: uppercase;
}
.wmrl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.wmlr {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}
.ffw {
  font-family: 'Microsoft YaHei', '微软雅黑' !important;
}
.ffh {
  font-family: 'SimHei', '黑体' !important;
}
.ffs {
  font-family: 'SimSun', '宋体' !important;
}
.ffk {
  font-family: 'KaiTi', '楷体' !important;
}
.ffa {
  font-family: Arial, sans-serif !important;
}
.ffv {
  font-family: verdana, sans-serif !important;
}
.fft {
  font-family: Tahoma, sans-serif !important;
}
.fb,
.fwb {
  font-weight: 700;
}
.fwl {
  font-weight: 100;
}
.fi {
  font-style: italic;
}
.cfff {
  color: #fff;
}
.c000 {
  color: #000;
}
.c333 {
  color: #333;
}
.c666 {
  color: #666;
}
.c999 {
  color: #999;
}
.cf00 {
  color: #f00;
}
.tac {
  text-align: center!important;
}
.tal {
  text-align: left!important;
}
.tar {
  text-align: right!important;
}
.taj {
  text-align: justify!important;
}
/* css3 default */
.AniDo {
  position: relative;
}
.AniDo {
  opacity: 0;
  -webkit-transition: 0s !important;
  transition: 0s !important;
}
.lazyimg {
  opacity: 0;
}
.AniDoing,
.Done {
  opacity: 1;
  -webkit-transition: .3s !important;
  transition: .3s !important;
}
.AniDone {
  -webkit-animation-duration: 0s !important;
          animation-duration: 0s !important;
  opacity: 1 !important;
  -webkit-transition: 0s !important;
  transition: 0s !important;
  -wekit-transition: 0s !important;
}
.lazyimg {
  -webkit-transition: none !important;
  transition: none !important;
}
.jsAct {
  -webkit-animation-duration: 133ms;
          animation-duration: 133ms;
}
.AniStart .op0 {
  visibility: hidden;
}
.AniDid .op0 {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.lazyimg.Done {
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s !important;
  -webkit-transition: opacity .8s,-webkit-transform .8s !important;
  transition: opacity .8s,-webkit-transform .8s !important;
  transition: opacity .8s,transform .8s !important;
  transition: opacity .8s,transform .8s,-webkit-transform .8s !important;
}
.AniDo,
.HovAni,
.ActAni {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.aniSerialize {
  -webkit-animation-duration: .25s;
  animation-duration: .25s;
}
.AniDoFast {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
}
.AniDoSlow {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}
.AniDoTortoise {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.scroll-wrap {
  opacity: 1 !important;
}
.pagination {
  display: none;
}
.pagination._show {
  display: block;
}
.willdrag .box,
.MouseDown .box {
  cursor: all-scroll;
}
.MouseMove .box,
.MouseMove .link,
.MouseMove .btn {
  cursor: all-scroll;
}
/* 下划线 */
.ysqUEO.pc .aft {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.ysqUEO.pc .aft.aftl {
  padding-bottom: 0;
}
.ysqUEO.pc .aftl,
.ysqUEO.pc .aftm,
.ysqUEO.pc .aftr {
  position: relative;
  overflow: hidden;
  padding-bottom: 1px;
}
.aftl:hover,
.aftm:hover,
.aftr:hover,
.tduh:hover {
  text-decoration: underline;
}
.ysqUEO.pc .aftl,
.ysqUEO.pc .aftm,
.ysqUEO.pc .aftr {
  text-decoration: none;
}
.ysqUEO.pc .aftl:after,
.ysqUEO.pc .aftm:after,
.ysqUEO.pc .aftr:after {
  position: absolute;
  bottom: 0px;
  content: " ";
  width: 0;
  border-bottom: solid 1px;
  -webkit-transition: width 0.33s,left 0.33s  ;
  transition: width 0.33s,left 0.33s  ;
}
.ysqUEO.pc .aftl:hover:after,
.ysqUEO.pc .aftr:hover:after {
  width: 100%;
  -webkit-transition: width 0.33s;
  transition: width 0.33s;
}
/*L*/
.ysqUEO.pc .aftl:after {
  left: 100%;
}
.ysqUEO.pc .aftl:hover:after {
  left: 0;
}
/*M*/
.ysqUEO.pc .aftm:after {
  left: 50%;
}
.ysqUEO.pc .aftm:hover:after {
  left: 0;
  width: 100%;
}
/*R*/
.ysqUEO.pc .aftr:after {
  right: 100%;
}
.ysqUEO.pc .aftr:hover:after {
  right: 0;
}

/*style*/
@charset "utf-8";
/*!  Project : 晨明电动车
    +---------style.css----------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  337676937    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2021.05.10   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/
.pf100 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pa100 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pr100 {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bge {
  background-color: #eee;
}
.bgf {
  background-color: #fff;
}
.bgf1 {
  background-color: #f1f1f1;
}
.bgf5 {
  background-color: #f5f5f5;
}
select {
  -webkit-appearance: none ;
     -moz-appearance: none ;
          appearance: none ;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wNi0wN1QxMDoxMTo1MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiBzdEV2dDp3aGVuPSIyMDIxLTA2LTA3VDEwOjExOjUzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phbo2BUAAAGhSURBVGje7ZhPKwVRGIePPzsWxJINJQvWsqXIB0BspHAXNkoZW6XkA8iGfANhayEllu6GrSyEzdXtFivG71czNd3uNWfmnLl3Tt7FU9Ocqfd5Vu/MKN/3lcsoCZAACZAACZAACZCA/xzgeV4n2AevoOIIdD0BXQxYBL6jLDBg3eGANQYMgDcH5ek8yAAyBUoOyZcCZxUGkHnw6YA8HedC72gAKTgQUIg6VweQ7RzLb1X71gpQwV7Im/xeLdd6Aa3gOEfyR4GTdgDpABc5kD8LXFTSANILrpsofwV6/nKMCyDDoNgE+XswFOenE0DGwXMD5Z/AmI6bbgCZAe8NkOeMaV2vJAHhti5nKP8R3bJZBJBV8JXRK8JyUp80AWQT/FiU/wYbaVzSBpBdiwE7aT1MAsihBfkDEwfTgHZwbiB/CtqaGUC6wV0K+Vt+lJvOtxFA+sFjAvkH0Gdjtq0AMgpeNOT5zIituTYDyGTMtzXPJmzOtB1AZuts63JwpvIeEG7rSkSe1ytZzMoqoAUsgRtwyT9owT37AfJ3WgIkQAIkwIRfcr5yHGTCwbkAAAAASUVORK5CYII=");
}
select {
  background-size: 16px auto;
  background-position: 95% 50%;
  background-repeat: no-repeat;
}
/* 固定调用animations-start */
@-webkit-keyframes AniDotScaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50%,
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
@keyframes AniDotScaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50%,
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
@-webkit-keyframes fadeInRightm {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInRightm {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInRightm {
  -webkit-animation-name: fadeInRightm;
          animation-name: fadeInRightm;
}
@-webkit-keyframes fadeInLeftm {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInLeftm {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInLeftm {
  -webkit-animation-name: fadeInLeftm;
          animation-name: fadeInLeftm;
}
@-webkit-keyframes fadeInUpm {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUpm {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInUpm {
  -webkit-animation-name: fadeInUpm;
          animation-name: fadeInUpm;
}
@-webkit-keyframes fadeInDownm {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInDownm {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInDownm {
  -webkit-animation-name: fadeInDownm;
          animation-name: fadeInDownm;
}
@-webkit-keyframes slideInRightm {
  0% {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes slideInRightm {
  0% {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
.slideInRightm {
  -webkit-animation-name: slideInRightm;
          animation-name: slideInRightm;
  opacity: 1 !important;
}
@-webkit-keyframes slideInLeftm {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes slideInLeftm {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
.slideInLeftm {
  -webkit-animation-name: slideInLeftm;
          animation-name: slideInLeftm;
  opacity: 1 !important;
}
@-webkit-keyframes slideInUpm {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes slideInUpm {
  0% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
.slideInUpm {
  -webkit-animation-name: slideInUpm;
          animation-name: slideInUpm;
  opacity: 1 !important;
}
@-webkit-keyframes slideInDownm {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes slideInDownm {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
.slideInDownm {
  -webkit-animation-name: slideInDownm;
          animation-name: slideInDownm;
  opacity: 1 !important;
}
@-webkit-keyframes fadeIns {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIns {
  0% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.fadeIns {
  -webkit-animation-name: fadeIns;
          animation-name: fadeIns;
}
@-webkit-keyframes dotShake {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  15% {
    -webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg);
            transform: translate3d(-8%, 0, 0) rotate(-4deg);
  }
  30% {
    -webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg);
            transform: translate3d(6.6%, 0, 0) rotate(2deg);
  }
  45% {
    -webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
            transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
  }
  60% {
    -webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg);
            transform: translate3d(4.5%, 0, 0) rotate(1deg);
  }
  75% {
    -webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg);
            transform: translate3d(-2%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes dotShake {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  15% {
    -webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg);
            transform: translate3d(-8%, 0, 0) rotate(-4deg);
  }
  30% {
    -webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg);
            transform: translate3d(6.6%, 0, 0) rotate(2deg);
  }
  45% {
    -webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
            transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
  }
  60% {
    -webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg);
            transform: translate3d(4.5%, 0, 0) rotate(1deg);
  }
  75% {
    -webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg);
            transform: translate3d(-2%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
.dotShake {
  -webkit-animation-name: dotShake;
          animation-name: dotShake;
}
@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: none !important;
            transform: none !important;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  0% {
    -webkit-transform: none !important;
            transform: none !important;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.rotate360 {
  -webkit-animation-name: rotate360;
          animation-name: rotate360;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes rotateInYm {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes rotateInYm {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.rotateInYm {
  -webkit-animation-name: rotateInYm;
          animation-name: rotateInYm;
}
@-webkit-keyframes AniStriking {
  0%,
  50%,
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25%,
  75% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
}
@keyframes AniStriking {
  0%,
  50%,
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25%,
  75% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
}
.AniStriking {
  -webkit-animation-name: AniStriking;
          animation-name: AniStriking;
}
@-webkit-keyframes AniOpStriking {
  0%,
  50%,
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25%,
  75% {
    opacity: .7;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes AniOpStriking {
  0%,
  50%,
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25%,
  75% {
    opacity: .7;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
}
.AniOpStriking {
  -webkit-animation-name: AniOpStriking;
          animation-name: AniOpStriking;
}
@-webkit-keyframes AniShiny {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes AniShiny {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.AniShiny {
  -webkit-animation-name: AniShiny;
          animation-name: AniShiny;
}
@-webkit-keyframes scaleInDown {
  0% {
    -webkit-transform: scale(1, 1.25) translateY(20%);
            transform: scale(1, 1.25) translateY(20%);
    -webkit-transform-origin: 50% 25%;
            transform-origin: 50% 25%;
  }
  100% {
    -webkit-transform: none !important;
            transform: none !important;
  }
}
@keyframes scaleInDown {
  0% {
    -webkit-transform: scale(1, 1.25) translateY(20%);
            transform: scale(1, 1.25) translateY(20%);
    -webkit-transform-origin: 50% 25%;
            transform-origin: 50% 25%;
  }
  100% {
    -webkit-transform: none !important;
            transform: none !important;
  }
}
.scaleInDown {
  -webkit-animation-name: scaleInDown;
          animation-name: scaleInDown;
}
@-webkit-keyframes scaleInRight {
  0% {
    -webkit-transform: scale(1.25, 1) translateX(20%);
            transform: scale(1.25, 1) translateX(20%);
    -webkit-transform-origin: 25% 50%;
            transform-origin: 25% 50%;
  }
  100% {
    -webkit-transform: none !important;
            transform: none !important;
  }
}
@keyframes scaleInRight {
  0% {
    -webkit-transform: scale(1.25, 1) translateX(20%);
            transform: scale(1.25, 1) translateX(20%);
    -webkit-transform-origin: 25% 50%;
            transform-origin: 25% 50%;
  }
  100% {
    -webkit-transform: none !important;
            transform: none !important;
  }
}
.scaleInRight {
  -webkit-animation-name: scaleInRight;
          animation-name: scaleInRight;
}
@-webkit-keyframes scaleInUp {
  0% {
    -webkit-transform: scale(1, 1.25) translateY(-20%);
            transform: scale(1, 1.25) translateY(-20%);
    -webkit-transform-origin: 50% 75%;
            transform-origin: 50% 75%;
  }
  100% {
    -webkit-transform: none !important;
            transform: none !important;
  }
}
@keyframes scaleInUp {
  0% {
    -webkit-transform: scale(1, 1.25) translateY(-20%);
            transform: scale(1, 1.25) translateY(-20%);
    -webkit-transform-origin: 50% 75%;
            transform-origin: 50% 75%;
  }
  100% {
    -webkit-transform: none !important;
            transform: none !important;
  }
}
.scaleInUp {
  -webkit-animation-name: scaleInUp;
          animation-name: scaleInUp;
}
@-webkit-keyframes scaleInLeft {
  0% {
    -webkit-transform: scale(1.25, 1) translateX(-20%);
            transform: scale(1.25, 1) translateX(-20%);
    -webkit-transform-origin: 75% 50%;
            transform-origin: 75% 50%;
  }
  100% {
    -webkit-transform: none !important;
            transform: none !important;
  }
}
@keyframes scaleInLeft {
  0% {
    -webkit-transform: scale(1.25, 1) translateX(-20%);
            transform: scale(1.25, 1) translateX(-20%);
    -webkit-transform-origin: 75% 50%;
            transform-origin: 75% 50%;
  }
  100% {
    -webkit-transform: none !important;
            transform: none !important;
  }
}
.scaleInLeft {
  -webkit-animation-name: scaleInLeft;
          animation-name: scaleInLeft;
}
@-webkit-keyframes animateStay {
  0,
  100% {
    opacity: 1;
  }
}
@keyframes animateStay {
  0,
  100% {
    opacity: 1;
  }
}
.animateStay {
  -webkit-animation-name: animateStay;
          animation-name: animateStay;
}
@-webkit-keyframes AniNone {
  0,
  100% {
    -webkit-transform: none !important;
            transform: none !important;
    opacity: 1;
    visibility: visible;
  }
}
@keyframes AniNone {
  0,
  100% {
    -webkit-transform: none !important;
            transform: none !important;
    opacity: 1;
    visibility: visible;
  }
}
.AniNone {
  -webkit-animation-name: AniNone;
          animation-name: AniNone;
  opacity: 1;
}
@-webkit-keyframes AniCalmdown {
  
}
@keyframes AniCalmdown {
  
}
.AniCalmdown {
  -webkit-animation-name: AniCalmdown;
          animation-name: AniCalmdown;
  -webkit-animation-duration: .5s !important;
          animation-duration: .5s !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none;
}
.waitAniTitleBlock,
.waitAniBlock {
  display: inline-block;
  vertical-align: top;
}
.waitAniTitleBlock,
.waitAniBlock {
  position: relative;
  overflow: hidden;
  -webkit-animation-duration: 2s !important;
          animation-duration: 2s !important;
}
.waitAniTitleBlock:before,
.waitAniBlock:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  background-color: currentColor;
}
.waitAniTitleBlock:before,
.waitAniBlock:before {
  -webkit-transform: translateX(-105%);
          transform: translateX(-105%);
}
.waitAniTitleBlock._dirv:before,
.waitAniBlock._dirv:before {
  -webkit-transform: translateY(-105%);
          transform: translateY(-105%);
}
.waitAniTitleBlock.AniStart .hideWord,
.waitAniBlock.AniStart .hideWord,
.waitAniTitleBlock.AniStart .hidePic,
.waitAniBlock.AniStart .hidePic,
.waitAniTitleBlock.AniStart .hideBlock,
.waitAniBlock.AniStart .hideBlock {
  -webkit-transition: all 0ms ease-out 0ms;
  transition: all 0ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.waitAniTitleBlock.AniStart:before,
.waitAniBlock.AniStart:before {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 500ms cubic-bezier(0, 0, 0.3, 0.6) 0s;
  transition: all 500ms cubic-bezier(0, 0, 0.3, 0.6) 0s;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.waitAniTitleBlock.AniStart._dirv:before,
.waitAniBlock.AniStart._dirv:before {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.waitAniTitleBlock.AniDid .hideWord,
.waitAniBlock.AniDid .hideWord,
.waitAniTitleBlock.AniDid .hidePic,
.waitAniBlock.AniDid .hidePic,
.waitAniTitleBlock.AniDid .hideBlock,
.waitAniBlock.AniDid .hideBlock {
  -webkit-transition: all 0ms ease-out 10ms;
  transition: all 0ms ease-out 10ms;
  opacity: 1;
  visibility: visible;
}
.waitAniTitleBlock.AniDid:before,
.waitAniBlock.AniDid:before {
  -webkit-transform: translateX(105%);
          transform: translateX(105%);
  -webkit-transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s;
  transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.waitAniTitleBlock.AniDid._dirv:before,
.waitAniBlock.AniDid._dirv:before {
  -webkit-transform: translateY(105%);
          transform: translateY(105%);
}
/* 固定调用animations-end */
/* baseCss */
.en {
  word-break: keep-all;
}
.tdu {
  text-decoration: underline;
}
.oh {
  position: relative;
  overflow: hidden;
}
.ma {
  margin-left: auto;
  margin-right: auto;
}
.dib {
  display: inline-block;
  vertical-align: top;
}
.vab {
  vertical-align: bottom;
}
.vam {
  vertical-align: middle;
}
.vat {
  vertical-align: top;
}
.unsel,
.dct {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.insel {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.op0 {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.op1 {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
}
.tapList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.tapList:after {
  display: none;
}
.tapList .item {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lhd5 {
  height: .5em;
}
.reject {
  cursor: not-allowed;
}
.poss {
  position: static !important;
}
.emptyList {
  text-align: center;
  font-size: 120%;
  background-color: #f5f5f5;
  color: #222;
  font-weight: bold;
}
.hidePoint {
  position: absolute;
  height: 0;
  visibility: hidden;
  top: 0;
  left: 0;
}
.viewport {
  position: relative;
  font-size: 0;
}
.pc .viewport {
  overflow: hidden;
}
.hScroll {
  width: 100%;
  white-space: nowrap;
}
.hScroll .scrollBox,
.hScroll .overview {
  display: inline-block;
  vertical-align: top;
}
.wap .hScroll {
  overflow-x: auto;
  overflow-y: hidden;
}
.vScroll {
  height: 100%;
}
.wap .vScroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.oScroll {
  width: 100%;
  height: 100%;
}
.invisible {
  visibility: hidden;
  position: absolute !important;
  z-index: -1;
}
.ensp {
  display: inline-block;
  vertical-align: middle;
  width: .5em;
  height: 1px;
}
.cnsp {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1px;
}
.pa100.link {
  position: absolute !important;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  z-index: 8;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  text-align: left !important;
}
.pa4 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.bgct {
  background-color: transparent !important;
}
.enter,
.reset {
  position: relative;
  overflow: hidden;
}
.enter .iptBtn,
.reset .iptBtn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.kong {
  pointer-events: none;
}
.aniSpan {
  position: static !important;
  min-height: 1px;
  display: block;
}
.TAlert.nohead .head,
.TAlert.nohead .foot {
  display: none;
}
.lazybox {
  z-index: 1;
}
.lazybox:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  -webkit-animation-name: rotate360;
          animation-name: rotate360;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.lazybox._loaded:before {
  -webkit-transition: all 100ms ease-out 0ms;
  transition: all 100ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.loding000 {
  border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
}
.lodingFFF {
  border-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1);
}
.scs.hbgOn img,
.scst.hbgOn img,
.scs:hover img,
.scst:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.scs img {
  -webkit-transition-duration: 330ms;
          transition-duration: 330ms;
}
.scst img {
  -webkit-transition-duration: 330ms;
          transition-duration: 330ms;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}
/* resetEnd */
.c1 {
  color: #d81920;
}
.bgc1 {
  background-color: #d81920;
}
.c2 {
  color: #fe8300;
}
.bgc2 {
  background-color: #fe8300;
}
.c3 {
  color: #e6e6e6;
}
.bgc3 {
  background-color: #e6e6e6;
}
.c1b {
  color: #c2161d;
}
.bgc1b {
  background-color: #c2161d;
}
.c4 {
  color: #fffc00;
}
.ca {
  color: #333333;
}
.cb {
  color: #666666;
}
.cs {
  color: #999999;
}
html {
  min-width: 440px;
}
@media screen and (min-width: 1025px) {
  html {
    min-width: 1200px;
  }
}
body {
  color: #666666;
  font: 14px/1 Microsoft YaHei, '微软雅黑', Arial, sans-serif;
}
a {
  color: #333333;
}
a.on {
  color: #d81920;
}
@media screen and (min-width: 1025px) {
  a:hover {
    color: #d81920;
  }
}
@media screen and (max-width: 1024px) {
  a:active {
    color: #d81920;
  }
}
.vmbox {
  font-size: 14px;
  line-height: 1;
  font-family: Microsoft YaHei, '微软雅黑';
}
.info {
  font-size: 14px;
  line-height: 1.7143;
}
.info * {
  background-color: transparent !important;
}
.imax {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .imax {
    font-size: 14px;
    line-height: 1.75;
  }
}
::-moz-selection {
  background: #aa1419;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #aa1419;
  color: #fff;
  text-shadow: none;
}
.pc ::-webkit-scrollbar {
  position: absolute;
  width: 8px;
  height: 8px;
}
.pc ::-webkit-scrollbar-thumb {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.25);
}
.pc ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}
.pc ::-webkit-scrollbar-corner {
  background: transparent;
  height: 0;
  width: 0;
} 
.load-error {
  background-image: url(../images/based/error.gif);
}
@font-face {
  font-family: "Helvetica Neue";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/Helvetica Neue.woff2") format("woff2"), url("fonts/Helvetica Neue.woff") format("woff"), url("fonts/Helvetica Neue.ttf") format("truetype"), url("fonts/Helvetica Neue.eot") format("embedded-opentype"), url("fonts/Helvetica Neue.svg") format("svg"), url("fonts/Helvetica Neue.otf") format("opentype");
}
@font-face {
  font-family: "Humnst777";
  src: url("fonts/Humnst777 Lt BT.woff2") format("woff2"), url("fonts/Humnst777 Lt BT.woff") format("woff"), url("fonts/Humnst777 Lt BT.ttf") format("truetype"), url("fonts/Humnst777 Lt BT.eot") format("embedded-opentype"), url("fonts/Humnst777 Lt BT.svg") format("svg"), url("fonts/Humnst777 Lt BT.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Mohave";
  src: url("fonts/Mohave.woff2") format("woff2"), url("fonts/Mohave.woff") format("woff"), url("fonts/Mohave.ttf") format("truetype"), url("fonts/Mohave.eot") format("embedded-opentype"), url("fonts/Mohave.svg") format("svg"), url("fonts/Mohave.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Alien Encounters Solid";
  src: url("fonts/Alien Encounters Solid.woff2") format("woff2"), url("fonts/Alien Encounters Solid.woff") format("woff"), url("fonts/Alien Encounters Solid.ttf") format("truetype"), url("fonts/Alien Encounters Solid.eot") format("embedded-opentype"), url("fonts/Alien Encounters Solid.svg") format("svg"), url("fonts/Alien Encounters Solid.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.maxmw {
  width: auto;
  width: calc(100% - 30px);
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 720px;
}
.container,
.w {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 90%;
}
@media screen and (min-width: 1025px) {
  .container,
  .w {
    width: 1200px;
  }
}
@media screen and (max-width: 1024px) {
  .container,
  .w {
    width: auto !important;
    width: calc(100% - 30px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 720px !important;
  }
}
/* 组件 */
/* keyframes use */
.AniDo {
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes fadeInRights {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(35px, 0, 0);
            transform: translate3d(35px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInRights {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(35px, 0, 0);
            transform: translate3d(35px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInRights {
  -webkit-animation-name: fadeInRights;
          animation-name: fadeInRights;
}
@-webkit-keyframes fadeInLefts {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(-35px, 0, 0);
            transform: translate3d(-35px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInLefts {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(-35px, 0, 0);
            transform: translate3d(-35px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInLefts {
  -webkit-animation-name: fadeInLefts;
          animation-name: fadeInLefts;
}
@-webkit-keyframes fadeInUps {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, -35px, 0);
            transform: translate3d(0, -35px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUps {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, -35px, 0);
            transform: translate3d(0, -35px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInUps {
  -webkit-animation-name: fadeInUps;
          animation-name: fadeInUps;
}
@-webkit-keyframes fadeInDowns {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 35px, 0);
            transform: translate3d(0, 35px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInDowns {
  0% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 35px, 0);
            transform: translate3d(0, 35px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInDowns {
  -webkit-animation-name: fadeInDowns;
          animation-name: fadeInDowns;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}
@-webkit-keyframes zoomIns {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.77, 0.77, 0.77);
            transform: scale3d(0.77, 0.77, 0.77);
  }
  50%,
  100% {
    opacity: 1;
  }
}
@keyframes zoomIns {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.77, 0.77, 0.77);
            transform: scale3d(0.77, 0.77, 0.77);
  }
  50%,
  100% {
    opacity: 1;
  }
}
.zoomIns {
  -webkit-animation-name: zoomIns;
          animation-name: zoomIns;
}
.AnflashOver {
  position: relative;
  overflow: hidden;
  -webkit-animation-duration: 333ms;
          animation-duration: 333ms;
}
.AnflashOver:before {
  -webkit-animation-name: AnflashOver;
          animation-name: AnflashOver;
  -webkit-animation-duration: 333ms;
          animation-duration: 333ms;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  content: "";
  position: absolute;
  overflow: hidden;
  width: 80px;
  height: 150px;
  left: 0;
  top: 0;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  background: gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
}
@-webkit-keyframes AnflashOver {
  0% {
    -webkit-transform: skewX(-25deg) translateX(-149px);
            transform: skewX(-25deg) translateX(-149px);
  }
  to {
    left: 100%;
    -webkit-transform: skewX(-25deg) translateX(149px);
            transform: skewX(-25deg) translateX(149px);
  }
}
@keyframes AnflashOver {
  0% {
    -webkit-transform: skewX(-25deg) translateX(-149px);
            transform: skewX(-25deg) translateX(-149px);
  }
  to {
    left: 100%;
    -webkit-transform: skewX(-25deg) translateX(149px);
            transform: skewX(-25deg) translateX(149px);
  }
}
@-webkit-keyframes swings {
  20% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  40% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  60% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes swings {
  20% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  40% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  60% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.swings {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swings;
          animation-name: swings;
}
@-webkit-keyframes bgHmove {
  0% {
    background-position: 0 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes bgHmove {
  0% {
    background-position: 0 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@-webkit-keyframes breath_dot {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes breath_dot {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes updownFloat {
  0% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes updownFloat {
  0% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.updownFloat {
  -webkit-animation-name: updownFloat;
          animation-name: updownFloat;
}
/* ------------------- htmls ------------------- */
.consultBtnX,
.index-flow .consult-btn,
.landing-section .consult-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  width: 144px;
  padding-left: 0;
  height: 44px;
  line-height: 44px;
  position: relative;
  z-index: 1;
  border-radius: 44px;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  padding-left: 290px;
}
.consultBtnX:before,
.index-flow .consult-btn:before,
.landing-section .consult-btn:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
  border: #d81920 solid 1px;
  border-radius: 44px;
}
.consultBtnX .span1,
.index-flow .consult-btn .span1,
.landing-section .consult-btn .span1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  text-align: center;
  color: #d81920;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  white-space: nowrap;
}
.consultBtnX .span2,
.index-flow .consult-btn .span2,
.landing-section .consult-btn .span2 {
  width: 144px;
  height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #d81920;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.consultBtnX .span2:after,
.index-flow .consult-btn .span2:after,
.landing-section .consult-btn .span2:after {
  content: " ";
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 44px;
  background-image: url(../images/ico-touch.png);
  background-size: 20px auto;
  background-position: 100% 15px;
  background-repeat: no-repeat;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  pointer-events: none;
}
.consultBtnX .span1,
.index-flow .consult-btn .span1,
.landing-section .consult-btn .span1 {
  width: 290px;
}
@media screen and (min-width: 1025px) {
  .consultBtnX:hover .span2,
  .index-flow .consult-btn:hover .span2,
  .landing-section .consult-btn:hover .span2 {
    padding-right: 0;
  }
  .consultBtnX:hover .span2:after,
  .index-flow .consult-btn:hover .span2:after,
  .landing-section .consult-btn:hover .span2:after {
    background-size: 22px auto;
    background-position: 60% 10px;
    width: 36px;
    -webkit-transition: all 150ms ease-out 0s;
    transition: all 150ms ease-out 0s;
  }
}
@media screen and (max-width: 1024px) {
  .consultBtnX,
  .index-flow .consult-btn,
  .landing-section .consult-btn {
    margin-top: 1rem;
    padding-left: 240px;
  }
  .consultBtnX .span1,
  .index-flow .consult-btn .span1,
  .landing-section .consult-btn .span1 {
    width: 240px;
  }
}
.formItem {
  position: relative;
}
.formItem .aftPD {
  position: absolute;
  left: 100%;
  top: 0;
  color: #f00;
  margin-left: 8px;
  white-space: nowrap;
  font-size: 14px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.formItem .skin::-webkit-input-placeholder {
  color: #999999;
}
.formItem .skin:-moz-placeholder {
  color: #999999;
}
.formItem .skin::-moz-placeholder {
  color: #999999;
}
.formItem .skin:-ms-input-placeholder {
  color: #999999;
}
.formItem .skin._focus {
  border-color: #2e9fd9 !important;
  /* box-shadow: 0 0 1px 2px fade(@c1,15%); */
}
.formItem.red .skin {
  color: #f00 ;
  border-color: #f00 ;
}
.formItem.red .skin::-webkit-input-placeholder {
  color: #ff0000;
}
.formItem.red .skin:-moz-placeholder {
  color: #ff0000;
}
.formItem.red .skin::-moz-placeholder {
  color: #ff0000;
}
.formItem.red .skin:-ms-input-placeholder {
  color: #ff0000;
}
.ysqUEO .aBtnMask {
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .aBtnMask:after {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  .ysqUEO .aBtnMask:after {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .ysqUEO .aBtnMask:hover:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
  }
}
.ysqUEO .aBtnSc {
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .aBtnSc:after {
  background-color: rgba(255, 255, 255, 0.1);
  content: " ";
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  width: 120%;
  padding-bottom: 120%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  z-index: -1;
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  .ysqUEO .aBtnSc:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
  }
  .ysqUEO .aBtnSc:hover:after {
    -webkit-transition: all 350ms ease-in 0ms;
    transition: all 350ms ease-in 0ms;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.ysqUEO .aBtnlr {
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .aBtnlr:after {
  background-color: #d81920;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  content: " ";
  position: absolute;
  left: 100%;
  top: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  .ysqUEO .aBtnlr:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: left 0ms ease-out 0s, width 400ms ease-out 0s;
    transition: left 0ms ease-out 0s, width 400ms ease-out 0s;
  }
}
/* ysq _ ROW  */
.ysqRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.ysqRow:after {
  display: none;
}
.ysqRow:after {
  display: none;
}
.ysqRow > .item {
  position: relative;
  overflow: hidden;
  z-index: 1;
  float: left;
  -webkit-transition: background 250ms,color 250ms,-webkit-transform 250ms;
  transition: background 250ms,color 250ms,-webkit-transform 250ms;
  transition: transform 250ms,background 250ms,color 250ms;
  transition: transform 250ms,background 250ms,color 250ms,-webkit-transform 250ms;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
li.kong {
  height: 0 !important;
  min-height: 0 !important;
  visibility: hidden;
  margin-top: 0 !important;
}
/* 滚动加载 */
.scrollAjax #loadState {
  position: relative;
  width: 200px;
  height: 40px;
  margin: 40px auto 0;
  cursor: pointer;
  text-align: center;
  line-height: 40px;
  background-color: #d81920;
  color: #fff;
  font-size: 16px;
}
.scrollAjax #loadState.off {
  background-color: #ddd;
  color: #333;
  cursor: default;
  cursor: not-allowed;
}
.scrollAjax #loadState.ing:after {
  content: " ";
  -webkit-animation-name: dotMove;
          animation-name: dotMove;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-timing-function: steps(4);
          animation-timing-function: steps(4);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes dotMove {
  0%,
  100% {
    content: ".";
  }
  33% {
    content: "..";
  }
  66% {
    content: "...";
  }
}
@keyframes dotMove {
  0%,
  100% {
    content: ".";
  }
  33% {
    content: "..";
  }
  66% {
    content: "...";
  }
}
.scrollAjax #loadState.retry {
  overflow: hidden;
  background-color: #d81920;
  cursor: pointer;
}
.scrollAjax #loadState.retry:before {
  content: "";
  position: absolute;
  overflow: hidden;
  width: 80px;
  height: 150px;
  left: 0;
  top: 0;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: skewX(-25deg) translateX(-149px);
          transform: skewX(-25deg) translateX(-149px);
  -webkit-transition: none 250ms ease-out 0s;
  transition: none 250ms ease-out 0s;
}
.scrollAjax #loadState.retry:hover:before {
  left: 100%;
  -webkit-transform: skewX(-25deg) translateX(149px);
          transform: skewX(-25deg) translateX(149px);
  top: 0;
  -webkit-transition: all 600ms ease-out 0s;
  transition: all 600ms ease-out 0s;
}
.scrollAjax .pageList {
  display: none;
}
/* 模态窗 */
.TAlert {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
}
.ysqUEO .TAlert .contain {
  opacity: 0;
  -webkit-transition: all 330ms ease-out 0s;
  transition: all 330ms ease-out 0s;
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
}
.ysqUEO .TAlert.showUp .contain {
  opacity: 1;
  -webkit-transform: none !important;
          transform: none !important;
}
.ysqUEO .TAlert.hideOut .contain {
  opacity: 0;
  -webkit-transform: scale(0.2) !important;
          transform: scale(0.2) !important;
}
.TAlert .contain {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  z-index: 9;
}
.TAlert .contain .head {
  border-bottom: #cccccc solid 1px;
  color: #333;
  background-color: #fff;
}
.TAlert .contain .body {
  background-color: #fff;
  color: #444;
}
.TAlert .contain .foot {
  position: relative;
  width: 100%;
  border-top: #cccccc solid 1px;
}
.TAlert .contain .foot .btn {
  position: absolute;
  top: 0;
  width: 50%;
  text-align: center;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.TAlert .contain .foot .btn.enter {
  left: 0;
  background-color: #d81920;
  color: #fff;
}
.TAlert .contain .foot .btn.close {
  right: 0;
  background-color: #f1f1f1;
  border-left: #cfcfcf solid 1px;
  color: #333;
}
.TAlert .contain .foot .btn.w100 {
  border-left: none;
}
.TAlert .TAlert .contain {
  width: 320px;
  max-width: 90%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  text-align: left;
  line-height: 1.4333;
  font-size: 16px;
  border-radius: 5px ;
}
.TAlert .TAlert .contain .Tclose {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 40px;
  height: 40px;
}
.TAlert .TAlert .contain .Tclose s {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 36px;
  font-size: 20px;
  color: #333333;
  font-family: Microsoft YaHei, '微软雅黑', Arial, sans-serif;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .TAlert .TAlert .contain .Tclose s {
  overflow: hidden;
  text-indent: 120%;
}
.ysqUEO .TAlert .TAlert .contain .Tclose s:before,
.ysqUEO .TAlert .TAlert .contain .Tclose s:after {
  pointer-events: none !important;
  content: " ";
  position: absolute;
  left: 10px;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  color: inherit;
  background-color: currentColor;
}
.ysqUEO .TAlert .TAlert .contain .Tclose s:before {
  top: 14px;
  -webkit-transform: rotate(45deg) translate(3.93502884px, 0);
          transform: rotate(45deg) translate(3.93502884px, 0);
  top: 9px;
}
.ysqUEO .TAlert .TAlert .contain .Tclose s:after {
  bottom: 14px;
  -webkit-transform: rotate(-45deg) translate(3.93502884px, 0);
          transform: rotate(-45deg) translate(3.93502884px, 0);
  bottom: 9px;
}
@media screen and (min-width: 1025px) {
  .ysqUEO .TAlert .TAlert .contain .Tclose s:before,
  .ysqUEO .TAlert .TAlert .contain .Tclose s:after {
    -webkit-transition: all 300ms ease-out 0ms;
    transition: all 300ms ease-out 0ms;
  }
  .TAlert .TAlert .contain .Tclose s:hover {
    color: #333333;
  }
}
@media screen and (max-width: 1024px) {
  .TAlert .TAlert .contain .Tclose s:active {
    color: #333333;
  }
}
.TAlert .TAlert .contain .Tclose s:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.TAlert .TAlert .contain .head {
  padding: 10px 15px;
}
.TAlert .TAlert .contain .body {
  padding: 15px;
  font-size: 14px;
}
.TAlert .TAlert .contain .foot {
  height: 40px;
}
.TAlert .TAlert .contain .foot .btn {
  overflow: hidden;
  z-index: 0;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}
.TAlert .TAlert .contain .foot .btn:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  pointer-events: none;
  border-radius: inherit;
  background-color: rgba(0, 0, 0, 0);
}
.TAlert .TAlert .contain .foot .btn:hover:before {
  background-color: rgba(0, 0, 0, 0.1);
}
.TAlert .TAlert.qrcode_ {
  background-color: rgba(0, 0, 0, 0.6);
}
.TAlert .TAlert.qrcode_ .contain {
  width: auto;
  overflow: visible;
}
.TAlert .TAlert.qrcode_ .contain .head {
  padding: 0;
}
.TAlert .TAlert.qrcode_ .contain .Tclose {
  top: -40px;
  right: -5px;
}
.TAlert .TAlert.qrcode_ .contain .Tclose s {
  color: #fff;
}
.TAlert .TAlert.qrcode_ .contain .pic {
  width: 160px;
  height: 160px;
}
.TAlert .TAlert.qrcode_ .contain .foot {
  display: none !important;
}
.TAlert .contain {
  width: 320px;
  max-width: 90%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  text-align: left;
  line-height: 1.4333;
  font-size: 16px;
  border-radius: 5px ;
}
.TAlert .contain .Tclose {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 40px;
  height: 40px;
}
.TAlert .contain .Tclose s {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 36px;
  font-size: 20px;
  color: #333333;
  font-family: Microsoft YaHei, '微软雅黑', Arial, sans-serif;
  white-space: nowrap;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .TAlert .contain .Tclose s {
  overflow: hidden;
  text-indent: 120%;
}
.ysqUEO .TAlert .contain .Tclose s:before,
.ysqUEO .TAlert .contain .Tclose s:after {
  pointer-events: none !important;
  content: " ";
  position: absolute;
  left: 10px;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  color: inherit;
  background-color: currentColor;
}
.ysqUEO .TAlert .contain .Tclose s:before {
  top: 14px;
  -webkit-transform: rotate(45deg) translate(3.93502884px, 0);
          transform: rotate(45deg) translate(3.93502884px, 0);
  top: 9px;
}
.ysqUEO .TAlert .contain .Tclose s:after {
  bottom: 14px;
  -webkit-transform: rotate(-45deg) translate(3.93502884px, 0);
          transform: rotate(-45deg) translate(3.93502884px, 0);
  bottom: 9px;
}
@media screen and (min-width: 1025px) {
  .ysqUEO .TAlert .contain .Tclose s:before,
  .ysqUEO .TAlert .contain .Tclose s:after {
    -webkit-transition: all 300ms ease-out 0ms;
    transition: all 300ms ease-out 0ms;
  }
  .TAlert .contain .Tclose s:hover {
    color: #333333;
  }
}
@media screen and (max-width: 1024px) {
  .TAlert .contain .Tclose s:active {
    color: #333333;
  }
}
.TAlert .contain .Tclose s:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.TAlert .contain .head {
  padding: 10px 15px;
}
.TAlert .contain .body {
  padding: 15px;
  font-size: 14px;
}
.TAlert .contain .foot {
  height: 40px;
}
.TAlert .contain .foot .btn {
  overflow: hidden;
  z-index: 0;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}
.TAlert .contain .foot .btn:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  pointer-events: none;
  border-radius: inherit;
  background-color: rgba(0, 0, 0, 0);
}
.TAlert .contain .foot .btn:hover:before {
  background-color: rgba(0, 0, 0, 0.1);
}
.TAlert.qrcode_ {
  background-color: rgba(0, 0, 0, 0.6);
}
.TAlert.qrcode_ .contain {
  width: auto;
  overflow: visible;
}
.TAlert.qrcode_ .contain .head {
  padding: 0;
}
.TAlert.qrcode_ .contain .Tclose {
  top: -40px;
  right: -5px;
}
.TAlert.qrcode_ .contain .Tclose s {
  color: #fff;
}
.TAlert.qrcode_ .contain .pic {
  width: 160px;
  height: 160px;
}
.TAlert.qrcode_ .contain .foot {
  display: none !important;
}
.pageListBox {
  padding-top: 0.9rem;
}
.pageListBox .pageList {
  position: relative;
  line-height: 34px;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  overflow-x: hidden;
}
.pageListBox .pageList ul {
  position: relative;
  float: none !important;
}
.pageListBox .pageList ul,
.pageListBox .pageList ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.pageListBox .pageList ul li {
  margin: 0 4px;
  font-size: 14px;
}
.pageListBox .pageList a {
  display: block;
  min-width: 14px;
  height: 34px;
  padding: 0 10px;
  font-family: Arial, sans-serif, Microsoft YaHei, '微软雅黑';
  color: #333333;
  z-index: 2;
  position: relative;
  background-color: transparent;
  color: #333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  font-size: 14px;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.pageListBox .pageList a:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: #dddddd solid 1px;
  z-index: -1;
}
.pageListBox .pageList a.selected {
  background-color: #d81920;
  color: #fff;
}
.pageListBox .pageList a.selected:after {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.pageListBox .pageList a:active:after {
  -webkit-transition: all 0ms ease-out 0ms !important;
  transition: all 0ms ease-out 0ms !important;
  opacity: 1 !important;
  visibility: visible !important;
  border-color: #fff;
}
@media screen and (min-width: 1025px) {
  .pageListBox .pageList {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .pageListBox .pageList a:hover {
    background-color: #d81920;
    color: #fff;
  }
  .pageListBox .pageList a:hover:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 1024px) {
  .pageListBox .pageList {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .pageListBox .pageList a:active {
    background-color: #d81920;
    color: #fff;
    -webkit-transition: none !important;
    transition: none !important;
  }
  .pageListBox .pageList a:active:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 768px) {
  .pageListBox .pageList ul li {
    margin-left: 4px;
    margin-right: 4px;
  }
}
/*模拟滚动条*/
.module-Scrollbox {
  position: relative;
  height: 100%;
}
.module-Scrollbox.y {
  padding-right: 20px;
}
.module-Scrollbox.y .scrollbar {
  right: 0;
  width: 3px;
  height: 100%;
  top: 0;
}
.module-Scrollbox.y .scrollbar .track {
  position: absolute;
  top: 0;
  right: 0px;
  width: 3px;
  height: 100%;
  background-color: #e5e5e5;
}
.module-Scrollbox.y .scrollbar .thumb {
  height: 0;
  right: 0px;
  width: 3px;
  background-color: #d81920;
}
.module-Scrollbox.x .scrollbar {
  height: 3px;
  width: 100%;
  bottom: 0;
}
.module-Scrollbox.x .scrollbar .track {
  position: absolute;
  top: 0;
  right: 0;
  height: 3px;
  background-color: #e5e5e5;
}
.module-Scrollbox.x .scrollbar .thumb {
  width: 0;
  left: 0;
  height: 3px;
  background-color: #d81920;
}
.module-Scrollbox.x .overview {
  display: inline-block;
}
.module-Scrollbox .scrollbar {
  /* display: none; */
  position: absolute;
  z-index: 3;
  right: 0;
}
.module-Scrollbox .scrollbar .track {
  position: relative;
}
.module-Scrollbox .scrollbar .thumb {
  position: absolute;
  top: 0;
  cursor: pointer;
  border-radius: 1.5px;
  -webkit-transition: all 80ms ease-out 0s;
  transition: all 80ms ease-out 0s;
}
.module-Scrollbox .scrollbar .thumb .end {
  height: 3px;
  width: 3px;
}
.module-Scrollbox .viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.module-Scrollbox .overview {
  position: relative;
  -webkit-transition: all 150ms ease-in 0s;
  transition: all 150ms ease-in 0s;
}
.module-Scrollbox .disable {
  display: none;
}
@media screen and (max-width: 1024px) {
  .module-Scrollbox {
    overflow: auto;
    padding-right: 0;
  }
  .module-Scrollbox .viewport {
    width: auto;
    height: auto;
  }
  .module-Scrollbox .scrollbar {
    display: none !important;
  }
}
html {
  font-size: 50px;
}
@media screen and (max-width: 1600px) {
  html {
    font-size: 40px;
  }
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 25px;
  }
}
@media screen and (max-width: 560px) {
  html {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .fzRes {
    font-size: 100px;
  }
}
@media screen and (max-width: 749px) {
  .fzRes {
    font-size: 90px;
  }
}
@media screen and (max-width: 699px) {
  .fzRes {
    font-size: 85px;
  }
}
@media screen and (max-width: 649px) {
  .fzRes {
    font-size: 80px;
  }
}
@media screen and (max-width: 599px) {
  .fzRes {
    font-size: 75px;
  }
}
@media screen and (max-width: 549px) {
  .fzRes {
    font-size: 70px;
  }
}
@media screen and (max-width: 499px) {
  .fzRes {
    font-size: 65px;
  }
}
@media screen and (max-width: 449px) {
  .fzRes {
    font-size: 60px;
  }
}
.fz60,
.sAbout-intro .digitalData .col .sdt i,
.index-about .digitalData .col .sdt i {
  font-size: 60px;
}
@media screen and (max-width: 1024px) {
  .fz60,
  .sAbout-intro .digitalData .col .sdt i,
  .index-about .digitalData .col .sdt i {
    font-size: 42px;
  }
}
@media screen and (max-width: 768px) {
  .fz60,
  .sAbout-intro .digitalData .col .sdt i,
  .index-about .digitalData .col .sdt i {
    font-size: 32px;
  }
}
.fz48,
.subpage-head .en,
.index-head .en,
.index-head2 .en,
.landing-head.skin1,
.landing-project .head .sdt,
.landing-project .head2 .sdt {
  font-size: 48px;
}
@media screen and (max-width: 1024px) {
  .fz48,
  .subpage-head .en,
  .index-head .en,
  .index-head2 .en,
  .landing-head.skin1,
  .landing-project .head .sdt,
  .landing-project .head2 .sdt {
    font-size: 36px;
  }
}
@media screen and (max-width: 768px) {
  .fz48,
  .subpage-head .en,
  .index-head .en,
  .index-head2 .en,
  .landing-head.skin1,
  .landing-project .head .sdt,
  .landing-project .head2 .sdt {
    font-size: 28px;
  }
}
.fz40,
.index-banner .fns .counts .now {
  font-size: 40px;
}
@media screen and (max-width: 1024px) {
  .fz40,
  .index-banner .fns .counts .now {
    font-size: 30px;
  }
}
.fz36,
.subpage-head .cn,
.index-system .oList .oLi .txt .wrapIn {
  font-size: 36px;
}
@media screen and (max-width: 1024px) {
  .fz36,
  .subpage-head .cn,
  .index-system .oList .oLi .txt .wrapIn {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .fz36,
  .subpage-head .cn,
  .index-system .oList .oLi .txt .wrapIn {
    font-size: 24px;
  }
}
.fz32,
.sProject-list .item .snum,
.sProject-list .item .txt .title,
.sContact-intro .head .dib,
.index-head2 .cn,
.landing-project .list .item .txt .snum,
.landing-project .list .item .txt .dt .p1 {
  font-size: 32px;
}
@media screen and (max-width: 1024px) {
  .fz32,
  .sProject-list .item .snum,
  .sProject-list .item .txt .title,
  .sContact-intro .head .dib,
  .index-head2 .cn,
  .landing-project .list .item .txt .snum,
  .landing-project .list .item .txt .dt .p1 {
    font-size: 24px;
  }
}
.fz28,
.sAfterSale-section2 .head,
.sAbout-factory .head,
.index-head .cn,
.landing-project .list .item .txt .dt .p2 {
  font-size: 28px;
}
@media screen and (max-width: 1024px) {
  .fz28,
  .sAfterSale-section2 .head,
  .sAbout-factory .head,
  .index-head .cn,
  .landing-project .list .item .txt .dt .p2 {
    font-size: 20px;
  }
}
.fz24,
.subpage-head .aside,
.sProduct-intro .head .title,
.sProduct-project-tab .Tg .btn .wrapIn,
.sCase-intro .head .title,
.sAfterSale-section2 .list6 .item .dt,
.sQuestion-list .item .question .snum,
.sAbout-culture .oList .oLi .txt .wrapIn .dt,
.sContact-intro .head .btn,
.sContact-list .item .txt .title,
.index-banner .fns .counts .all,
.index-informations .contain .head .this,
.index-informations-inform .dt,
.landing-product-tab .Tg .btn1 {
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .fz24,
  .subpage-head .aside,
  .sProduct-intro .head .title,
  .sProduct-project-tab .Tg .btn .wrapIn,
  .sCase-intro .head .title,
  .sAfterSale-section2 .list6 .item .dt,
  .sQuestion-list .item .question .snum,
  .sAbout-culture .oList .oLi .txt .wrapIn .dt,
  .sContact-intro .head .btn,
  .sContact-list .item .txt .title,
  .index-banner .fns .counts .all,
  .index-informations .contain .head .this,
  .index-informations-inform .dt,
  .landing-product-tab .Tg .btn1 {
    font-size: 18px;
  }
}
.fz20,
.consultBtnX .span1,
.sProduct-list .item .txt .title,
.sProduct-relative-resMove .item .txt .title,
.sMaintenance-tab .contain .Tg .btn .wrapIn,
.sQuestion-list .item .question .title,
.sContact-intro .oList .oLi .sdt,
.index-flow .consult-btn .span1,
.landing-section .consult-btn .span1 {
  font-size: 20px;
}
@media screen and (max-width: 1024px) {
  .fz20,
  .consultBtnX .span1,
  .sProduct-list .item .txt .title,
  .sProduct-relative-resMove .item .txt .title,
  .sMaintenance-tab .contain .Tg .btn .wrapIn,
  .sQuestion-list .item .question .title,
  .sContact-intro .oList .oLi .sdt,
  .index-flow .consult-btn .span1,
  .landing-section .consult-btn .span1 {
    font-size: 16px;
  }
}
.fz18,
.consultBtnX .span2,
.landing-btn1,
.index-flow .consult-btn .span2,
.landing-section .consult-btn .span2 {
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .fz18,
  .consultBtnX .span2,
  .landing-btn1,
  .index-flow .consult-btn .span2,
  .landing-section .consult-btn .span2 {
    font-size: 14px;
  }
}
.fz16 {
  font-size: 16px;
}
@media screen and (max-width: 1440px) {
  .fz16 {
    font-size: 14px;
  }
}
.fz14 {
  font-size: 14px;
}
@media screen and (max-width: 1440px) {
  .fz14 {
    font-size: 12px;
  }
}
.fzx16,
.floatMessageBoard .Tt .formCheck,
.footer-b,
.subpage-nav .link2,
.subpage-thirdNav .link3,
.subpage-form,
.sNews-list .item .txt .title,
.sNews-view-head .aside,
.sView-foot .ctr,
.sView-foot .backToList,
.sView-foot2,
.sProduct-list .item .txt .abstract,
.sProduct-filter .sel-Line,
.sProduct-intro .head .abstract,
.sProduct-detail-section .head .consult_btns .btn,
.sProduct-parameter-tab .Tg .btn,
.sProduct-parameter-table .tr,
.sProduct-relative-resMove .item .txt .abstract,
.sProduct-project-tab .Tt .box .txt,
.sCase-relative-resMove .item .title,
.sCase-list .item .title,
.sCase-switch .Tt .box .wrapIn .abstract,
.sFactory-resMove .item .title,
.sAfterSale-section2 .aside,
.sAfterSale-section2 .list6 .item .dd,
.sDepreciation-list .item .title,
.sComponent-list .item .title,
.sProject-list .item .txt .oList .oLi,
.sAbout-intro .digitalData .col .sdd,
.sAbout-factory .description,
.sAbout-culture .oList .oLi .txt .wrapIn .dd,
.sHonor-brand .oList .oLi .dt span,
.sTerritory-distribution .description,
.sHr-list,
.sContact-intro .oList .oLi .sdd,
.index-about .digitalData .col .sdd,
.index-about .lr .right .body,
.index-about .lr .right .more,
.index-system .oList .oLi .txt .dd .abstract,
.index-flow .oList .oLi p,
.index-case-tab .Tg .btn,
.index-case-swiper .item .title,
.index-informations .contain .head .more,
.index-informations-news .item,
.landing-product-list .item .title,
.landing-axdvantage .body .item .sdd,
.landing-service .oList .oLi,
.landing-project .list .item .txt .oList .oLi,
.landing-case-tab .Tg .btn {
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .fzx16,
  .floatMessageBoard .Tt .formCheck,
  .footer-b,
  .subpage-nav .link2,
  .subpage-thirdNav .link3,
  .subpage-form,
  .sNews-list .item .txt .title,
  .sNews-view-head .aside,
  .sView-foot .ctr,
  .sView-foot .backToList,
  .sView-foot2,
  .sProduct-list .item .txt .abstract,
  .sProduct-filter .sel-Line,
  .sProduct-intro .head .abstract,
  .sProduct-detail-section .head .consult_btns .btn,
  .sProduct-parameter-tab .Tg .btn,
  .sProduct-parameter-table .tr,
  .sProduct-relative-resMove .item .txt .abstract,
  .sProduct-project-tab .Tt .box .txt,
  .sCase-relative-resMove .item .title,
  .sCase-list .item .title,
  .sCase-switch .Tt .box .wrapIn .abstract,
  .sFactory-resMove .item .title,
  .sAfterSale-section2 .aside,
  .sAfterSale-section2 .list6 .item .dd,
  .sDepreciation-list .item .title,
  .sComponent-list .item .title,
  .sProject-list .item .txt .oList .oLi,
  .sAbout-intro .digitalData .col .sdd,
  .sAbout-factory .description,
  .sAbout-culture .oList .oLi .txt .wrapIn .dd,
  .sHonor-brand .oList .oLi .dt span,
  .sTerritory-distribution .description,
  .sHr-list,
  .sContact-intro .oList .oLi .sdd,
  .index-about .digitalData .col .sdd,
  .index-about .lr .right .body,
  .index-about .lr .right .more,
  .index-system .oList .oLi .txt .dd .abstract,
  .index-flow .oList .oLi p,
  .index-case-tab .Tg .btn,
  .index-case-swiper .item .title,
  .index-informations .contain .head .more,
  .index-informations-news .item,
  .landing-product-list .item .title,
  .landing-axdvantage .body .item .sdd,
  .landing-service .oList .oLi,
  .landing-project .list .item .txt .oList .oLi,
  .landing-case-tab .Tg .btn {
    font-size: 14px;
  }
}
@media screen and (min-width: 1025px) {
  .pc-hide,
  .m-link {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .m-hide {
    display: none !important;
  }
  .m-link {
    display: block;
    z-index: 11;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  }
}
/* 自定义响应结构 */
.ctr.ctr_pdtView {
  z-index: 20;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -28px;
  width: 56px;
  height: 56px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ctr.ctr_pdtView:before,
.ctr.ctr_pdtView:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}
.ctr.ctr_pdtView:before {
  z-index: -1;
  pointer-events: none;
  background-image: url(../images/arrows-pdtView.png);
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.ctr.ctr_pdtView:after {
  z-index: -2;
  pointer-events: none;
  border: #d81920 solid 1px;
}
.ctr.ctr_pdtView > span {
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
  margin-top: 0.4rem;
  text-align: center;
  font-size: 14px;
  color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.ctr.ctr_pdtView.prev {
  left: 0;
}
.ctr.ctr_pdtView.prev:before {
  background-position: 0 0;
}
.ctr.ctr_pdtView.prev:hover:before {
  margin-left: -5px;
}
.ctr.ctr_pdtView.prev:hover > span {
  color: #d81920;
}
.ctr.ctr_pdtView.next {
  right: 0;
}
.ctr.ctr_pdtView.next:before {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.ctr.ctr_pdtView.next:hover:before {
  margin-right: -5px;
}
.ctr.ctr_pdtView.next:hover > span {
  color: #d81920;
}
.ctr.ctr_pdtView[href="#"],
.ctr.ctr_pdtView[href=""] {
  cursor: not-allowed;
}
.ctr.ctr_pdtView[href="#"] > span,
.ctr.ctr_pdtView[href=""] > span {
  color: #999999 !important;
}
.ctr.ctr_pdtView[href="#"]:before,
.ctr.ctr_pdtView[href=""]:before {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  margin: 0 !important;
}
.ctr.ctr_pdtView[href="#"]:after,
.ctr.ctr_pdtView[href=""]:after {
  border-color: #999999;
  background-color: #eee;
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_pdtView {
    margin-top: -18px;
    width: 36px;
    height: 36px;
  }
  .ctr.ctr_pdtView > span {
    display: none;
  }
}
.ctr.ctr_pdtAlbum {
  display: none;
  z-index: 20;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 40px;
  height: 60px;
  line-height: 60px;
  color: #333333;
}
.ctr.ctr_pdtAlbum s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .ctr.ctr_pdtAlbum s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  padding: inherit;
}
.ysqUEO .ctr.ctr_pdtAlbum s:before,
.ysqUEO .ctr.ctr_pdtAlbum s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2.5px;
  margin-top: -1.25px;
  background-color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
  .ctr.ctr_pdtAlbum:hover {
    color: #d81920;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_pdtAlbum:active {
    color: #d81920;
  }
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_pdtAlbum {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_pdtAlbum s:before,
  .ysqUEO .ctr.ctr_pdtAlbum s:after {
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_pdtAlbum:hover s:before,
  .ysqUEO .ctr.ctr_pdtAlbum:hover s:after {
    background-color: #d81920;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_pdtAlbum:active s:before,
  .ctr.ctr_pdtAlbum:active s:after {
    background-color: #d81920;
  }
}
.ysqUEO .ctr.ctr_pdtAlbum.prev s:before,
.ysqUEO .ctr.ctr_pdtAlbum.prev s:after {
  margin-left: -6.5px;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_pdtAlbum.prev s:before {
  -webkit-transform: rotate(-42deg) translateX(-1.25px);
          transform: rotate(-42deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_pdtAlbum.prev s:after {
  -webkit-transform: rotate(42deg) translateX(-1.25px);
          transform: rotate(42deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_pdtAlbum.next s:before,
.ysqUEO .ctr.ctr_pdtAlbum.next s:after {
  margin-left: -11.5px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_pdtAlbum.next s:before {
  -webkit-transform: rotate(-42deg) translateX(1.25px);
          transform: rotate(-42deg) translateX(1.25px);
}
.ysqUEO .ctr.ctr_pdtAlbum.next s:after {
  -webkit-transform: rotate(42deg) translateX(1.25px);
          transform: rotate(42deg) translateX(1.25px);
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_pdtAlbum.prev:hover s:before {
    -webkit-transform: rotate(-46deg) translateX(-1.25px);
            transform: rotate(-46deg) translateX(-1.25px);
  }
  .ysqUEO .ctr.ctr_pdtAlbum.prev:hover s:after {
    -webkit-transform: rotate(46deg) translateX(-1.25px);
            transform: rotate(46deg) translateX(-1.25px);
  }
  .ysqUEO .ctr.ctr_pdtAlbum.next:hover s:before {
    -webkit-transform: rotate(-46deg) translateX(1.25px);
            transform: rotate(-46deg) translateX(1.25px);
  }
  .ysqUEO .ctr.ctr_pdtAlbum.next:hover s:after {
    -webkit-transform: rotate(46deg) translateX(1.25px);
            transform: rotate(46deg) translateX(1.25px);
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_pdtAlbum.prev:active s:before,
  .ctr.ctr_pdtAlbum.prev:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_pdtAlbum.prev:active s:before {
    -webkit-transform: rotate(-46deg) translateX(-1.25px);
            transform: rotate(-46deg) translateX(-1.25px);
  }
  .ctr.ctr_pdtAlbum.prev:active s:after {
    -webkit-transform: rotate(46deg) translateX(-1.25px);
            transform: rotate(46deg) translateX(-1.25px);
  }
  .ctr.ctr_pdtAlbum.next:active s:before,
  .ctr.ctr_pdtAlbum.next:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_pdtAlbum.next:active s:before {
    -webkit-transform: rotate(-46deg) translateX(1.25px);
            transform: rotate(-46deg) translateX(1.25px);
  }
  .ctr.ctr_pdtAlbum.next:active s:after {
    -webkit-transform: rotate(46deg) translateX(1.25px);
            transform: rotate(46deg) translateX(1.25px);
  }
}
.ctr.ctr_pdtAlbum.prev {
  left: 0;
}
.ctr.ctr_pdtAlbum.next {
  right: 0;
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_pdtAlbum {
    width: 30px;
    height: 45px;
    margin-top: -22.5px;
  }
  .ctr.ctr_pdtAlbum s {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  .ctr.ctr_pdtAlbum:active {
    color: #fff;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_pdtAlbum:active:after {
    background-color: #d81920 !important;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
}
.ctr.ctr_navLR {
  z-index: 20;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 100%;
  background-color: #c2161d;
  color: #ffffff;
}
.ctr.ctr_navLR.reject {
  display: none;
}
.ctr.ctr_navLR s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .ctr.ctr_navLR s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  padding: inherit;
}
.ysqUEO .ctr.ctr_navLR s:before,
.ysqUEO .ctr.ctr_navLR s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  margin-top: -1px;
  background-color: #ffffff;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
  .ctr.ctr_navLR:hover {
    color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_navLR:active {
    color: #ffffff;
  }
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_navLR {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_navLR s:before,
  .ysqUEO .ctr.ctr_navLR s:after {
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_navLR:hover s:before,
  .ysqUEO .ctr.ctr_navLR:hover s:after {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_navLR:active s:before,
  .ctr.ctr_navLR:active s:after {
    background-color: #ffffff;
  }
}
.ysqUEO .ctr.ctr_navLR.prev s:before,
.ysqUEO .ctr.ctr_navLR.prev s:after {
  margin-left: -3px;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_navLR.prev s:before {
  -webkit-transform: rotate(-35deg) translateX(-1px);
          transform: rotate(-35deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_navLR.prev s:after {
  -webkit-transform: rotate(35deg) translateX(-1px);
          transform: rotate(35deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_navLR.next s:before,
.ysqUEO .ctr.ctr_navLR.next s:after {
  margin-left: -7px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_navLR.next s:before {
  -webkit-transform: rotate(-35deg) translateX(1px);
          transform: rotate(-35deg) translateX(1px);
}
.ysqUEO .ctr.ctr_navLR.next s:after {
  -webkit-transform: rotate(35deg) translateX(1px);
          transform: rotate(35deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_navLR.prev:hover s:before {
    -webkit-transform: rotate(-42deg) translateX(-1px);
            transform: rotate(-42deg) translateX(-1px);
  }
  .ysqUEO .ctr.ctr_navLR.prev:hover s:after {
    -webkit-transform: rotate(42deg) translateX(-1px);
            transform: rotate(42deg) translateX(-1px);
  }
  .ysqUEO .ctr.ctr_navLR.next:hover s:before {
    -webkit-transform: rotate(-42deg) translateX(1px);
            transform: rotate(-42deg) translateX(1px);
  }
  .ysqUEO .ctr.ctr_navLR.next:hover s:after {
    -webkit-transform: rotate(42deg) translateX(1px);
            transform: rotate(42deg) translateX(1px);
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_navLR.prev:active s:before,
  .ctr.ctr_navLR.prev:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_navLR.prev:active s:before {
    -webkit-transform: rotate(-42deg) translateX(-1px);
            transform: rotate(-42deg) translateX(-1px);
  }
  .ctr.ctr_navLR.prev:active s:after {
    -webkit-transform: rotate(42deg) translateX(-1px);
            transform: rotate(42deg) translateX(-1px);
  }
  .ctr.ctr_navLR.next:active s:before,
  .ctr.ctr_navLR.next:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_navLR.next:active s:before {
    -webkit-transform: rotate(-42deg) translateX(1px);
            transform: rotate(-42deg) translateX(1px);
  }
  .ctr.ctr_navLR.next:active s:after {
    -webkit-transform: rotate(42deg) translateX(1px);
            transform: rotate(42deg) translateX(1px);
  }
}
.ctr.ctr_navLR.prev {
  left: 0;
}
.ctr.ctr_navLR.next {
  right: 0;
}
.ctr.ctr_circle {
  display: none;
  z-index: 20;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  border-radius: 50%;
  background-color: #d81920;
  color: #ffffff;
}
.ctr.ctr_circle s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .ctr.ctr_circle s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  padding: inherit;
}
.ysqUEO .ctr.ctr_circle s:before,
.ysqUEO .ctr.ctr_circle s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  margin-top: -1px;
  background-color: #ffffff;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
  .ctr.ctr_circle:hover {
    color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_circle:active {
    color: #ffffff;
  }
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_circle {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_circle s:before,
  .ysqUEO .ctr.ctr_circle s:after {
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_circle:hover s:before,
  .ysqUEO .ctr.ctr_circle:hover s:after {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_circle:active s:before,
  .ctr.ctr_circle:active s:after {
    background-color: #ffffff;
  }
}
.ysqUEO .ctr.ctr_circle.prev s:before,
.ysqUEO .ctr.ctr_circle.prev s:after {
  margin-left: -3px;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_circle.prev s:before {
  -webkit-transform: rotate(-44deg) translateX(-1px);
          transform: rotate(-44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_circle.prev s:after {
  -webkit-transform: rotate(44deg) translateX(-1px);
          transform: rotate(44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_circle.next s:before,
.ysqUEO .ctr.ctr_circle.next s:after {
  margin-left: -7px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_circle.next s:before {
  -webkit-transform: rotate(-44deg) translateX(1px);
          transform: rotate(-44deg) translateX(1px);
}
.ysqUEO .ctr.ctr_circle.next s:after {
  -webkit-transform: rotate(44deg) translateX(1px);
          transform: rotate(44deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_circle.prev:hover s:before {
    -webkit-transform: rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px);
  }
  .ysqUEO .ctr.ctr_circle.prev:hover s:after {
    -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px);
  }
  .ysqUEO .ctr.ctr_circle.next:hover s:before {
    -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px);
  }
  .ysqUEO .ctr.ctr_circle.next:hover s:after {
    -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px);
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_circle.prev:active s:before,
  .ctr.ctr_circle.prev:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_circle.prev:active s:before {
    -webkit-transform: rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px);
  }
  .ctr.ctr_circle.prev:active s:after {
    -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px);
  }
  .ctr.ctr_circle.next:active s:before,
  .ctr.ctr_circle.next:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_circle.next:active s:before {
    -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px);
  }
  .ctr.ctr_circle.next:active s:after {
    -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px);
  }
}
.ctr.ctr_circle.prev {
  left: 0;
}
.ctr.ctr_circle.next {
  right: 0;
}
.ctr.ctr_pdt {
  display: none;
  z-index: 20;
  position: absolute;
  width: 48px;
  height: 48px;
  line-height: 48px;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  border-radius: 50%;
  color: #d81920;
}
.ctr.ctr_pdt:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
  border: #d81920 solid 1px;
  border-radius: 50%;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.ctr.ctr_pdt s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .ctr.ctr_pdt s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  padding: inherit;
}
.ysqUEO .ctr.ctr_pdt s:before,
.ysqUEO .ctr.ctr_pdt s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 3px;
  margin-top: -1.5px;
  background-color: #d81920;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
  .ctr.ctr_pdt:hover {
    color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_pdt:active {
    color: #ffffff;
  }
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_pdt {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_pdt s:before,
  .ysqUEO .ctr.ctr_pdt s:after {
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_pdt:hover s:before,
  .ysqUEO .ctr.ctr_pdt:hover s:after {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_pdt:active s:before,
  .ctr.ctr_pdt:active s:after {
    background-color: #ffffff;
  }
}
.ysqUEO .ctr.ctr_pdt.prev s:before,
.ysqUEO .ctr.ctr_pdt.prev s:after {
  margin-left: -5px;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_pdt.prev s:before {
  -webkit-transform: rotate(-44deg) translateX(-1.5px);
          transform: rotate(-44deg) translateX(-1.5px);
}
.ysqUEO .ctr.ctr_pdt.prev s:after {
  -webkit-transform: rotate(44deg) translateX(-1.5px);
          transform: rotate(44deg) translateX(-1.5px);
}
.ysqUEO .ctr.ctr_pdt.next s:before,
.ysqUEO .ctr.ctr_pdt.next s:after {
  margin-left: -11px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_pdt.next s:before {
  -webkit-transform: rotate(-44deg) translateX(1.5px);
          transform: rotate(-44deg) translateX(1.5px);
}
.ysqUEO .ctr.ctr_pdt.next s:after {
  -webkit-transform: rotate(44deg) translateX(1.5px);
          transform: rotate(44deg) translateX(1.5px);
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_pdt.prev:hover s:before {
    -webkit-transform: rotate(-50deg) translateX(-1.5px);
            transform: rotate(-50deg) translateX(-1.5px);
  }
  .ysqUEO .ctr.ctr_pdt.prev:hover s:after {
    -webkit-transform: rotate(50deg) translateX(-1.5px);
            transform: rotate(50deg) translateX(-1.5px);
  }
  .ysqUEO .ctr.ctr_pdt.next:hover s:before {
    -webkit-transform: rotate(-50deg) translateX(1.5px);
            transform: rotate(-50deg) translateX(1.5px);
  }
  .ysqUEO .ctr.ctr_pdt.next:hover s:after {
    -webkit-transform: rotate(50deg) translateX(1.5px);
            transform: rotate(50deg) translateX(1.5px);
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_pdt.prev:active s:before,
  .ctr.ctr_pdt.prev:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_pdt.prev:active s:before {
    -webkit-transform: rotate(-50deg) translateX(-1.5px);
            transform: rotate(-50deg) translateX(-1.5px);
  }
  .ctr.ctr_pdt.prev:active s:after {
    -webkit-transform: rotate(50deg) translateX(-1.5px);
            transform: rotate(50deg) translateX(-1.5px);
  }
  .ctr.ctr_pdt.next:active s:before,
  .ctr.ctr_pdt.next:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_pdt.next:active s:before {
    -webkit-transform: rotate(-50deg) translateX(1.5px);
            transform: rotate(-50deg) translateX(1.5px);
  }
  .ctr.ctr_pdt.next:active s:after {
    -webkit-transform: rotate(50deg) translateX(1.5px);
            transform: rotate(50deg) translateX(1.5px);
  }
}
@media screen and (min-width: 1025px) {
  .ctr.ctr_pdt:hover:after {
    background-color: #d81920;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_pdt:active:after {
    background-color: #d81920;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
}
.ctr.ctr_banner {
  display: none;
  z-index: 20;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  width: 24px;
  height: 36px;
  line-height: 36px;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  color: #d81920;
  color: #ffffff;
}
.ctr.ctr_banner s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .ctr.ctr_banner s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  padding: inherit;
}
.ysqUEO .ctr.ctr_banner s:before,
.ysqUEO .ctr.ctr_banner s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  margin-top: -1px;
  background-color: #ffffff;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
  .ctr.ctr_banner:hover {
    color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_banner:active {
    color: #ffffff;
  }
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_banner {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_banner s:before,
  .ysqUEO .ctr.ctr_banner s:after {
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_banner:hover s:before,
  .ysqUEO .ctr.ctr_banner:hover s:after {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_banner:active s:before,
  .ctr.ctr_banner:active s:after {
    background-color: #ffffff;
  }
}
.ysqUEO .ctr.ctr_banner.prev s:before,
.ysqUEO .ctr.ctr_banner.prev s:after {
  margin-left: -7px;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_banner.prev s:before {
  -webkit-transform: rotate(-42deg) translateX(-1px);
          transform: rotate(-42deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_banner.prev s:after {
  -webkit-transform: rotate(42deg) translateX(-1px);
          transform: rotate(42deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_banner.next s:before,
.ysqUEO .ctr.ctr_banner.next s:after {
  margin-left: -11px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_banner.next s:before {
  -webkit-transform: rotate(-42deg) translateX(1px);
          transform: rotate(-42deg) translateX(1px);
}
.ysqUEO .ctr.ctr_banner.next s:after {
  -webkit-transform: rotate(42deg) translateX(1px);
          transform: rotate(42deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_banner.prev:hover s:before {
    -webkit-transform: rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px);
  }
  .ysqUEO .ctr.ctr_banner.prev:hover s:after {
    -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px);
  }
  .ysqUEO .ctr.ctr_banner.next:hover s:before {
    -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px);
  }
  .ysqUEO .ctr.ctr_banner.next:hover s:after {
    -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px);
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_banner.prev:active s:before,
  .ctr.ctr_banner.prev:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_banner.prev:active s:before {
    -webkit-transform: rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px);
  }
  .ctr.ctr_banner.prev:active s:after {
    -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px);
  }
  .ctr.ctr_banner.next:active s:before,
  .ctr.ctr_banner.next:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_banner.next:active s:before {
    -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px);
  }
  .ctr.ctr_banner.next:active s:after {
    -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px);
  }
}
.ctr.ctr_banner.prev {
  left: 0;
}
.ctr.ctr_banner.next {
  right: 0;
}
.ctr.ctr_event {
  display: none;
  z-index: 20;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  width: 60px;
  height: 100px;
  line-height: 100px;
  color: #b9b9b9;
}
.ctr.ctr_event s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 64px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .ctr.ctr_event s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  padding: inherit;
}
.ysqUEO .ctr.ctr_event s:before,
.ysqUEO .ctr.ctr_event s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 2.5px;
  margin-top: -1.25px;
  background-color: #b9b9b9;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
  .ctr.ctr_event:hover {
    color: #d81920;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_event:active {
    color: #d81920;
  }
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_event {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_event s:before,
  .ysqUEO .ctr.ctr_event s:after {
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_event:hover s:before,
  .ysqUEO .ctr.ctr_event:hover s:after {
    background-color: #d81920;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_event:active s:before,
  .ctr.ctr_event:active s:after {
    background-color: #d81920;
  }
}
.ysqUEO .ctr.ctr_event.prev s:before,
.ysqUEO .ctr.ctr_event.prev s:after {
  margin-left: -13.5px;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_event.prev s:before {
  -webkit-transform: rotate(-42deg) translateX(-1.25px);
          transform: rotate(-42deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_event.prev s:after {
  -webkit-transform: rotate(42deg) translateX(-1.25px);
          transform: rotate(42deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_event.next s:before,
.ysqUEO .ctr.ctr_event.next s:after {
  margin-left: -18.5px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_event.next s:before {
  -webkit-transform: rotate(-42deg) translateX(1.25px);
          transform: rotate(-42deg) translateX(1.25px);
}
.ysqUEO .ctr.ctr_event.next s:after {
  -webkit-transform: rotate(42deg) translateX(1.25px);
          transform: rotate(42deg) translateX(1.25px);
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_event.prev:hover s:before {
    -webkit-transform: rotate(-46deg) translateX(-1.25px);
            transform: rotate(-46deg) translateX(-1.25px);
  }
  .ysqUEO .ctr.ctr_event.prev:hover s:after {
    -webkit-transform: rotate(46deg) translateX(-1.25px);
            transform: rotate(46deg) translateX(-1.25px);
  }
  .ysqUEO .ctr.ctr_event.next:hover s:before {
    -webkit-transform: rotate(-46deg) translateX(1.25px);
            transform: rotate(-46deg) translateX(1.25px);
  }
  .ysqUEO .ctr.ctr_event.next:hover s:after {
    -webkit-transform: rotate(46deg) translateX(1.25px);
            transform: rotate(46deg) translateX(1.25px);
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_event.prev:active s:before,
  .ctr.ctr_event.prev:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_event.prev:active s:before {
    -webkit-transform: rotate(-46deg) translateX(-1.25px);
            transform: rotate(-46deg) translateX(-1.25px);
  }
  .ctr.ctr_event.prev:active s:after {
    -webkit-transform: rotate(46deg) translateX(-1.25px);
            transform: rotate(46deg) translateX(-1.25px);
  }
  .ctr.ctr_event.next:active s:before,
  .ctr.ctr_event.next:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_event.next:active s:before {
    -webkit-transform: rotate(-46deg) translateX(1.25px);
            transform: rotate(-46deg) translateX(1.25px);
  }
  .ctr.ctr_event.next:active s:after {
    -webkit-transform: rotate(46deg) translateX(1.25px);
            transform: rotate(46deg) translateX(1.25px);
  }
}
.ctr.ctr_event.prev {
  left: 0;
}
.ctr.ctr_event.next {
  right: 0;
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_event {
    width: 30px;
    height: 50px;
    margin-top: -25px;
  }
  .ctr.ctr_event s {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  .ctr.ctr_event:active {
    color: #fff;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_event:active:after {
    background-color: #d81920 !important;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
}
.ctr.ctr_case {
  display: none;
  z-index: 20;
  position: absolute;
  width: 48px;
  height: 48px;
  line-height: 48px;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  background-color: #e0e0e0;
  color: #d81920;
}
@media screen and (min-width: 1025px) {
  .ctr.ctr_case:hover {
    background-color: #d81920;
    color: #fff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_case {
    width: 32px;
    height: 48px;
  }
  .ctr.ctr_case:active {
    background-color: #d81920;
    color: #fff;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
}
.ctr.ctr_case s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .ctr.ctr_case s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  padding: inherit;
}
.ysqUEO .ctr.ctr_case s:before,
.ysqUEO .ctr.ctr_case s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  margin-top: -1px;
  background-color: #d81920;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
  .ctr.ctr_case:hover {
    color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_case:active {
    color: #ffffff;
  }
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_case {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_case s:before,
  .ysqUEO .ctr.ctr_case s:after {
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_case:hover s:before,
  .ysqUEO .ctr.ctr_case:hover s:after {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_case:active s:before,
  .ctr.ctr_case:active s:after {
    background-color: #ffffff;
  }
}
.ysqUEO .ctr.ctr_case.prev s:before,
.ysqUEO .ctr.ctr_case.prev s:after {
  margin-left: -4px;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_case.prev s:before {
  -webkit-transform: rotate(-44deg) translateX(-1px);
          transform: rotate(-44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_case.prev s:after {
  -webkit-transform: rotate(44deg) translateX(-1px);
          transform: rotate(44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_case.next s:before,
.ysqUEO .ctr.ctr_case.next s:after {
  margin-left: -8px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_case.next s:before {
  -webkit-transform: rotate(-44deg) translateX(1px);
          transform: rotate(-44deg) translateX(1px);
}
.ysqUEO .ctr.ctr_case.next s:after {
  -webkit-transform: rotate(44deg) translateX(1px);
          transform: rotate(44deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_case.prev:hover s:before {
    -webkit-transform: rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px);
  }
  .ysqUEO .ctr.ctr_case.prev:hover s:after {
    -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px);
  }
  .ysqUEO .ctr.ctr_case.next:hover s:before {
    -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px);
  }
  .ysqUEO .ctr.ctr_case.next:hover s:after {
    -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px);
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_case.prev:active s:before,
  .ctr.ctr_case.prev:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_case.prev:active s:before {
    -webkit-transform: rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px);
  }
  .ctr.ctr_case.prev:active s:after {
    -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px);
  }
  .ctr.ctr_case.next:active s:before,
  .ctr.ctr_case.next:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_case.next:active s:before {
    -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px);
  }
  .ctr.ctr_case.next:active s:after {
    -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px);
  }
}
.ctr.ctr_caseAlbum {
  display: none;
  z-index: 20;
  position: absolute;
  width: 64px;
  height: 128px;
  line-height: 128px;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  top: 50%;
  margin-top: -64px;
  overflow: hidden;
  color: #ffffff;
}
.ctr.ctr_caseAlbum:after {
  content: " ";
  position: absolute;
  top: 0;
  width: 128px;
  height: 128px;
  border-radius: 128px;
  background-color: #d81920;
  z-index: -1;
  pointer-events: none;
}
.ctr.ctr_caseAlbum.prev:after {
  right: 0;
}
.ctr.ctr_caseAlbum.next:after {
  left: 0;
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_caseAlbum {
    width: 32px;
    height: 64px;
    line-height: 64px;
    margin-top: -32px;
  }
  .ctr.ctr_caseAlbum:after {
    width: 64px;
    height: 64px;
    border-radius: 64px;
  }
  .ctr.ctr_caseAlbum s {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}
.ctr.ctr_caseAlbum s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .ctr.ctr_caseAlbum s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  padding: inherit;
}
.ysqUEO .ctr.ctr_caseAlbum s:before,
.ysqUEO .ctr.ctr_caseAlbum s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  margin-top: -1px;
  background-color: #ffffff;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
  .ctr.ctr_caseAlbum:hover {
    color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_caseAlbum:active {
    color: #ffffff;
  }
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_caseAlbum {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_caseAlbum s:before,
  .ysqUEO .ctr.ctr_caseAlbum s:after {
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
  }
  .ysqUEO .ctr.ctr_caseAlbum:hover s:before,
  .ysqUEO .ctr.ctr_caseAlbum:hover s:after {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_caseAlbum:active s:before,
  .ctr.ctr_caseAlbum:active s:after {
    background-color: #ffffff;
  }
}
.ysqUEO .ctr.ctr_caseAlbum.prev s:before,
.ysqUEO .ctr.ctr_caseAlbum.prev s:after {
  margin-left: -6px;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_caseAlbum.prev s:before {
  -webkit-transform: rotate(-44deg) translateX(-1px);
          transform: rotate(-44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_caseAlbum.prev s:after {
  -webkit-transform: rotate(44deg) translateX(-1px);
          transform: rotate(44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_caseAlbum.next s:before,
.ysqUEO .ctr.ctr_caseAlbum.next s:after {
  margin-left: -10px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_caseAlbum.next s:before {
  -webkit-transform: rotate(-44deg) translateX(1px);
          transform: rotate(-44deg) translateX(1px);
}
.ysqUEO .ctr.ctr_caseAlbum.next s:after {
  -webkit-transform: rotate(44deg) translateX(1px);
          transform: rotate(44deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
  .ysqUEO .ctr.ctr_caseAlbum.prev:hover s:before {
    -webkit-transform: rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px);
  }
  .ysqUEO .ctr.ctr_caseAlbum.prev:hover s:after {
    -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px);
  }
  .ysqUEO .ctr.ctr_caseAlbum.next:hover s:before {
    -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px);
  }
  .ysqUEO .ctr.ctr_caseAlbum.next:hover s:after {
    -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px);
  }
}
@media screen and (max-width: 1024px) {
  .ctr.ctr_caseAlbum.prev:active s:before,
  .ctr.ctr_caseAlbum.prev:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_caseAlbum.prev:active s:before {
    -webkit-transform: rotate(-50deg) translateX(-1px);
            transform: rotate(-50deg) translateX(-1px);
  }
  .ctr.ctr_caseAlbum.prev:active s:after {
    -webkit-transform: rotate(50deg) translateX(-1px);
            transform: rotate(50deg) translateX(-1px);
  }
  .ctr.ctr_caseAlbum.next:active s:before,
  .ctr.ctr_caseAlbum.next:active s:after {
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .ctr.ctr_caseAlbum.next:active s:before {
    -webkit-transform: rotate(-50deg) translateX(1px);
            transform: rotate(-50deg) translateX(1px);
  }
  .ctr.ctr_caseAlbum.next:active s:after {
    -webkit-transform: rotate(50deg) translateX(1px);
            transform: rotate(50deg) translateX(1px);
  }
}
.pagination.pagination_banner {
  overflow: hidden;
  white-space: nowrap;
  line-height: 0;
  position: relative;
  margin-top: 20px;
  width: 100%;
  text-align: center;
}
.pagination.pagination_banner .btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  width: 12px;
  height: 12px;
  border: 0 solid #d81920;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  border-radius: 12px;
  background-color: #fff;
}
.pagination.pagination_banner .btn:nth-child(1n+2) {
  margin-left: 20px;
}
.pagination.pagination_banner .btn > em {
  display: none;
}
.pagination.pagination_banner .btn.on {
  background-color: #d81920 !important;
}
@media screen and (max-width: 1024px) {
  .pagination.pagination_banner {
    margin-top: 0.4rem;
  }
  .pagination.pagination_banner .btn {
    width: 8px;
    height: 8px;
  }
  .pagination.pagination_banner .btn:nth-child(1n+2) {
    margin-left: 8px;
  }
}
.pagination.pagination_case {
  overflow: hidden;
  white-space: nowrap;
  line-height: 0;
  position: relative;
  margin-top: 20px;
  width: 100%;
  text-align: center;
}
.pagination.pagination_case .btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  width: 10px;
  height: 10px;
  border: 0 solid #d81920;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  border-radius: 10px;
  background-color: #e0e0e0;
}
.pagination.pagination_case .btn:nth-child(1n+2) {
  margin-left: 20px;
}
.pagination.pagination_case .btn > em {
  display: none;
}
.pagination.pagination_case .btn.on {
  background-color: #d81920 !important;
}
@media screen and (max-width: 1024px) {
  .pagination.pagination_case {
    margin-top: 0.4rem;
  }
  .pagination.pagination_case .btn {
    width: 8px;
    height: 8px;
  }
  .pagination.pagination_case .btn:nth-child(1n+2) {
    margin-left: 8px;
  }
}
/* floatFns */
.floatFns {
  position: fixed;
  z-index: 88;
  right: 0;
  top: 100%;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.floatFns .item {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 2px;
  width: 72px;
  height: 72px;
  text-align: center;
}
.floatFns .item:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
  border: solid 1px #d81920;
  background-color: #fff;
}
.floatFns .item:first-child {
  margin-top: 0;
}
.floatFns .item .stay {
  z-index: 2;
  position: relative;
  display: block;
  width: 72px;
  height: 24px;
  padding-top: 48px;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.floatFns .item .stay,
.floatFns .item .stay a {
  color: #d81920;
}
.floatFns .item .icon {
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -18px;
  width: 36px;
  height: 36px;
  background-position: -9999px 0;
  background-repeat: no-repeat;
}
.floatFns .item .icon:before,
.floatFns .item .icon:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: inherit;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.floatFns .item .icon:after {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.floatFns .item .icon:after {
  -webkit-filter: grayscale(100%) brightness(500%);
          filter: grayscale(100%) brightness(500%);
  -webkit-transform: scale(2);
          transform: scale(2);
}
.floatFns .item .hide {
  z-index: 1;
  position: absolute;
  right: 100%;
  top: 0;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.2);
}
.floatFns .item .padbox {
  background-color: #d81920;
  min-height: 22px;
  line-height: 22px;
  padding: 14px 24px;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  text-align: left;
}
.floatFns .item .padbox a {
  color: #fff;
}
.floatFns .item .qrcode {
  width: 120px;
  height: 120px;
  background-color: #fff;
}
.floatFns .item .qrcode img {
  display: block;
  width: 100%;
  height: 100%;
}
.floatFns .item:hover .stay {
  background-color: #d81920;
}
.floatFns .item:hover .stay,
.floatFns .item:hover .stay a {
  color: #ffffff;
}
.floatFns .item:hover .icon:before {
  -webkit-transition: all 330ms ease-out 0ms;
  transition: all 330ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.floatFns .item:hover .icon:after {
  -webkit-transition: all 330ms ease-out 0ms;
  transition: all 330ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
}
.floatFns .item:hover .hide {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
}
@media screen and (max-width: 1024px) {
  .floatFns {
    display: none;
  }
}
/* floatMessageBoard */
.floatMessageBoard {
  position: fixed;
  bottom: 5%;
  left: 0;
  z-index: 80;
}
.floatMessageBoard .Tg {
  position: fixed;
  left: -5px;
  bottom: 0;
  width: 65px;
  height: 144px;
  border-radius: 0 6px 6px 0;
  background-color: #d81920;
  color: #fff;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.floatMessageBoard .Tg span {
  width: 1em;
  font-size: 24px;
  line-height: 1.12;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-right: 4px;
}
.floatMessageBoard .Tg .arrow {
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #d81920;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  z-index: -1;
  color: #ffffff;
}
.floatMessageBoard .Tg .arrow s {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}
.floatMessageBoard .Tg .arrow s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .floatMessageBoard .Tg .arrow s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}
.ysqUEO .floatMessageBoard .Tg .arrow s:before,
.ysqUEO .floatMessageBoard .Tg .arrow s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  margin-top: -1px;
  background-color: #ffffff;
  margin-left: -8px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.ysqUEO .floatMessageBoard .Tg .arrow s:before {
  -webkit-transform: rotate(-44deg) translateX(1px);
          transform: rotate(-44deg) translateX(1px);
}
.ysqUEO .floatMessageBoard .Tg .arrow s:after {
  -webkit-transform: rotate(44deg) translateX(1px);
          transform: rotate(44deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
  .floatMessageBoard .Tg .arrow:hover {
    color: #ffffff;
  }
  .floatMessageBoard .Tg .arrow:hover s:before {
    -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
  }
  .floatMessageBoard .Tg .arrow:hover s:after {
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
  }
}
@media screen and (max-width: 1024px) {
  .floatMessageBoard .Tg .arrow:active {
    color: #ffffff;
  }
  .floatMessageBoard .Tg .arrow:active s:before {
    -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
  }
  .floatMessageBoard .Tg .arrow:active s:after {
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
  }
}
.floatMessageBoard .Tg:hover {
  left: 0;
}
.floatMessageBoard .Tt {
  position: fixed;
  right: 100%;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  height: 144px;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  min-width: 1200px;
}
.floatMessageBoard .Tt .contain {
  padding: 30px 0 25px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.floatMessageBoard .Tt .head {
  position: absolute;
  font-size: 28px;
  color: #fff;
}
.floatMessageBoard .Tt .head:after {
  content: " ";
  display: block;
  margin-top: 15px;
  width: 64px;
  height: 2px;
  background-color: #fff;
}
.floatMessageBoard .Tt .head .cn {
  line-height: 32px;
}
.floatMessageBoard .Tt .head .en {
  margin-top: 8px;
  text-transform: uppercase;
  font-family: "Mohave", Tahoma, Arial, sans-serif;
}
.floatMessageBoard .Tt .formCheck {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  padding-left: 240px;
}
.floatMessageBoard .Tt .formCheck:after {
  display: none;
}
.floatMessageBoard .Tt .formCheck .formItem {
  margin-bottom: 10px;
  margin-left: 10px;
}
.floatMessageBoard .Tt .formCheck .formItem .skin {
  width: 100%;
  border: #ffffff solid 1px !important;
  padding: 8px 15px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  background-color: #fff;
}
.floatMessageBoard .Tt .formCheck .formItem .skin._focus {
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
}
.floatMessageBoard .Tt .formCheck .formItem .skin {
  height: 40px;
}
.floatMessageBoard .Tt .formCheck .formItem.w1 {
  width: 240px;
}
.floatMessageBoard .Tt .formCheck .formItem.w2 {
  width: 450px;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  width: 100%;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm:after {
  display: none;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm .skin {
  float: left;
  width: 240px;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm .refreshVC {
  float: left;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  background-image: url(../images/ico-refresh.png);
  background-size: 32px auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm .refreshVC:active {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-transition: 0ms;
  transition: 0ms;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm .bindClick {
  float: left;
  height: 40px;
  width: 120px;
  margin-left: 10px;
}
.floatMessageBoard .Tt .formCheck .formItem .enter {
  width: 160px;
  height: 40px;
  line-height: 40px;
  background-color: #d81920;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.floatMessageBoard .Tt .formCheck .close {
  position: absolute;
  top: 0;
  right: -44px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 80;
  border-radius: 50%;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.floatMessageBoard .Tt .formCheck .close:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: #ffffff solid 1px;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
}
.floatMessageBoard .Tt .formCheck .close s {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 21.6px;
  font-size: 12px;
  color: #ffffff;
  font-family: Microsoft YaHei, '微软雅黑', Arial, sans-serif;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 600ms ease-out 0s;
  transition: all 600ms ease-out 0s;
}
.ysqUEO .floatMessageBoard .Tt .formCheck .close s {
  overflow: hidden;
  text-indent: 120%;
}
.ysqUEO .floatMessageBoard .Tt .formCheck .close s:before,
.ysqUEO .floatMessageBoard .Tt .formCheck .close s:after {
  pointer-events: none !important;
  content: " ";
  position: absolute;
  left: 6px;
  width: 12px;
  height: 1px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  color: inherit;
  background-color: currentColor;
}
.ysqUEO .floatMessageBoard .Tt .formCheck .close s:before {
  top: 10px;
  -webkit-transform: rotate(45deg) translate(2.38172798px, 0);
          transform: rotate(45deg) translate(2.38172798px, 0);
  top: 5.5px;
}
.ysqUEO .floatMessageBoard .Tt .formCheck .close s:after {
  bottom: 10px;
  -webkit-transform: rotate(-45deg) translate(2.38172798px, 0);
          transform: rotate(-45deg) translate(2.38172798px, 0);
  bottom: 5.5px;
}
@media screen and (min-width: 1025px) {
  .ysqUEO .floatMessageBoard .Tt .formCheck .close s:before,
  .ysqUEO .floatMessageBoard .Tt .formCheck .close s:after {
    -webkit-transition: all 300ms ease-out 0ms;
    transition: all 300ms ease-out 0ms;
  }
  .floatMessageBoard .Tt .formCheck .close s:hover {
    color: #ffffff;
  }
}
@media screen and (max-width: 1024px) {
  .floatMessageBoard .Tt .formCheck .close s:active {
    color: #ffffff;
  }
}
.floatMessageBoard .Tt .formCheck .close s:hover {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}
@media screen and (max-width: 1280px) {
  .floatMessageBoard .Tt .formCheck {
    padding-left: 0;
    width: 960px;
  }
  .floatMessageBoard .Tt .head {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .floatMessageBoard {
    display: none !important;
  }
}
.floatMessageBoard.unfold .Tg {
  left: 100%;
  -webkit-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.floatMessageBoard.unfold .Tt {
  right: 0;
  -webkit-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.floatMessageBoard.unfold .Tt .close {
  -webkit-transition: all 250ms ease-out 200ms;
  transition: all 250ms ease-out 200ms;
  opacity: 1;
  visibility: visible;
}
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute!important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
          transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: .9;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
          transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity .25s ease,visibility 0s ease .25s;
  transition: opacity .25s ease,visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  -webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s;
  transition: opacity .25s ease 0s,visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image:before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
          animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
  cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-iframe,
.fancybox-video {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  -webkit-transition: color .2s;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: none;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
  cursor: not-allowed;
  opacity: .5 !important;
}
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  z-index: 99998;
}
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
.fancybox-caption {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(transparent));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding:max(0px)) {
  .fancybox-caption {
    padding: 75px 44px 25px 44px;
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
.fancybox-loading {
  -webkit-animation: a 1s linear infinite;
          animation: a 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@-webkit-keyframes a {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes a {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
          transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
          transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-1turn);
          transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(1turn);
          transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
          transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
          transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scaleX(1) translateZ(0);
          transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
          transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
          transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translateZ(0) scale(1);
          transform: translateZ(0) scale(1);
}
@media (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding:max(0px)) {
    .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
}
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a:before {
  border: 2px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
  opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
  opacity: 1;
}
@media (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
[data-fancybox-close]:hover svg {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.fancy_zoomer {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.fancy_zoomer:before,
.fancy_zoomer:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.fancy_zoomer:before {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.2);
}
.fancy_zoomer:after {
  z-index: 3;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAAzFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jif6XAAAAQ3RSTlMAAel+6hkQBjHtTEGAA8XSBew9WNCS+ehnx5OBPMDB+Fc3rZY59/pA0cLGkfX2lGjMyU1/60tkxPypZu/uo18rGwv9Pt5kUAAAAT9JREFUOMuFk+d2gkAQhdelSVFAQMSGPbHE9F5Mct//nUJRdwlt/szu4ePsvVMIOYWlbTd+GPqbrWaRgpANEed4MOQc4PiAKeiSoki6YAK+k/3emgPrDrt3xsC8xQMzLHsN/pdGb4kZh/Txvvj/7OID+/NlgqtpXvp0h8nJBcV1kbs30KMjA2umIWgzLWMYyUERwbkA2HkIUYmzhktSTBAXWpw83JcRAvpxeoZeRlwgUSVCKiMkiHHqIpFDbsBF6khBlydcnrjlifpX2rVKPQg1bisrdpfIsTGsrnrUuRHrnOmyzo2OnSvt/hNEuXKCHndg07yHmpvCAfBaPckvgN3MbsOY34YREGYR4tB0oywr3SjqNFVA5RF5YLPG2YPIRQ6JNtsL6GpFA09LC5VHcpEgh1rkk1Qj9PermiA/3+QPtGA20vrliSMAAAAASUVORK5CYII=");
  background-size: auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.fancy_zoomer:hover:before,
.fancy_zoomer:hover:after {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
}
.swiper-container {
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -webkit-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}
.swiper-container-horizontal .swiper-slide {
  width: auto;
  white-space: normal;
  font-size: 0;
}
/* header */
:root {
  --headerH: 190px;
}
:root .scroll-wrap {
  padding-top: 190px;
}
:root .hidePoint {
  top: -60px;
  margin-top: -1rem;
}
@media screen and (max-width: 1024px) {
  :root {
    --headerH: 64px;
  }
  :root .scroll-wrap {
    padding-top: 64px;
  }
  :root .hidePoint {
    top: -64px;
  }
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 20;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.header .bg {
  display: none;
  z-index: 5;
}
.header .contain {
  height: 100%;
}
.header .logo {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 52px;
}
.header .logo img {
  display: block;
  height: 100%;
}
.header .logo .words {
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -26px;
  margin-left: 15px;
  padding-left: 16px;
  white-space: nowrap;
  line-height: 26px;
  color: #333333;
}
.header .logo .words:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-image: -webkit-linear-gradient(90deg, #ffffff, #bbbbbb, #ffffff);
}
.header .logo .words .p1 {
  font-size: 16px;
  font-weight: bold;
}
.header .logo .words .p2 {
  font-size: 14px;
}
.header .secNav {
  display: none;
}
.header .navbtn {
  display: none;
}
.header.fixedNav {
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 1025px) {
  .header {
    min-width: 1200px;
    height: 190px;
  }
  .header.fixedNav {
    -webkit-transform: translateY(-130px);
            transform: translateY(-130px);
  }
  .header-t {
    height: 30px;
    line-height: 30px;
    background-color: #eaeaea;
  }
  .header-t .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .header-t .contain:after {
    display: none;
  }
  .header-m {
    height: 100px;
    line-height: 100px;
    background-color: #fff;
  }
  .header-m .tels {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -26px;
    padding-left: 24px;
    padding-top: 24px;
    height: 20px;
    line-height: 20px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .header-m .tels,
  .header-m .tels a {
    color: #d81920;
  }
  .header-m .tels:after {
    display: none;
  }
  .header-m .tels:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/dct-hotline.png);
    background-size: auto 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 50px;
    height: 44px;
    z-index: -1;
    pointer-events: none;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-animation-name: swings;
            animation-name: swings;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
            animation-direction: alternate;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-fill-mode: none;
            animation-fill-mode: none;
  }
  .header-m .tels .sdt {
    font-size: 14px;
  }
  .header-m .tels .sdd {
    font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
  }
  .header-b {
    height: 60px;
    line-height: 60px;
    background-color: #d81920;
    color: #fff;
  }
  .header .firNav {
    position: relative;
    z-index: 2;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .header .firNav:after {
    display: none;
  }
  .header .firNav:before,
  .header .firNav:after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 1px;
    height: 18px;
    background-color: rgba(255, 255, 255, 0.33);
    z-index: -1;
    pointer-events: none;
    display: block;
  }
  .header .firNav:before {
    left: 0;
  }
  .header .firNav:after {
    right: 0;
  }
  .header .firNav .firItem {
    z-index: 2;
    position: relative;
    width: 50%;
    text-align: center;
  }
  .header .firNav .firItem:nth-child(1n+2):before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    width: 1px;
    height: 18px;
    background-color: rgba(255, 255, 255, 0.33);
    z-index: -1;
    pointer-events: none;
  }
  .header .firNav .firItem .link1 {
    position: relative;
    overflow: hidden;
    display: block;
    font-size: 16px;
    color: #fff;
    padding: 0 0.4rem;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .header .firNav .firItem .link1:after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 1em;
    margin-left: -0.5em;
    width: 1em;
    height: 1px;
    background-color: #fff;
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  .header .firNav .firItem.on .link1:after,
  .header .firNav .firItem:hover .link1:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .header .secNav {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 6px 0;
    z-index: 30;
    font-size: 0;
    line-height: 0;
    text-align: left;
    background-color: rgba(216, 25, 32, 0.98);
    text-align: center;
    min-width: 100%;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  }
  .header .secNav .col {
    display: block;
    white-space: nowrap;
    font-size: 14px;
  }
  .header .secNav .col:nth-child(1n+2) {
    margin-left: 10px;
  }
  .header .secNav .secItem {
    position: relative;
    display: block;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .header .secNav .secItem .link2 {
    color: #fff;
    display: block;
    min-width: 64px;
    padding: 5px 12px;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    line-height: 24px;
    font-size: 14px;
  }
  .header .secNav .secItem.on,
  .header .secNav .secItem:hover {
    background-color: rgba(0, 0, 0, 0.08);
    color: #d81920;
  }
}
@media screen and (max-width: 1024px) {
  .header {
    height: 64px;
    line-height: 64px;
  }
  .header .contain.w {
    width: 100% !important;
    max-width: 100% !important;
  }
  .header-t {
    display: none;
  }
  .header-m {
    height: 100%;
  }
  .header-m .tels {
    display: none;
  }
  .header-m .logo {
    left: 15px;
    height: 44px;
  }
  .header-m .logo .words {
    display: none;
  }
  .header-b {
    position: absolute;
    right: 0;
    top: 0;
  }
  .header .bg {
    position: fixed !important;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .header .navbtn {
    z-index: 45;
    position: absolute;
    overflow: hidden;
    display: block;
    right: -5px;
    top: 9px;
    padding: 5px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
    margin-right: 15px;
  }
  .header .navbtn s {
    position: absolute;
    left: 5px;
    display: block;
    width: 36px;
    height: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #d81920;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
  }
  .header .navbtn .i1 {
    top: 9px;
  }
  .header .navbtn .i2 {
    top: 50%;
    margin-top: -2px;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  .header .navbtn .i3 {
    bottom: 9px;
  }
  .navShow .header .navbtn {
    position: fixed;
    z-index: 80;
    margin-right: 15px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .navShow .header .navbtn .i1 {
    -webkit-transform: rotate(45deg) translate(7.038px, 0);
            transform: rotate(45deg) translate(7.038px, 0);
    top: 3px;
  }
  .navShow .header .navbtn .i2 {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  .navShow .header .navbtn .i3 {
    -webkit-transform: rotate(-45deg) translate(7.038px, 0);
            transform: rotate(-45deg) translate(7.038px, 0);
    bottom: 3px;
  }
  .header .firNav {
    position: fixed;
    z-index: 29;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5%;
    padding-right: 5%;
    overflow-y: auto;
    background-color: #fff;
    padding-top: 64px;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    text-align: center;
  }
  .header .firNav .link {
    display: block;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
  }
  .header .firNav .firItem {
    position: relative;
    overflow: hidden;
    font-size: 18px;
    line-height: 40px;
    border-bottom: #d7e2e8 solid 1px;
    padding: 0 8px;
  }
  .header .firNav .firItem.on > .link {
    color: #d81920;
  }
  .header .firNav .firItem.on .secNav {
    display: block;
  }
  .header .firNav .firItem.on .ctr {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .header .secNav {
    padding: 8px 0 !important;
    line-height: 1.5;
    font-size: 16px;
    display: none;
    border-top: #eeeeee solid 1px;
    margin-left: 3%;
    margin-right: 3%;
  }
  .header .secNav .col {
    display: block;
  }
  .header .secNav .secItem {
    line-height: 32px;
    display: block;
    white-space: nowrap;
    color: #777;
  }
  .header .secNav .secItem:active {
    color: #111;
  }
  .header .secNav .secItem.on {
    color: #111;
    text-decoration: underline;
  }
  .header .secNav + .ctr {
    display: block;
  }
  .navShow .header .bg {
    display: block;
  }
  .navShow .header .contain {
    z-index: 8;
  }
  .navShow .firNav {
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
    -webkit-transform: none !important;
            transform: none !important;
  }
}
/* footer */
.footer {
  position: relative;
  z-index: 1;
  background-color: #202530;
  font-size: 16px;
}
.footer,
.footer a {
  color: rgba(255, 255, 255, 0.22);
}
.footer-nav {
  height: 64px;
  line-height: 64px;
  background-color: #d81920;
  color: #fff;
}
.footer-nav .contain {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.footer-nav .contain:after {
  display: none;
}
.footer-nav .contain:before,
.footer-nav .contain:after {
  content: " ";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 1px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.33);
  z-index: -1;
  pointer-events: none;
  display: block;
}
.footer-nav .contain:before {
  left: 0;
}
.footer-nav .contain:after {
  right: 0;
}
.footer-nav .contain .link1 {
  position: relative;
  overflow: hidden;
  display: block;
  font-size: 16px;
  color: #fff;
  padding: 0 0.4rem;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  width: 50%;
  text-align: center;
}
.footer-nav .contain .link1:nth-child(1n+2):before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  width: 1px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.33);
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .footer-nav {
    display: none;
  }
}
.footer-t {
  padding: 55px 0 35px;
}
.footer-t .contain {
  padding-right: 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 144px;
}
.footer-t .left {
  position: relative;
}
.footer-t .searchBox {
  position: absolute;
  right: 280px;
  top: 0;
  height: 32px;
  line-height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.footer-t .searchBox .skin {
  width: 292px;
  height: 32px;
  line-height: 32px;
  padding: 0 48px 0 20px;
  border-radius: 32px;
  background-color: #fff;
  font-size: 14px;
  color: #666666;
}
.footer-t .searchBox .enter {
  position: absolute;
  right: 8px;
  top: 0;
  width: 32px;
  height: 32px;
  background-image: url(../images/btn-zoomer.png);
  background-size: 32px 32px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  text-indent: -9999px;
}
.footer-t .searchBox .enter:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.footer-t .links {
  color: #fff;
  padding-right: 400px;
  line-height: 32px;
}
.footer-t .links .link {
  color: #fff;
}
.footer-t .qrcode {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  width: 220px;
}
.footer-t .qrcode:after {
  display: none;
}
.footer-t .qrcode .item {
  width: 100px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
.footer-t .qrcode .item .pic {
  width: 100px;
  height: 100px;
}
.footer-t .qrcode .item p {
  margin-top: 15px;
}
.footer-t .qrcode .item:nth-child(1n+2) {
  margin-right: 20px;
}
.footer-t .contact {
  margin-top: 30px;
  border-top: rgba(255, 255, 255, 0.2) solid 1px;
  padding-top: 30px;
  line-height: 1.5;
}
.footer-t .contact .dib {
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  .footer-t {
    padding-top: 1rem;
    padding-bottom: 0.8rem;
  }
  .footer-t .contain {
    padding-right: 0;
    text-align: center;
  }
  .footer-t .searchBox {
    position: relative;
    right: auto;
    width: 360px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-t .links {
    margin-top: 0.8rem;
    text-align: center;
    padding-right: 0;
    line-height: 24px;
  }
  .footer-t .links .sdt {
    display: none;
  }
  .footer-t .links .sdd .link {
    margin: 0 5px;
  }
  .footer-t .qrcode {
    margin-top: 0.6rem;
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer-t .qrcode .item {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
  }
  .footer-t .contact {
    margin-top: 0.8rem;
    padding-top: 0.8rem;
  }
  .footer-t .contact .dib {
    margin: 0 5px;
  }
}
.footer-b {
  line-height: 20px;
  padding: 0.4rem 0;
  background-color: #1e222b;
}
.footer-b .contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.footer-b .contain:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .footer-b .contain {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .footer-b {
    text-align: center;
  }
  .footer-b .contain > span {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
  }
}
/* subpage */
.subpage {
  position: relative;
  z-index: 2;
  background-color: #ffffff;
}
.subpage-banner {
  position: relative;
  overflow: hidden;
  z-index: 2;
  height: 560px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 440px;
}
.subpage-banner:after {
  display: none;
}
.subpage-banner .bg {
  background-color: #eee;
}
.subpage-banner .words {
  text-align: center;
  color: #fff;
  font-size: 40px;
  line-height: 1.8;
}
.subpage-banner.skin-about .words {
  text-align: right;
  font-size: 36px;
  line-height: 1.66666667;
}
.subpage-banner.skin-about .words .wrapIn {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 0 55px 0 30px;
  color: #333333;
}
.subpage-banner.skin-about .words .wrapIn .dct {
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 8.33333333em;
}
@media screen and (max-width: 1024px) {
  .subpage-banner.skin-about .words {
    font-size: 18px;
  }
  .subpage-banner.skin-about .words .wrapIn {
    padding-right: 0;
    padding-left: 0.6rem;
  }
}
.subpage-banner.skin-product .words {
  text-align: left;
  padding-bottom: 1rem;
}
.subpage-banner.skin-case .words {
  text-align: right;
}
.subpage-banner.skin-case .words p:nth-child(1) {
  padding-right: 2em;
}
.subpage-banner.skin-aftsale .words {
  text-align: right;
}
.subpage-banner.skin-aftsale .words .wrapIn {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  line-height: 1.5;
}
.subpage-banner.skin-aftsale .words .wrapIn p {
  padding: 0 2rem;
  font-size: 52px;
}
@media screen and (max-width: 1024px) {
  .subpage-banner.skin-aftsale .words .wrapIn p {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .subpage-banner {
    height: 100px;
    padding: 3.6rem 0;
    padding: 3rem 0;
  }
  .subpage-banner .words {
    font-size: 24px;
    line-height: 1.5;
  }
}
.subpage-neck {
  position: relative;
  margin-top: 1rem;
}
@media screen and (max-width: 1024px) {
  .subpage-neck {
    margin-top: 0;
  }
  .sSearch-pdt + .subpage-neck {
    display: none;
  }
}
.subpage-crumbs {
  position: relative;
  margin-top: 1rem;
  height: 50px;
  padding-bottom: 40px;
}
.subpage-crumbs .r {
  margin-top: 22px;
  font-size: 16px;
  line-height: 20px;
  text-align: right;
  color: #999999;
}
.subpage-crumbs .r .link {
  color: #999999;
}
.subpage-crumbs .r .link:hover {
  color: #d81920;
}
.subpage-crumbs .now {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 8;
}
.subpage-crumbs .now .en {
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  color: #707070;
  font-size: 50px;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
}
.subpage-crumbs .now .en s {
  text-transform: uppercase;
  color: #d81920;
}
.subpage-crumbs .now .hr {
  margin-top: 20px;
  width: 24px;
  height: 3px;
  background-color: #d81920;
}
.subpage-crumbs .now .cn {
  margin-top: 16px;
  height: 42px;
  line-height: 42px;
  font-size: 30px;
}
.subpage-crumbs .now .slogan {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 30px;
  color: #999999;
  font-size: 16px;
  line-height: 24px;
}
.subpage-crumbs + .subpage-nav {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .subpage-crumbs {
    display: none;
  }
}
.subpage-nav {
  z-index: 2;
  position: relative;
  overflow: hidden;
  margin-top: 40px;
  height: 42px;
}
.subpage-nav .contain {
  height: 100%;
}
.subpage-nav .contain:before,
.subpage-nav .contain:after {
  content: " ";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  height: 100%;
  width: 1000px;
  top: 0;
  visibility: visible;
}
.subpage-nav .contain:before {
  right: 100%;
  margin-right: 30px;
  background-color: #e6e6e6;
}
.subpage-nav .contain:after {
  left: 100%;
  margin-left: 30px;
  background-color: #d81920;
}
.subpage-nav .wrapIn {
  position: relative;
  padding-left: 500px;
  height: 100%;
  text-align: right;
  z-index: 6;
}
.subpage-nav .wrapIn .viewport {
  background-color: #fff;
  margin-left: auto;
  width: 100%;
}
.subpage-nav .wrapIn .hr {
  position: absolute;
  top: 28px;
  right: 0;
  left: 500px;
  background-color: rgba(216, 25, 32, 0.2);
  width: auto;
}
.subpage-nav .link2 {
  position: relative;
  z-index: 3;
  display: inline-block;
  vertical-align: top;
  min-width: 4em;
  padding: 0 25px;
  height: 42px;
  line-height: 42px;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  text-align: center;
  color: #333333;
}
.subpage-nav .link2:nth-child(1n+2) {
  margin-left: 10px;
}
.subpage-nav .link2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: #e6e6e6 solid 1px;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  z-index: -1;
  pointer-events: none;
}
.subpage-nav .link2.on {
  color: #d81920;
}
.subpage-nav .link2.on:after {
  border-color: #d81920;
}
.subpage-nav._bindjs .wrapIn {
  padding-right: 40px;
}
@media screen and (max-width: 1024px) {
  .subpage-nav {
    width: 100%;
    padding: 0;
    height: 36px;
    margin-top: 0;
    padding: 10px 0;
    background-color: #eaeaea;
  }
  .subpage-nav .contain:before,
  .subpage-nav .contain:after {
    display: none;
  }
  .subpage-nav .wrapIn {
    padding: 0 !important;
    text-align: center;
  }
  .subpage-nav .wrapIn .viewport {
    background-color: #eaeaea;
    width: 100%;
  }
  .subpage-nav .wrapIn .hr {
    display: none;
  }
  .subpage-nav .link2 {
    height: 36px;
    line-height: 36px;
    padding: 0 0.6rem;
  }
  .subpage-nav .link2:after {
    display: none;
  }
  .subpage-nav .link2.on {
    color: #fff;
    background-color: #d81920;
  }
}
.subpage-thirdNav {
  z-index: 5;
  position: relative;
  overflow: hidden;
  height: 48px;
  background-color: #d81920;
  padding: 0 35px;
  text-align: center;
}
.subpage-thirdNav .link3 {
  position: relative;
  z-index: 3;
  display: inline-block;
  vertical-align: top;
  height: 48px;
  line-height: 48px;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  text-align: center;
  color: #fff;
  width: 220px;
  padding: 0 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.05);
}
.subpage-thirdNav .link3:after {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: -1px;
  margin-left: -10px;
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 8px 10px;
  border-color: transparent transparent #ffffff transparent;
  border-style: solid;
  -webkit-transform: translateY(105%);
          transform: translateY(105%);
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.subpage-thirdNav .link3.on:after {
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transition: all 400ms ease-out 0ms;
  transition: all 400ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
}
.subpage-thirdNav + div {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .subpage-thirdNav {
    height: 40px;
    padding: 0;
  }
  .subpage-thirdNav .link3 {
    height: 40px;
    line-height: 40px;
    width: auto;
    padding: 0 0.6rem;
  }
  .subpage-thirdNav + div {
    margin-top: 0.8rem;
  }
}
.subpage-imax {
  padding: 40px 0;
  color: #333333;
  line-height: 2.5;
}
.subpage-imax + .axd {
  margin-top: 0 !important;
}
@media screen and (max-width: 1024px) {
  .subpage-imax {
    line-height: 1.75;
    padding: 0.8rem 0;
  }
}
.subpage-wrap {
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding-top: 50px;
}
@media screen and (max-width: 1024px) {
  .subpage-wrap {
    padding-top: 1rem;
  }
}
.subpage-wrap .axd {
  margin-top: 50px;
  z-index: -1;
  width: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.subpage-wrap .axd .qImg {
  display: block;
  position: relative;
  left: 50%;
  width: 1920px;
  margin-left: -960px;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
  .subpage-wrap .axd:hover .qImg {
    -webkit-transform: scale(1.025);
            transform: scale(1.025);
  }
}
@media screen and (max-width: 1024px) {
  .subpage-wrap .axd {
    margin-top: 1rem;
  }
  .subpage-wrap .axd .qImg {
    left: 0;
    margin-left: 0;
    width: 100%;
  }
}
.subpage-section0 {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: -50px;
}
@media screen and (max-width: 1024px) {
  .subpage-section0 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: -1rem;
  }
}
.subpage-head {
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding-top: 20px;
}
.subpage-head .en {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  pointer-events: none;
  width: 100%;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #f7f7f7;
  text-align: center;
  padding-left: 0.05em;
  letter-spacing: 0.05em;
}
.subpage-head .cn {
  color: #d81920;
  font-weight: bold;
  text-align: center;
  padding-left: 0.05em;
  letter-spacing: 0.05em;
}
.subpage-head .cn s {
  color: #333333;
}
.subpage-head .aside {
  margin-top: 25px;
  line-height: 1.5;
  color: #333333;
  font-weight: lighter;
}
.subpage-head .imax {
  margin-top: 25px;
}
@media screen and (max-width: 1024px) {
  .subpage-head {
    padding-top: 0.4rem;
  }
  .subpage-head .aside,
  .subpage-head .imax {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 640px) {
  .subpage-head .en {
    font-size: 26px;
  }
  .subpage-head .cn {
    font-size: 22px;
  }
  .subpage-head .aside {
    font-size: 16px;
  }
}
.subpage-lr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding-bottom: 1rem;
}
.subpage-lr:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .subpage-lr {
    display: block;
  }
}
.subpage-lr + .axd {
  margin-top: 0;
}
@media screen and (min-width: 1025px) {
  .subpage-main {
    width: 900px;
  }
}
.subpage-side {
  width: 240px;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}
.subpage-side .head {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #333333;
  margin-bottom: 20px;
}
.subpage-side .head span {
  position: relative;
}
.subpage-side .head span:before {
  position: absolute;
  left: 100%;
  top: 100%;
  margin-top: -12px;
  content: " ";
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 8px 8px;
  border-color: transparent #d81920 transparent transparent;
  border-style: solid;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .subpage-side {
    display: none;
  }
}
.subpage-form {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.subpage-form:after {
  display: none;
}
.subpage-form .formItem {
  margin-bottom: 15px;
}
.subpage-form .formItem .focus {
  width: 100%;
  display: block;
  color: #333333;
  padding: 10px 0;
  line-height: 20px;
}
.subpage-form .formItem .skin {
  width: 100%;
  border: #d9d9d9 solid 1px;
  padding: 10px 15px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
.subpage-form .formItem .skin {
  height: 46px;
}
.subpage-form .formItem textarea.skin {
  height: 300px;
}
.subpage-form .formItem.w33 {
  width: 380px;
}
.subpage-form .formItem.w50 {
  width: 590px;
}
.subpage-form .formItem.w100 {
  width: 100%;
}
.subpage-form .formItem.yzm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.subpage-form .formItem.yzm:after {
  display: none;
}
.subpage-form .formItem.yzm .skin {
  float: left;
  width: 360px;
}
.subpage-form .formItem.yzm .refreshVC {
  float: left;
  width: 46px;
  height: 46px;
  margin-left: 2px;
  margin-right: 2px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABoVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACZEnYaAAAAinRSTlMA7YsPgg0FgMHwM+eulHqoMStuWYerLxopfIjVFN2kiigtE1bmZScs26Ih6o1PkhH5BknuKhA0ulig44GlUkxR1zCm3sboZwpNLvfYufy+PeJCzWvxjw64Nxhb4R1BhANG647Rb/WTNlpA5acmy6wMsfRztpfa/pzffcBeoeRjRCXz1FOWm7/EYk6rfx5LAAACCklEQVRIx+2W1VrDQBCFS2lJSmmBClK0SHF3d3d3d3d3h31qupsGaLKZTXtL5/Kc+TMrJ/mi0QQqUH5X2YNF+5ZVlZS+pfeRDLbWpiGxqputB+rReFsQ8q4cXYFKdrUEyWspXRUbhugV1sFmK8XmJ95kM+tOr0dFIdPFhJeFzsO8FI9QkCeupbuUBUfgtokmLy3DLtCGaBbdyVdUysSbc0JfhviVmSgjoRP9S1y0cPcRCrZ+F6RLCRyn4NoL4dmfhG6g7wqhXJjew/AH1ZpxO1EgXE5GZ1McLQkRPHoF98QqZAMhHQhbcAsv11s8EYyB4EcSM1lQksT0N4Kj02jPj/x982IhuBV3FEvEv+9tPQA344ZQiZjPceEkPxznqFMAGxwcF4ebwjluXeKFYr0WmPr1d3kSrxhrrdCGdb9sssSKwWIbeNbidcrTEGLAshOCm5Sv8515UZpc+qLdZcZ6AhzuatxTQzGyyVMXQXjD3XFGdXgM98CjTQhFUo05MvoYpgt3FIxhQneBsGsc/FKwv+z0IvlGRqdf8EICofvuZc5mBV/PomfXhBiceB/pZD/tVZRVRo4ngvsvZR4pJbVXkMaYK596FtNv4F9rzA4TfyQKqex9F9kV/gyqVB3btJGCloyoPHT91Z0EDbLFq7+zorrb7R9yMNEa7Ot/3ED7fH7WhdYypNcE6l/XN+gpHB/8pOaXAAAAAElFTkSuQmCC");
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.subpage-form .formItem.yzm .refreshVC:active {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
  -webkit-transition: 0ms;
  transition: 0ms;
}
.subpage-form .formItem.yzm .bindClick {
  height: 46px;
  width: 130px;
}
.subpage-form .formItem .enter {
  width: 200px;
  height: 46px;
  line-height: 46px;
  background-color: #d81920;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .subpage-form .formItem {
    width: 100% !important;
    margin-bottom: 0;
  }
  .subpage-form .formItem:nth-child(1n+2) {
    margin-top: 0.3rem;
  }
  .subpage-form .formItem.yzm .l {
    width: 100%;
  }
  .subpage-form .formItem.yzm .skin {
    width: calc(100% - 180px);
  }
  .subpage-form .formItem textarea.skin {
    height: 180px;
  }
  .subpage-form .formItem .enter {
    width: 100%;
    margin-top: 0.4rem;
  }
}
/* sNews */
.sNews-list {
  position: relative;
}
.sNews-list .item {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-bottom: #e2e2e2 solid 1px;
}
.sNews-list .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 56.44444444%;
  background-color: #f1f1f1;
  /* img {object-fit:contain;} */
}
.sNews-list .item .txt {
  padding: 0.76rem 0;
}
.sNews-list .item .txt .date {
  font-size: 14px;
  color: #666666;
}
.sNews-list .item .txt .title {
  margin-top: 0.4rem;
  color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  font-weight: bold;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.sNews-list .item .txt .abstract {
  margin-top: 0.4rem;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 48px;
  color: #999999;
}
@media screen and (min-width: 1025px) {
  .sNews-list .item:hover .txt .title {
    color: #d81920;
  }
}
@media screen and (max-width: 1024px) {
  .sNews-list .item:active .txt .title {
    color: #d81920;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
}
.sNews-relative .item {
  position: relative;
  width: 100%;
}
.sNews-relative .item:nth-child(1n+2) {
  margin-top: 22px;
}
.sNews-relative .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 56.44444444%;
  background-color: #f1f1f1;
  /* img {object-fit:contain;} */
  overflow: visible;
}
.sNews-relative .item .title {
  padding: 10px 0;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  border-bottom: #e5e5e5 solid 1px;
}
.sNews-relative .item:hover .title {
  color: #d81920;
}
.sNews-view-wrap {
  overflow: visible;
}
.sNews-view-wrap .contain {
  padding-left: 210px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sNews-view-wrap .side {
  float: left;
  margin-left: -210px;
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  padding-bottom: 40px;
}
.sNews-view-wrap .side .date {
  width: 132px;
  height: 132px;
  padding: 20px;
  background-color: #d81920;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
}
.sNews-view-wrap .side .date .d {
  font-size: 50px;
  line-height: 1;
}
.sNews-view-wrap .side .date .my {
  border-top: rgba(255, 255, 255, 0.22) solid 1px;
  margin-top: 20px;
  padding-top: 10px;
  font-size: 16px;
}
.sNews-view-wrap .side .sNews-view-foot {
  margin-top: 2.4rem;
}
.sNews-view-wrap .side .sNews-view-foot .page_ctr .icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sNews-view-wrap .side .sNews-view-foot .page_ctr.next .icon {
  right: auto;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .sNews-view-wrap .contain {
    padding-left: 0;
  }
  .sNews-view-wrap .side {
    display: none;
  }
}
.sNews-view-head {
  padding-bottom: 0.9rem;
}
.sNews-view-head h1 {
  font-size: 28px;
  line-height: 1.42857143;
  color: #333333;
}
.sNews-view-head .aside {
  margin-top: 0.6rem;
  color: #d81920;
}
.sNews-view-head .aside span {
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  .sNews-view-head h1 {
    font-size: 18px;
  }
}
.sNews-view-foot {
  line-height: 40px;
  position: relative;
}
.sNews-view-foot .page_ctr {
  position: relative;
  padding-left: 40px;
  height: 40px;
  display: block;
}
.sNews-view-foot .page_ctr:nth-child(1n+2) {
  margin-top: 36px;
}
.sNews-view-foot .page_ctr .icon {
  display: block;
}
.sNews-view-foot .page_ctr span {
  margin-left: 8px;
  color: #666666;
  white-space: nowrap;
}
.sNews-view-foot .page_ctr[href="#"],
.sNews-view-foot .page_ctr[href=""] {
  cursor: not-allowed;
}
.sNews-view-foot .page_ctr[href="#"] .icon,
.sNews-view-foot .page_ctr[href=""] .icon {
  background-color: #ddd;
}
.sNews-view-foot .page_ctr[href="#"] span,
.sNews-view-foot .page_ctr[href=""] span {
  color: #999999;
}
.sNews-view-foot .backToList .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background-color: #d81920;
  border-radius: 50%;
}
.sNews-view-foot .backToList .icon > s {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #fff;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.sNews-view-foot .backToList .icon > s:before,
.sNews-view-foot .backToList .icon > s:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #d81920;
  -webkit-transition: all 250ms ease-out 50ms;
  transition: all 250ms ease-out 50ms;
}
.sNews-view-foot .backToList .icon > s:before {
  width: 2px;
  height: 10px;
  margin-left: -1px;
  margin-top: -5px;
}
.sNews-view-foot .backToList .icon > s:after {
  width: 10px;
  height: 2px;
  margin-left: -5px;
  margin-top: -1px;
}
@media screen and (max-width: 1024px) {
  .sNews-view-foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-top: 0.8rem;
  }
  .sNews-view-foot:after {
    display: none;
  }
  .sNews-view-foot .page_ctr {
    margin-top: 0 !important;
  }
}
/* sEvent */
.sEvent-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.sEvent-list:after {
  display: none;
}
.sEvent-list .item {
  position: relative;
}
.sEvent-list .item:before {
  content: " ";
  z-index: -2;
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  border-top: #dfdfdf solid 1px;
  border-bottom: rgba(223, 223, 223, 0.54) solid 1px;
}
.sEvent-list .item:after {
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  left: 100%;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: #d81920 solid 1px;
  border-bottom: rgba(216, 25, 32, 0.54) solid 1px;
}
.sEvent-list .item:nth-child(1n+1) {
  width: 32%;
  margin-left: 2%;
  margin-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sEvent-list .item:nth-child( 3n+1) {
  margin-left: 0;
}
.sEvent-list .item:nth-child( 1n+4) {
  margin-top: 2%;
}
.sEvent-list .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 62.63157895%;
  background-color: #f1f1f1;
  /* img {object-fit:contain;} */
}
.sEvent-list .item .title {
  line-height: 24px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  padding: 12px 0;
  color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
  .sEvent-list .item:hover .title {
    color: #d81920;
  }
  .sEvent-list .item:hover:after {
    left: 0;
    width: 100%;
    -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
    transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
  }
}
@media screen and (max-width: 1024px) {
  .sEvent-list .item:nth-child(1n+1) {
    width: 49%;
    margin-left: 2%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sEvent-list .item:nth-child( 2n+1) {
    margin-left: 0;
  }
  .sEvent-list .item:nth-child( 1n+3) {
    margin-top: 2%;
  }
  .sEvent-list .item .title {
    padding: 8px 0;
  }
  .sEvent-list .item:active .title {
    color: #d81920;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .sEvent-list .item:active:before {
    border-top: #d81920 solid 1px;
    border-bottom: rgba(216, 25, 32, 0.54) solid 1px;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
}
.sEvent-tab {
  position: relative;
  padding-bottom: 35px;
  border-bottom: #d81920 5px solid;
}
.sEvent-tab .Tt {
  position: relative;
  overflow: hidden;
  border: #efefef solid 1px;
  padding: 60px 120px 0;
}
.sEvent-tab .Tt .box {
  position: relative;
}
.sEvent-tab .Tt .box .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 62.63157895%;
  background-color: #f1f1f1;
  /* img {object-fit:contain;} */
}
.sEvent-tab .Tt .box .title {
  padding: 30px;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  color: #333333;
}
.sEvent-tab .Tt .ctr_event.prev {
  left: 35px;
}
.sEvent-tab .Tt .ctr_event.next {
  right: 35px;
}
.sEvent-tab .Tg {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}
.sEvent-tab .Tg .btn {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  width: 152px;
}
.sEvent-tab .Tg .btn:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: #d81920 solid 2px;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  z-index: 8;
  pointer-events: none;
}
.sEvent-tab .Tg .btn:nth-child(1n+2) {
  margin-left: 8px;
}
.sEvent-tab .Tg .btn .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 62.63157895%;
  background-color: #f1f1f1;
  /* img {object-fit:contain;} */
}
.sEvent-tab .Tg .btn.on:after {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1024px) {
  .sEvent-tab {
    padding-bottom: 0.6rem;
  }
  .sEvent-tab .Tt {
    padding: 0;
  }
  .sEvent-tab .Tt .box .title {
    padding: 0.6rem;
    font-size: 16px;
  }
  .sEvent-tab .Tt .ctr_event {
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 31.31578947%;
    top: -30px;
  }
  .sEvent-tab .Tt .ctr_event.prev {
    left: 0;
  }
  .sEvent-tab .Tt .ctr_event.next {
    right: 0;
  }
  .sEvent-tab .Tg {
    margin-top: 0.6rem;
  }
  .sEvent-tab .Tg .btn {
    width: 120px;
  }
}
/* sSearch */
.sSearch-pdt {
  position: relative;
  z-index: 8;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #d81920;
  color: #fff;
  margin-top: 1px;
}
.subpage-banner + .sSearch-pdt {
  margin-top: -60px;
}
.sSearch-pdt .contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 100%;
}
.sSearch-pdt .contain:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sSearch-pdt .contain {
    display: block;
  }
}
.sSearch-pdt .keywords {
  padding: 18px 0 18px 6.5em;
  line-height: 24px;
  height: 24px;
}
.sSearch-pdt .keywords .sdt {
  float: left;
  margin-left: -6.5em;
}
.sSearch-pdt .keywords .sdd {
  position: relative;
  width: 480px;
  height: 24px;
  line-height: 24px;
}
.sSearch-pdt .keywords .sdd._bindjs {
  padding-right: 40px;
}
.sSearch-pdt .keywords .sdd .link {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  line-height: 24px;
  font-size: 14px;
}
.sSearch-pdt .keywords .sdd .link:nth-child(1n+2) {
  margin-left: 15px;
}
.sSearch-pdt .keywords .sdd .ctr_navLR {
  height: 40px;
  line-height: 40px;
  top: 50%;
  margin-top: -20px;
}
.sSearch-pdt .result .ci {
  text-decoration: underline;
  margin: 0 2px;
  font-size: 1.1em;
}
.sSearch-pdt .searchBox {
  position: relative;
  height: 32px;
  line-height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sSearch-pdt .searchBox .skin {
  width: 360px ;
  height: 32px;
  line-height: 32px;
  padding: 0 48px 0 20px;
  border-radius: 32px;
  background-color: #fff;
  font-size: 14px;
  color: #666666;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sSearch-pdt .searchBox .enter {
  position: absolute;
  right: 8px;
  top: 0;
  width: 32px;
  height: 32px;
  background-image: url(../images/btn-zoomer.png);
  background-size: 32px 32px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  text-indent: -9999px;
}
.sSearch-pdt .searchBox .enter:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
@media screen and (max-width: 1024px) {
  .sSearch-pdt {
    height: 32px;
    line-height: 32px;
    padding: 8px 0;
  }
  .subpage-banner + .sSearch-pdt {
    margin-top: -48px;
  }
  .sSearch-pdt .keywords,
  .sSearch-pdt .result {
    display: none;
  }
  .sSearch-pdt .searchBox {
    margin-left: auto;
  }
  .sSearch-pdt .searchBox .skin {
    width: 100%;
  }
}
.sSearch-list .item {
  position: relative;
  border-bottom: #d9d9d9 solid 1px;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 24px;
}
.sSearch-list .item .title {
  margin-right: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sSearch-list .item .keyColor {
  color: #d81920;
}
.sSearch-list .item .date {
  position: absolute;
  right: 0;
  top: 15px;
  color: #999999;
}
.sSearch-list .item .abstract {
  margin-top: 4px;
  font-size: 14px;
  line-height: 22px;
}
.sSearch-list .emptyList {
  border-bottom: none;
  font-weight: normal;
  letter-spacing: 2px;
}
@media screen and (max-width: 1024px) {
  .sSearch-list .item {
    padding: 10px 0;
  }
  .sSearch-list .item .date {
    top: 10px;
  }
}
/* sView  */
.sView-content {
  padding: 30px 0;
  color: #333333;
}
@media screen and (max-width: 1024px) {
  .sView-content {
    padding: 0.6rem 0;
  }
}
.sView-foot {
  position: relative;
  background-color: #d81920;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.sView-foot:after {
  display: none;
}
.sView-foot .ctr,
.sView-foot .backToList {
  height: 20px;
  line-height: 20px;
  padding: 20px 20px;
  color: #fff;
}
.sView-foot .ctr[href="#"],
.sView-foot .ctr[href=""] {
  cursor: not-allowed;
}
.sView-foot .ctr[href="#"]:after,
.sView-foot .ctr[href=""]:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sView-foot {
    height: 48px;
  }
  .sView-foot .ctr,
  .sView-foot .backToList {
    padding: 14px;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .sView-foot .ctr:active,
  .sView-foot .backToList:active {
    background-color: rgba(255, 255, 255, 0.15);
    -webkit-transition: 0ms;
    transition: 0ms;
  }
}
.sView-foot2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-top: #dddddd solid 1px;
  border-bottom: #dddddd solid 1px;
  margin-top: 40px;
}
.sView-foot2:after {
  display: none;
}
.sView-foot2 .ctr {
  padding: 15px 0;
  line-height: 20px;
}
@media screen and (max-width: 1024px) {
  .sView-foot2 {
    margin-top: 0.8rem;
  }
  .sView-foot2 .ctr {
    padding: 10px 0;
  }
}
/* sProduct */
.sProduct-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.sProduct-list:after {
  display: none;
}
.sProduct-filter + .sProduct-list {
  margin-top: 60px;
}
.sProduct-list .item {
  position: relative;
}
.sProduct-list .item .tag {
  position: absolute;
  top: 6px;
  right: 12px;
  z-index: 9;
  pointer-events: none;
}
.sProduct-list .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 56.31578947%;
  background-color: #f1f1f1;
  overflow: visible;
  background-color: transparent !important;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.sProduct-list .item .pic img {
  -o-object-fit: contain;
     object-fit: contain;
}
.sProduct-list .item .txt {
  padding: 0.9rem 0.4rem;
  text-align: center;
}
.sProduct-list .item .txt .vmbox {
  text-align: left;
}
.sProduct-list .item .txt .title {
  line-height: 30px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.sProduct-list .item .txt .abstract {
  margin-top: 10px;
  color: #999999;
  line-height: 1.25em;
}
.sProduct-list .item .txt .abstract p {
  position: relative;
}
.sProduct-list .item .txt .abstract p:nth-child(1n+2) {
  margin-top: 0.375em;
}
.sProduct-list .item:hover .pic {
  -webkit-filter: brightness(106%);
          filter: brightness(106%);
}
.sProduct-list .item:hover .txt .title {
  color: #d81920;
}
@media screen and (max-width: 1024px) {
  .sProduct-list .item .txt {
    padding-left: 0;
    padding-right: 0;
  }
  .sProduct-list .item .txt .abstract {
    margin-top: 5px;
  }
}
.sProduct-list .item:nth-child(1n+1) {
  width: 32%;
  margin-left: 2%;
  margin-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sProduct-list .item:nth-child( 3n+1) {
  margin-left: 0;
}
.sProduct-list .item:nth-child( 1n+4) {
  margin-top: 2%;
}
@media screen and (max-width: 1024px) {
  .sProduct-filter + .sProduct-list {
    margin-top: 1rem;
  }
  .sProduct-list .item:nth-child(1n+1) {
    width: 49%;
    margin-left: 2%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sProduct-list .item:nth-child( 2n+1) {
    margin-left: 0;
  }
  .sProduct-list .item:nth-child( 1n+3) {
    margin-top: 2%;
  }
}
.sProduct-filter {
  position: relative;
  overflow: hidden;
}
.sProduct-filter .sel-Line {
  position: relative;
  border-bottom: #ededed solid 1px;
  margin-top: -1px;
  padding: 15px 5px 15px 100px;
  color: #333333;
}
.sProduct-filter .sel-Line .sel-Param {
  position: absolute;
  left: 0;
  top: 15px;
  line-height: 40px;
  width: 4.25em;
  text-align: right;
  font-weight: bold;
}
.sProduct-filter .sel-Line .sel-Param .panel {
  color: #d81920;
}
.sProduct-filter .sel-Line .sel-Param .panel:before {
  content: "：";
  color: #333333;
}
.sProduct-filter .sel-Line .sel-Param .showAll {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: #999999;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  color: #ffffff;
}
.sProduct-filter .sel-Line .sel-Param .showAll s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}
.ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:before,
.ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 1px;
  margin-top: -0.5px;
  background-color: #ffffff;
  margin-left: -5px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:before {
  -webkit-transform: rotate(-44deg) translateX(0.5px);
          transform: rotate(-44deg) translateX(0.5px);
}
.ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:after {
  -webkit-transform: rotate(44deg) translateX(0.5px);
          transform: rotate(44deg) translateX(0.5px);
}
@media screen and (min-width: 1025px) {
  .sProduct-filter .sel-Line .sel-Param .showAll:hover {
    color: #ffffff;
  }
  .sProduct-filter .sel-Line .sel-Param .showAll:hover s:before {
    -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
  }
  .sProduct-filter .sel-Line .sel-Param .showAll:hover s:after {
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
  }
}
@media screen and (max-width: 1024px) {
  .sProduct-filter .sel-Line .sel-Param .showAll:active {
    color: #ffffff;
  }
  .sProduct-filter .sel-Line .sel-Param .showAll:active s:before {
    -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
  }
  .sProduct-filter .sel-Line .sel-Param .showAll:active s:after {
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
  }
}
.sProduct-filter .sel-Line .sel-Param.unfold .showAll {
  background-color: #d81920;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sProduct-filter .sel-Line .sel-Value {
  position: relative;
  overflow: hidden;
  font-size: 0;
  min-height: 32px;
  margin-right: -8px;
}
.sProduct-filter .sel-Line .sel-Value .btn {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding-left: 20px;
  padding-right: 20px;
  color: #333333;
  margin: 4px 8px;
  border-radius: 40px;
}
.sProduct-filter .sel-Line .sel-Value .btn:hover {
  color: #d81920;
}
.sProduct-filter .sel-Line .sel-Value .btn.on {
  background-color: #d81920;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .sProduct-filter .sel-Line {
    padding: 10px 5px;
  }
  .sProduct-filter .sel-Line .sel-Param {
    position: relative;
    top: auto;
    left: auto;
    line-height: 30px;
    width: auto;
    text-align: left;
  }
  .sProduct-filter .sel-Line .sel-Value {
    margin-right: -4px;
    display: none;
    margin-top: 6px;
    -webkit-transition: none !important;
    transition: none !important;
    min-height: 0;
  }
  .sProduct-filter .sel-Line .sel-Value .btn {
    margin: 2px 4px;
    line-height: 30px;
    height: 30px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.sProduct-intro {
  position: relative;
  padding: 40px 0 50px;
  margin-top: -50px;
  background-image: -webkit-linear-gradient(-90deg, #ffffff, #f5f5f5);
}
.sProduct-intro .head {
  position: relative;
  padding-right: 140px;
}
.sProduct-intro .head .title {
  line-height: 1.5;
  color: #333333;
  font-weight: bold;
}
.sProduct-intro .head .abstract {
  margin-top: 10px;
  color: #999999;
  line-height: 1.5;
}
.sProduct-intro .head .abstract span {
  display: inline-block;
  vertical-align: top;
  margin-right: .5em;
}
.sProduct-intro .head .backToList {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #d81920;
}
.sProduct-intro .body {
  margin-top: 40px;
  position: relative;
  min-height: 200px;
  padding: 0 200px;
}
.sProduct-intro .body .ctr_pdtView {
  top: 225px;
}
@media screen and (max-width: 1024px) {
  .sProduct-intro .body {
    padding: 0;
  }
  .sProduct-intro .body .ctr_pdtView {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .sProduct-intro {
    padding: 0.8rem 0 1rem;
    margin-top: -1rem;
  }
  .sProduct-intro .head {
    padding-right: 100px;
  }
  .sProduct-intro .head .abstract {
    margin-top: 0.2rem;
  }
  .sProduct-intro .head .backToList {
    width: 84px;
    height: 32px;
    line-height: 32px;
  }
  .sProduct-intro .body {
    margin-top: 0.7rem;
  }
}
.sProduct-album .Tt {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-bottom: 56.31578947%;
  background-color: #f1f1f1;
}
.sProduct-album .Tt img {
  -o-object-fit: contain;
     object-fit: contain;
}
.sProduct-album .Tt .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.sProduct-album .Tt .box .pic {
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
}
.sProduct-album .Tt .box.on {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
  z-index: 6;
}
.sProduct-album .Tg {
  position: relative;
  padding: 0 165px;
  margin-top: 30px;
}
.sProduct-album .Tg .btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  width: 108px;
  z-index: 2;
}
.sProduct-album .Tg .btn:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: #d81920 solid 2px;
  z-index: 8;
  pointer-events: none;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.sProduct-album .Tg .btn:nth-child(1n+2) {
  margin-left: 12px;
}
.sProduct-album .Tg .btn .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 56.31578947%;
  background-color: #f1f1f1;
  background-color: #fff;
}
.sProduct-album .Tg .btn .pic img {
  -o-object-fit: contain;
     object-fit: contain;
}
.sProduct-album .Tg .btn.on:after {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0.8;
  visibility: visible;
}
.sProduct-album .Tg .ctr_pdtAlbum.prev {
  left: 100px;
}
.sProduct-album .Tg .ctr_pdtAlbum.next {
  right: 100px;
}
@media screen and (max-width: 1024px) {
  .sProduct-album .Tg {
    padding: 0 36px;
    margin-top: 0.6rem;
  }
  .sProduct-album .Tg .btn {
    width: 86px;
    height: 48px;
  }
  .sProduct-album .Tg .ctr_pdtAlbum.prev {
    left: 0;
  }
  .sProduct-album .Tg .ctr_pdtAlbum.next {
    right: 0;
  }
}
.sProduct-detail {
  position: relative;
  overflow: hidden;
  z-index: 2;
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .sProduct-detail {
    margin-top: 0.8rem;
  }
  .sProduct-detail > .contain {
    padding-top: 0.4rem;
  }
}
.sProduct-detail-section {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.sProduct-detail-section:nth-child(1n+2) {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .sProduct-detail-section:nth-child(6) {
    display: none;
  }
}
.sProduct-detail-section .head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 50px;
  line-height: 50px;
}
.sProduct-detail-section .head:after {
  display: none;
}
.sProduct-detail-section .head .l {
  position: relative;
  height: 24px;
  line-height: 24px;
  padding-left: 22px;
  font-size: 24px;
  color: #333333;
  font-weight: bold;
}
.sProduct-detail-section .head .l:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  width: 4px;
  height: 18px;
  background-color: #d81920;
}
.sProduct-detail-section .head .more {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  line-height: 30px;
  padding-right: 42px;
}
.sProduct-detail-section .head .more .arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #d81920;
  color: #ffffff;
}
.sProduct-detail-section .head .more .arrow s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .sProduct-detail-section .head .more .arrow s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}
.ysqUEO .sProduct-detail-section .head .more .arrow s:before,
.ysqUEO .sProduct-detail-section .head .more .arrow s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 2px;
  margin-top: -1px;
  background-color: #ffffff;
  margin-left: -6px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.ysqUEO .sProduct-detail-section .head .more .arrow s:before {
  -webkit-transform: rotate(-44deg) translateX(1px);
          transform: rotate(-44deg) translateX(1px);
}
.ysqUEO .sProduct-detail-section .head .more .arrow s:after {
  -webkit-transform: rotate(44deg) translateX(1px);
          transform: rotate(44deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
  .sProduct-detail-section .head .more .arrow:hover {
    color: #ffffff;
  }
  .sProduct-detail-section .head .more .arrow:hover s:before {
    -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
  }
  .sProduct-detail-section .head .more .arrow:hover s:after {
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
  }
}
@media screen and (max-width: 1024px) {
  .sProduct-detail-section .head .more .arrow:active {
    color: #ffffff;
  }
  .sProduct-detail-section .head .more .arrow:active s:before {
    -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
  }
  .sProduct-detail-section .head .more .arrow:active s:after {
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
  }
}
.sProduct-detail-section .head .more .arrow s {
  -webkit-transform: scale(0.75) translateX(3%);
          transform: scale(0.75) translateX(3%);
}
.sProduct-detail-section .head .more .arrow:after {
  content: " ";
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #d81920;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  -webkit-animation-name: AniDotScaleOut;
          animation-name: AniDotScaleOut;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.sProduct-detail-section .head .consult_btns {
  font-size: 0;
  text-align: right;
}
.sProduct-detail-section .head .consult_btns .btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  width: 150px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
}
.sProduct-detail-section .head .consult_btns .btn:after {
  background-color: rgba(0, 0, 0, 0.05);
}
.sProduct-detail-section .head .consult_btns .btn:nth-child(1n+2) {
  margin-left: 12px;
}
.sProduct-detail-section .body {
  margin-top: 20px;
}
.sProduct-detail-section .body .hr {
  margin-top: 40px;
  display: block;
  background-color: #cccccc;
}
@media screen and (max-width: 1024px) {
  .sProduct-detail-section:nth-child(1n+2) {
    margin-top: 0.8rem;
  }
  .sProduct-detail-section .head {
    height: 36px;
    line-height: 36px;
  }
  .sProduct-detail-section .head .l {
    padding-left: 12px;
    font-size: 18px;
  }
  .sProduct-detail-section .head .consult_btns .btn {
    width: 108px;
    height: 36px;
    line-height: 36px;
  }
  .sProduct-detail-section .body {
    margin-top: 0.4rem;
  }
  .sProduct-detail-section .body .hr {
    margin-top: 0.8rem;
  }
}
.sProduct-anchor {
  z-index: 80;
  position: fixed;
}
.sProduct-anchor .btn {
  position: relative;
  overflow: hidden;
  background-color: #e2e2e2;
  color: #333333;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.sProduct-anchor .btn.on {
  background-color: #d81920;
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .sProduct-anchor {
    top: 120%;
    right: 50%;
    margin-right: 740px;
  }
  .sProduct-anchor .btn {
    display: block;
    width: 48px;
    height: 48px;
  }
  .sProduct-anchor .btn:nth-child(1n+2) {
    margin-top: 2px;
  }
  .sProduct-anchor .btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    font-size: 16px;
    text-align: center;
    padding-left: 1px;
    letter-spacing: 1px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1600px) {
  .sProduct-anchor {
    margin-right: 640px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .sProduct-anchor {
    margin-right: 610px;
  }
}
@media screen and (max-width: 1024px) {
  .sProduct-anchor {
    display: none;
  }
}
.sProduct-parameter-tab {
  position: relative;
}
.sProduct-parameter-tab .Tg {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.sProduct-parameter-tab .Tg:after {
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #dfdfdf;
}
.sProduct-parameter-tab .Tg .btn {
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  color: #666666;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  padding: 20px 0;
}
.sProduct-parameter-tab .Tg .btn:after {
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  left: 100%;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #d81920;
}
.sProduct-parameter-tab .Tg .btn:nth-child(1n+2) {
  margin-left: 36px;
}
.sProduct-parameter-tab .Tg .btn.on {
  color: #d81920;
  font-weight: bold;
}
.sProduct-parameter-tab .Tg .btn.on:after {
  left: 0;
  width: 100%;
  -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
  transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
}
.sProduct-parameter-tab .Tt {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .sProduct-parameter-tab .Tg .btn {
    padding: 12px 0;
  }
  .sProduct-parameter-tab .Tg .btn:nth-child(1n+2) {
    margin-left: 20px;
  }
}
.sProduct-parameter-table,
.sProduct-parameter-table .tr,
.sProduct-parameter-table .td {
  border: none !important;
}
.sProduct-parameter-table .tr:nth-child(2n+2) {
  background-color: #f6f6f6;
}
.sProduct-parameter-table .td {
  padding: 15px 0;
  line-height: 20px;
}
.sProduct-parameter-table .td.td1 {
  width: 120px;
  text-align: right;
  color: #333333;
}
.sProduct-parameter-table .td.td2 {
  padding-left: 60px;
  color: #999999;
}
@media screen and (max-width: 1024px) {
  .sProduct-parameter-table .td {
    padding: 10px 0;
    line-height: 24px;
  }
  .sProduct-parameter-table .td.td1 {
    width: 6em;
  }
  .sProduct-parameter-table .td.td2 {
    padding-left: 0.8rem;
    padding-right: 0.6rem;
  }
}
.sProduct-photo-tab {
  position: relative;
}
.sProduct-photo-tab .Tt {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-bottom: 56.31578947%;
  background-color: #f1f1f1;
  background-color: #fff;
}
.sProduct-photo-tab .Tt img {
  -o-object-fit: contain;
     object-fit: contain;
}
.sProduct-photo-tab .Tt .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.sProduct-photo-tab .Tt .box .pic {
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
}
.sProduct-photo-tab .Tt .box.on {
  -webkit-transition: all 0ms ease-out 0ms;
  transition: all 0ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
  z-index: 6;
}
.sProduct-photo-tab .Tt .box.leave {
  -webkit-transition: all 0ms ease-out 0ms;
  transition: all 0ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
}
.sProduct-photo-tab .Tt .box.come {
  background-color: transparent;
}
.sProduct-photo-tab .Tt .box.come .pic {
  -webkit-clip-path: inset(0% 50%);
          clip-path: inset(0% 50%);
  -webkit-transition: 0ms;
  transition: 0ms;
}
.sProduct-photo-tab .Tt .box.on .pic {
  -webkit-clip-path: inset(0%);
          clip-path: inset(0%);
  -webkit-transition: all 330ms ease-out 0s;
  transition: all 330ms ease-out 0s;
}
.sProduct-photo-tab .Tg {
  position: relative;
  margin-top: 16px;
}
.sProduct-photo-tab .Tg .btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  width: 288px;
  z-index: 2;
}
.sProduct-photo-tab .Tg .btn:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: #d81920 solid 2px;
  z-index: 8;
  pointer-events: none;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.sProduct-photo-tab .Tg .btn:nth-child(1n+2) {
  margin-left: 16px;
}
.sProduct-photo-tab .Tg .btn .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 56.31578947%;
  background-color: #f1f1f1;
}
.sProduct-photo-tab .Tg .btn .pic img {
  -o-object-fit: contain;
     object-fit: contain;
}
.sProduct-photo-tab .Tg .btn.on:after {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0.8;
  visibility: visible;
}
@media screen and (max-width: 1024px) {
  .sProduct-photo-tab .Tg {
    margin-top: 0.4rem;
  }
  .sProduct-photo-tab .Tg .btn {
    width: 25vw;
  }
  .sProduct-photo-tab .Tg .btn:nth-child(1n+2) {
    margin-left: 0.4rem;
  }
}
.sProduct-relative-resMove {
  padding-top: 40px;
}
.sProduct-relative-resMove .shade {
  height: auto;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.sProduct-relative-resMove .box {
  position: relative !important;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.sProduct-relative-resMove .box:after {
  display: none;
}
.sProduct-relative-resMove._loaded .shade {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
}
.sProduct-relative-resMove .item {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  width: 400px;
  position: relative;
}
.sProduct-relative-resMove .item .tag {
  position: absolute;
  top: 6px;
  right: 12px;
  z-index: 9;
  pointer-events: none;
}
.sProduct-relative-resMove .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 56.31578947%;
  background-color: #f1f1f1;
  overflow: visible;
  background-color: transparent !important;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.sProduct-relative-resMove .item .pic img {
  -o-object-fit: contain;
     object-fit: contain;
}
.sProduct-relative-resMove .item .txt {
  padding: 0.9rem 0.4rem;
  text-align: center;
}
.sProduct-relative-resMove .item .txt .vmbox {
  text-align: left;
}
.sProduct-relative-resMove .item .txt .title {
  line-height: 30px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.sProduct-relative-resMove .item .txt .abstract {
  margin-top: 10px;
  color: #999999;
  line-height: 1.25em;
}
.sProduct-relative-resMove .item .txt .abstract p {
  position: relative;
}
.sProduct-relative-resMove .item .txt .abstract p:nth-child(1n+2) {
  margin-top: 0.375em;
}
.sProduct-relative-resMove .item:hover .pic {
  -webkit-filter: brightness(106%);
          filter: brightness(106%);
}
.sProduct-relative-resMove .item:hover .txt .title {
  color: #d81920;
}
@media screen and (max-width: 1024px) {
  .sProduct-relative-resMove .item .txt {
    padding-left: 0;
    padding-right: 0;
  }
  .sProduct-relative-resMove .item .txt .abstract {
    margin-top: 5px;
  }
}
.sProduct-relative-resMove .pagination.pagination_case {
  margin-top: 0 !important;
}
@media screen and (max-width: 1024px) {
  .sProduct-relative-resMove {
    margin-top: 0.8rem;
  }
}
.sProduct-project-tab {
  position: relative;
  padding-right: 410px;
}
.sProduct-project-tab .Tt {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-bottom: 62.56410256%;
  background-color: #f1f1f1;
  /* img {object-fit:contain;} */
}
.sProduct-project-tab .Tt .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all 400ms ease-out 0ms;
  transition: all 400ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.sProduct-project-tab .Tt .box .pic {
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
}
.sProduct-project-tab .Tt .box .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.sProduct-project-tab .Tt .box .txt .item {
  position: relative;
  line-height: 1.5;
  padding-left: 15px;
}
.sProduct-project-tab .Tt .box .txt .item:nth-child(1n+2) {
  margin-top: 10px;
}
.sProduct-project-tab .Tt .box .txt .item:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 12px;
  margin-top: -5px;
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 5px 6px;
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
}
.sProduct-project-tab .Tt .box .txt .item .sdt {
  font-weight: bold;
}
.sProduct-project-tab .Tt .box.on {
  -webkit-transition: all 540ms ease-out 0ms;
  transition: all 540ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  z-index: 6;
}
.sProduct-project-tab .Tg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 388px;
}
.sProduct-project-tab .Tg .oScroll {
  width: 100%;
  height: 100%;
}
.sProduct-project-tab .Tg .btn {
  position: relative;
  overflow: hidden;
  z-index: 2;
  display: block;
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #f6f6f6;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.sProduct-project-tab .Tg .btn:after {
  display: none;
}
.sProduct-project-tab .Tg .btn:nth-child(1n+2) {
  margin-top: 18px;
}
.sProduct-project-tab .Tg .btn:before {
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #d81920;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}
.sProduct-project-tab .Tg .btn .wrapIn {
  padding: 0 45px;
  font-weight: bold;
  color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  line-height: 1.4;
}
.sProduct-project-tab .Tg .btn.on:before {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
}
.sProduct-project-tab .Tg .btn.on .wrapIn {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .sProduct-project-tab {
    padding-right: 0;
  }
  .sProduct-project-tab .Tt .box .txt {
    padding: 12px;
  }
  .sProduct-project-tab .Tt .box .txt .item:before {
    top: 10.5px;
  }
  .sProduct-project-tab .Tt .box .txt .item:nth-child(1n+2) {
    margin-top: 5px;
  }
  .sProduct-project-tab .Tg {
    position: relative;
    width: 100%;
    margin-top: 12px;
  }
  .sProduct-project-tab .Tg .oScroll {
    overflow-x: auto;
    white-space: nowrap;
  }
  .sProduct-project-tab .Tg .btn {
    display: inline-block;
    vertical-align: top;
    height: auto;
  }
  .sProduct-project-tab .Tg .btn:nth-child(1n+2) {
    margin-left: 0.4rem;
    margin-top: 0;
  }
  .sProduct-project-tab .Tg .btn .wrapIn {
    padding: 0.4rem 0.6rem;
    font-size: 16px;
  }
}
.sProduct-imax .imax {
  color: #333333;
}
/* sCase */
.sCase-relative-resMove {
  position: relative;
}
.sCase-relative-resMove .shade {
  height: auto;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.sCase-relative-resMove .box {
  position: relative !important;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.sCase-relative-resMove .box:after {
  display: none;
}
.sCase-relative-resMove._loaded .shade {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
}
.sCase-relative-resMove .item {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  width: 400px;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.sCase-relative-resMove .item:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  pointer-events: none;
  background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%);
}
.sCase-relative-resMove .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 62.56410256%;
  background-color: #f1f1f1;
  /* img {object-fit:contain;} */
}
.sCase-relative-resMove .item .bottomIn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 48px;
  z-index: 6;
}
.sCase-relative-resMove .item .title {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
  padding: 15px;
  color: #fff;
}
.sCase-relative-resMove .item .more {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 68px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  padding-left: 0.04em;
  letter-spacing: 0.04em;
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .sCase-relative-resMove .item:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
  }
  .sCase-relative-resMove .item .bottomIn {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  .sCase-relative-resMove .item .bottomIn:before,
  .sCase-relative-resMove .item .bottomIn:after {
    content: " ";
    position: absolute;
    left: 100%;
    top: 100%;
    z-index: -1;
    pointer-events: none;
    background-color: #d81920;
    border-radius: 50%;
    -webkit-animation-name: rotate360;
            animation-name: rotate360;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  .sCase-relative-resMove .item .bottomIn:before {
    z-index: -2;
    opacity: .5;
    width: 45%;
    padding-bottom: 45%;
    -webkit-transform-origin: 52% 52%;
            transform-origin: 52% 52%;
    margin-left: -21%;
    margin-top: -26%;
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
  }
  .sCase-relative-resMove .item .bottomIn:after {
    width: 35%;
    padding-bottom: 35%;
    -webkit-transform-origin: 48% 48%;
            transform-origin: 48% 48%;
    margin-left: -10%;
    margin-top: -15%;
    -webkit-animation-delay: -1.5s;
            animation-delay: -1.5s;
  }
  .sCase-relative-resMove .item:hover:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
  }
  .sCase-relative-resMove .item:hover .bottomIn {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .sCase-relative-resMove .item:hover .bottomIn:before,
  .sCase-relative-resMove .item:hover .bottomIn:after {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
}
@media screen and (max-width: 1024px) {
  .sCase-relative-resMove .item .title {
    right: 0;
    text-align: center;
    padding: 0.4rem;
  }
  .sCase-relative-resMove .item .more {
    display: none;
  }
}
.sCase-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.sCase-list:after {
  display: none;
}
.sCase-list .item {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.sCase-list .item:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  pointer-events: none;
  background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%);
}
.sCase-list .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 62.56410256%;
  background-color: #f1f1f1;
  /* img {object-fit:contain;} */
}
.sCase-list .item .bottomIn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 48px;
  z-index: 6;
}
.sCase-list .item .title {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
  padding: 15px;
  color: #fff;
}
.sCase-list .item .more {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 68px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  padding-left: 0.04em;
  letter-spacing: 0.04em;
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .sCase-list .item:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
  }
  .sCase-list .item .bottomIn {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  .sCase-list .item .bottomIn:before,
  .sCase-list .item .bottomIn:after {
    content: " ";
    position: absolute;
    left: 100%;
    top: 100%;
    z-index: -1;
    pointer-events: none;
    background-color: #d81920;
    border-radius: 50%;
    -webkit-animation-name: rotate360;
            animation-name: rotate360;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  .sCase-list .item .bottomIn:before {
    z-index: -2;
    opacity: .5;
    width: 45%;
    padding-bottom: 45%;
    -webkit-transform-origin: 52% 52%;
            transform-origin: 52% 52%;
    margin-left: -21%;
    margin-top: -26%;
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
  }
  .sCase-list .item .bottomIn:after {
    width: 35%;
    padding-bottom: 35%;
    -webkit-transform-origin: 48% 48%;
            transform-origin: 48% 48%;
    margin-left: -10%;
    margin-top: -15%;
    -webkit-animation-delay: -1.5s;
            animation-delay: -1.5s;
  }
  .sCase-list .item:hover:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
  }
  .sCase-list .item:hover .bottomIn {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .sCase-list .item:hover .bottomIn:before,
  .sCase-list .item:hover .bottomIn:after {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
}
@media screen and (max-width: 1024px) {
  .sCase-list .item .title {
    right: 0;
    text-align: center;
    padding: 0.4rem;
  }
  .sCase-list .item .more {
    display: none;
  }
}
.sCase-list .item:nth-child(1n+1) {
  width: 32.5%;
  margin-left: 1.25%;
  margin-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sCase-list .item:nth-child( 3n+1) {
  margin-left: 0;
}
.sCase-list .item:nth-child( 1n+4) {
  margin-top: 1.25%;
}
@media screen and (max-width: 1024px) {
  .sCase-list .item:nth-child(1n+1) {
    width: 49%;
    margin-left: 2%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sCase-list .item:nth-child( 2n+1) {
    margin-left: 0;
  }
  .sCase-list .item:nth-child( 1n+3) {
    margin-top: 2%;
  }
}
.sCase-switch {
  position: relative;
  padding-left: 480px;
  height: 454px;
}
.sCase-switch .item {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sCase-switch .item .pic {
  width: 100%;
  height: 100%;
  -webkit-transition: all 600ms ease-out 0s;
  transition: all 600ms ease-out 0s;
  background-color: #f1f1f1;
}
.sCase-switch .Tt {
  position: absolute;
  left: 0;
  top: 0;
  width: 480px;
  height: 100%;
  background-color: #fff;
}
.sCase-switch .Tt .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 60px;
}
.sCase-switch .Tt .box .wrapIn {
  padding: 25px;
}
.sCase-switch .Tt .box .wrapIn .title {
  font-size: 22px;
  color: #333333;
  line-height: 30px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sCase-switch .Tt .box .wrapIn .abstract {
  margin-top: 40px;
  line-height: 1.75em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 5.25em;
  color: #666666;
}
.sCase-switch + .sCase-list {
  margin-top: 2.4rem;
}
.sCase-switch + .sCase-list:after {
  display: block;
  content: " ";
  position: absolute;
  left: 50%;
  top: 0;
  margin-top: -1.2rem;
  margin-left: -1500px;
  width: 3000px;
  height: 1.2rem;
  z-index: -1;
  pointer-events: none;
  visibility: visible;
  background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff);
}
@media screen and (min-width: 1025px) {
  .sCase-switch .Tt .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
  }
  .sCase-switch .Tt .box:after {
    display: none;
  }
  .sCase-switch .Tt .box.on {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
  }
  .sCase-switch .Tt .ctr_case {
    bottom: 0;
  }
  .sCase-switch .Tt .ctr_case.prev {
    right: 0;
  }
  .sCase-switch .Tt .ctr_case.next {
    left: 100%;
  }
  .sCase-switch .Tt .pagination_case {
    position: absolute;
    bottom: 35px;
    left: 25px;
    right: 80px;
    text-align: left;
  }
}
@media screen and (max-width: 1024px) {
  .sCase-switch {
    padding-left: 0;
    height: auto;
  }
  .sCase-switch .shade,
  .sCase-switch .box {
    position: relative !important;
    height: auto !important;
  }
  .sCase-switch .item .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 62.56410256%;
    background-color: #f1f1f1;
    /* img {object-fit:contain;} */
  }
  .sCase-switch .item.on {
    position: relative !important;
  }
  .sCase-switch .Tt {
    position: relative;
    width: 100%;
    height: auto;
  }
  .sCase-switch .Tt .box {
    padding-bottom: 0;
  }
  .sCase-switch .Tt .box .wrapIn {
    padding: 0.6rem 0;
  }
  .sCase-switch .Tt .box .wrapIn .title {
    font-size: 18px;
  }
  .sCase-switch .Tt .box .wrapIn .abstract {
    margin-top: 0.3rem;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3em;
    height: 3em;
  }
  .sCase-switch .Tt .ctr_case {
    bottom: 100%;
    margin-bottom: 31.28205128%;
    -webkit-transform: translateY(24px);
            transform: translateY(24px);
  }
  .sCase-switch .Tt .ctr_case.prev {
    left: 0;
  }
  .sCase-switch .Tt .ctr_case.next {
    right: 0;
  }
  .sCase-switch .Tt .pagination_case {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: 0.6rem;
    z-index: 9;
    text-align: center;
    width: 100%;
  }
}
.sCase-switch-clone {
  position: absolute;
  top: 0;
  width: 720px;
  height: 454px;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .sCase-switch-clone {
    display: none;
  }
}
.sCase-switch-prev {
  right: 100%;
  margin-right: 30px;
}
.sCase-switch-next {
  left: 100%;
  margin-left: 30px;
}
.sCase-intro {
  position: relative;
}
.sCase-intro .head {
  position: relative;
  padding-right: 140px;
}
.sCase-intro .head .title {
  line-height: 40px;
  color: #333333;
  font-weight: bold;
}
.sCase-intro .head .backToList {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #d81920;
}
.sCase-intro .body {
  margin-top: 40px;
  position: relative;
  min-height: 200px;
}
.sCase-intro .body .sCase-album {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .sCase-intro .head {
    padding-right: 100px;
  }
  .sCase-intro .head .title {
    line-height: 1.5;
  }
  .sCase-intro .head .backToList {
    width: 84px;
    height: 32px;
    line-height: 32px;
  }
  .sCase-intro .body {
    margin-top: 0.8rem;
  }
  .sCase-intro .body .sCase-album {
    margin-top: 0.8rem;
  }
}
.sCase-album .Tt {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-bottom: 56.31578947%;
  background-color: #f1f1f1;
}
.sCase-album .Tt img {
  -o-object-fit: contain;
     object-fit: contain;
}
.sCase-album .Tt .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.sCase-album .Tt .box .pic {
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
}
.sCase-album .Tt .box.on {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
  z-index: 6;
}
.sCase-album .Tt .ctr_caseAlbum.prev {
  left: -5px;
}
.sCase-album .Tt .ctr_caseAlbum.next {
  right: -5px;
}
.sCase-album .Tg {
  position: relative;
  margin-top: 20px;
}
.sCase-album .Tg .btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  width: 185px;
  z-index: 2;
}
.sCase-album .Tg .btn:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: #d81920 solid 2px;
  z-index: 8;
  pointer-events: none;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.sCase-album .Tg .btn:nth-child(1n+2) {
  margin-left: 18px;
}
.sCase-album .Tg .btn .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 62.56410256%;
  /* img {object-fit:contain;} */
  background-color: #f1f1f1;
}
.sCase-album .Tg .btn.on:after {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0.8;
  visibility: visible;
}
@media screen and (min-width: 1025px) {
  .sCase-album .Tt .ctr_caseAlbum {
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
  }
  .sCase-album .Tt .ctr_caseAlbum.prev {
    left: -100px;
  }
  .sCase-album .Tt .ctr_caseAlbum.next {
    right: -100px;
  }
  .sCase-album .Tt:hover .ctr_caseAlbum.prev {
    left: -5px;
  }
  .sCase-album .Tt:hover .ctr_caseAlbum.next {
    right: -5px;
  }
}
@media screen and (max-width: 1024px) {
  .sCase-album .Tg {
    margin-top: 0.4rem;
  }
  .sCase-album .Tg .btn {
    width: 106px;
  }
  .sCase-album .Tg .btn:nth-child(1n+2) {
    margin-left: 10px;
  }
  .sCase-album .Tg .ctr_pdtAlbum.prev {
    left: 0;
  }
  .sCase-album .Tg .ctr_pdtAlbum.next {
    right: 0;
  }
}
/* sFactory */
.sFactory-resMove {
  position: relative;
}
.sFactory-resMove .shade {
  height: auto;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.sFactory-resMove .box {
  position: relative !important;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.sFactory-resMove .box:after {
  display: none;
}
.sFactory-resMove._loaded .shade {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
}
.sFactory-resMove .item {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  width: 400px;
}
.sFactory-resMove .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 62.69430052%;
  background-color: #f1f1f1;
  /* img {object-fit:contain;} */
}
.sFactory-resMove .item .pic:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 7;
  pointer-events: none;
  background-image: url(../images/btns-zoomer.png);
  background-size: 80px auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.sFactory-resMove .item .title {
  margin-top: 4px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  background-color: #f6f6f6;
  padding: 0 15px;
}
@media screen and (min-width: 1025px) {
  .sFactory-resMove .item:hover .pic:after {
    -webkit-transition: all 400ms ease-out 0ms;
    transition: all 400ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
            transform: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .sFactory-resMove .item .pic:after {
    background-size: 64px 64px;
  }
  .sFactory-resMove .item:active .pic:after {
    -webkit-transition: all 400ms ease-out 0ms;
    transition: all 400ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
            transform: none !important;
  }
}
/* sAfterSale */
.sAfterSale-wrap {
  background-color: #f5f5f5;
}
.sAfterSale-wrap .axd {
  margin-top: 0 !important;
}
.sAfterSale-section2 {
  padding-top: 55px;
  padding-bottom: 55px;
}
.sAfterSale-section2 .head {
  text-align: center;
  font-weight: bold;
  color: #d81920;
}
.sAfterSale-section2 .aside {
  margin-top: 25px;
  line-height: 1.75;
  text-align: center;
}
.sAfterSale-section2 .list6 {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.sAfterSale-section2 .list6:after {
  display: none;
}
.sAfterSale-section2 .list6 .item {
  background-color: #fff;
  border: #e4e4e4 solid 1px;
  text-align: center;
  padding: 35px 40px 50px;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.sAfterSale-section2 .list6 .item:nth-child(1n+1) {
  width: 32%;
  margin-left: 2%;
  margin-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sAfterSale-section2 .list6 .item:nth-child( 3n+1) {
  margin-left: 0;
}
.sAfterSale-section2 .list6 .item:nth-child( 1n+4) {
  margin-top: 2%;
}
.sAfterSale-section2 .list6 .item .icoImg {
  width: 140px;
  height: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.sAfterSale-section2 .list6 .item .dt {
  margin-top: 15px;
  color: #333333;
  font-weight: bold;
  line-height: 1.5;
}
.sAfterSale-section2 .list6 .item .dd {
  margin-top: 25px;
  line-height: 1.75em;
  color: #666666;
}
@media screen and (min-width: 1025px) {
  .sAfterSale-section2 .list6 .item:hover {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  }
  .sAfterSale-section2 .list6 .item:hover .icoImg {
    -webkit-transform: rotateY(360deg) translateY(-2px);
            transform: rotateY(360deg) translateY(-2px);
  }
}
@media screen and (max-width: 1024px) {
  .sAfterSale-section2 {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
  }
  .sAfterSale-section2 .aside {
    margin-top: 0.5rem;
  }
  .sAfterSale-section2 .list6 {
    margin-top: 0.8rem;
  }
  .sAfterSale-section2 .list6 .item {
    padding: 0.6rem 0.7rem 1rem;
  }
  .sAfterSale-section2 .list6 .item:nth-child(1n+1) {
    width: 49%;
    margin-left: 2%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sAfterSale-section2 .list6 .item:nth-child( 2n+1) {
    margin-left: 0;
  }
  .sAfterSale-section2 .list6 .item:nth-child( 1n+3) {
    margin-top: 2%;
  }
  .sAfterSale-section2 .list6 .item .icoImg {
    width: 112px;
    height: 80px;
  }
  .sAfterSale-section2 .list6 .item .dt {
    margin-top: 0.3rem;
  }
  .sAfterSale-section2 .list6 .item .dd {
    margin-top: 0.5rem;
    line-height: 1.5;
  }
}
/* sMaintenance */
.sMaintenance-tab {
  z-index: 2;
  position: relative;
  overflow: hidden;
  padding: 90px 0 110px;
}
.sMaintenance-tab .contain {
  position: relative;
  padding-left: 332px;
}
.sMaintenance-tab .contain .Tt {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 510px;
  background-color: #fff;
}
.sMaintenance-tab .contain .Tt .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #fff;
  color: #333333;
  -webkit-transition: all 400ms ease-out 0ms;
  transition: all 400ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  padding: 35px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sMaintenance-tab .contain .Tt .box.on {
  -webkit-transition: all 540ms ease-out 0ms;
  transition: all 540ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  z-index: 6;
}
.sMaintenance-tab .contain .Tg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 330px;
}
.sMaintenance-tab .contain .Tg .oScroll {
  width: 100%;
  height: 100%;
}
.sMaintenance-tab .contain .Tg .btn {
  position: relative;
  z-index: 2;
  display: block;
  width: 310px;
  margin-right: 20px;
  line-height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: #fff;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  text-align: center;
}
.sMaintenance-tab .contain .Tg .btn:after {
  display: none;
}
.sMaintenance-tab .contain .Tg .btn:nth-child(1n+2) {
  margin-top: 30px;
}
.sMaintenance-tab .contain .Tg .btn:before {
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -10px;
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 10px 12px;
  border-color: transparent transparent transparent #d81920;
  border-style: solid;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}
.sMaintenance-tab .contain .Tg .btn .wrapIn {
  padding: 0.4rem;
  color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  line-height: 1.4;
}
.sMaintenance-tab .contain .Tg .btn.on {
  background-color: #d81920;
}
.sMaintenance-tab .contain .Tg .btn.on:before {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
}
.sMaintenance-tab .contain .Tg .btn.on .wrapIn {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .sMaintenance-tab .contain {
    padding-left: 0;
  }
  .sMaintenance-tab .contain .Tt {
    height: 12rem;
  }
  .sMaintenance-tab .contain .Tt .box {
    padding: 0.8rem 0.2rem 0.8rem 0.8rem;
  }
  .sMaintenance-tab .contain .Tt .box .module-Scrollbox {
    padding-right: 0.6rem;
  }
  .sMaintenance-tab .contain .Tg {
    position: relative;
    width: 100%;
    margin-top: 12px;
  }
  .sMaintenance-tab .contain .Tg .oScroll {
    overflow-x: auto;
    white-space: nowrap;
  }
  .sMaintenance-tab .contain .Tg .btn {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px !important;
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 0;
  }
  .sMaintenance-tab .contain .Tg .btn:nth-child(1n+2) {
    margin-left: 0.4rem;
  }
  .sMaintenance-tab .contain .Tg .btn:before {
    border-color: transparent transparent #d81920 transparent;
    left: 50%;
    margin-left: -10px;
    margin-top: 2px;
    top: auto;
    bottom: 100%;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    border-width: 8px 10px;
  }
  .sMaintenance-tab .contain .Tg .btn .wrapIn {
    padding: 0.4rem 0.6rem;
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .sMaintenance-tab {
    padding: 1.2rem 0 1.6rem;
  }
}
/* sWarranty */
/* sQuestion */
.sQuestion-list {
  margin-top: -40px;
}
.sQuestion-list .item {
  background-color: #fff;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  position: relative;
  z-index: 2;
}
.sQuestion-list .item:after {
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0;
  background-color: #f7f8f9;
}
.sQuestion-list .item .contain {
  padding: 40px 65px;
  border-bottom: #f6f6f6 solid 1px;
}
.sQuestion-list .item .question {
  position: relative;
  cursor: pointer;
  min-height: 30px;
  line-height: 30px;
  padding: 5px 0;
}
.sQuestion-list .item .question .snum {
  position: absolute;
  left: -65px;
  top: 0;
  width: 45px;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  background-color: #999999;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #fff;
  text-align: center;
  z-index: 2;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.sQuestion-list .item .question .snum:before {
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -8px;
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 8px 8px;
  border-color: transparent transparent transparent #999999;
  border-style: solid;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.sQuestion-list .item .question .title {
  color: #333333;
}
.sQuestion-list .item .question .arrow {
  position: absolute;
  right: -60px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #999999;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  color: #ffffff;
}
.sQuestion-list .item .question .arrow s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .sQuestion-list .item .question .arrow s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}
.ysqUEO .sQuestion-list .item .question .arrow s:before,
.ysqUEO .sQuestion-list .item .question .arrow s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  margin-top: -0.5px;
  background-color: #ffffff;
  margin-left: -6px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.ysqUEO .sQuestion-list .item .question .arrow s:before {
  -webkit-transform: rotate(-44deg) translateX(0.5px);
          transform: rotate(-44deg) translateX(0.5px);
}
.ysqUEO .sQuestion-list .item .question .arrow s:after {
  -webkit-transform: rotate(44deg) translateX(0.5px);
          transform: rotate(44deg) translateX(0.5px);
}
@media screen and (min-width: 1025px) {
  .sQuestion-list .item .question .arrow:hover {
    color: #ffffff;
  }
  .sQuestion-list .item .question .arrow:hover s:before {
    -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
  }
  .sQuestion-list .item .question .arrow:hover s:after {
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
  }
}
@media screen and (max-width: 1024px) {
  .sQuestion-list .item .question .arrow:active {
    color: #ffffff;
  }
  .sQuestion-list .item .question .arrow:active s:before {
    -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
  }
  .sQuestion-list .item .question .arrow:active s:after {
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
  }
}
.sQuestion-list .item .answer {
  display: none;
}
.sQuestion-list .item .answer .imax {
  padding-top: 35px;
}
.sQuestion-list .item.unfold:after {
  top: 0;
  height: 100%;
  -webkit-transition: top 0ms ease-out 0s, height 220ms ease-out 0s;
  transition: top 0ms ease-out 0s, height 220ms ease-out 0s;
}
.sQuestion-list .item.unfold .question .snum {
  background-color: #d81920;
}
.sQuestion-list .item.unfold .question .snum:before {
  border-left-color: #d81920;
}
.sQuestion-list .item.unfold .question .arrow {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: #d81920;
}
@media screen and (min-width: 1025px) {
  .sQuestion-list .item .arrow:hover {
    background-color: #d81920;
  }
  .sQuestion-list .item:hover .question .arrow {
    right: -66px;
  }
  .sQuestion-list .item:hover .question .snum {
    background-color: #d81920;
  }
  .sQuestion-list .item:hover .question .snum:before {
    border-left-color: #d81920;
  }
  .sQuestion-list .item:hover .question .arrow {
    background-color: #d81920;
  }
}
@media screen and (max-width: 1024px) {
  .sQuestion-list {
    margin-top: -0.8rem;
  }
  .sQuestion-list .item .contain {
    padding: 0.8rem 0;
  }
  .sQuestion-list .item .question .snum {
    left: 0;
    position: relative;
    float: left;
    color: #333333;
    background-color: transparent !important;
    width: auto;
    height: auto;
    line-height: inherit;
  }
  .sQuestion-list .item .question .snum:before {
    display: none;
  }
  .sQuestion-list .item .question .snum:after {
    content: " ";
    width: .5em;
    height: 1px;
    display: inline-block;
    vertical-align: top;
  }
  .sQuestion-list .item .question .arrow {
    right: 0;
    margin-top: -16px;
    width: 32px;
    height: 32px;
  }
  .sQuestion-list .item .question .arrow s {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
  .sQuestion-list .item .answer .imax {
    padding: 0.7rem 0.8rem 0;
  }
}
.sQuestion-list.list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin-top: 0;
}
.sQuestion-list.list2:after {
  display: none;
}
.sQuestion-list.list2 .item:nth-child(1n+1) {
  width: 48%;
  margin-left: 4%;
  margin-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sQuestion-list.list2 .item:nth-child( 2n+1) {
  margin-left: 0;
}
.sQuestion-list.list2 .item:nth-child( 1n+3) {
  margin-top: 2%;
}
.sQuestion-list.list2 .item .contain {
  padding: 20px 65px;
}
@media screen and (max-width: 1024px) {
  .sQuestion-list.list2 .item:nth-child(1n+1) {
    width: 100%;
    margin-left: 0%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sQuestion-list.list2 .item:nth-child( 1n+1) {
    margin-left: 0;
  }
  .sQuestion-list.list2 .item:nth-child( 1n+2) {
    margin-top: 0%;
  }
  .sQuestion-list.list2 .item .contain {
    padding: 0.6rem 0;
  }
  .sQuestion-list.list2 .item:nth-child(1n+2) {
    margin-top: 2%;
  }
}
/* sDepreciation,.sComponent */
.sDepreciation-list,
.sComponent-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  width: 100%;
  margin-top: 35px;
}
.sDepreciation-list:after,
.sComponent-list:after {
  display: none;
}
.sDepreciation-list .item:nth-child(1n+1),
.sComponent-list .item:nth-child(1n+1) {
  width: 32%;
  margin-left: 2%;
  margin-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sDepreciation-list .item:nth-child( 3n+1),
.sComponent-list .item:nth-child( 3n+1) {
  margin-left: 0;
}
.sDepreciation-list .item:nth-child( 1n+4),
.sComponent-list .item:nth-child( 1n+4) {
  margin-top: 0%;
}
.sDepreciation-list .item .pic,
.sComponent-list .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 62.63157895%;
  background-color: #f1f1f1;
}
.sDepreciation-list .item .title,
.sComponent-list .item .title {
  text-align: center;
  padding: 15px;
  line-height: 20px;
}
@media screen and (max-width: 1024px) {
  .sDepreciation-list,
  .sComponent-list {
    margin-top: 0.7rem;
  }
  .sDepreciation-list .item:nth-child(1n+1),
  .sComponent-list .item:nth-child(1n+1) {
    width: 49%;
    margin-left: 2%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sDepreciation-list .item:nth-child( 2n+1),
  .sComponent-list .item:nth-child( 2n+1) {
    margin-left: 0;
  }
  .sDepreciation-list .item:nth-child( 1n+3),
  .sComponent-list .item:nth-child( 1n+3) {
    margin-top: 0%;
  }
}
.sDepreciation-form,
.sComponent-form {
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding-top: 50px;
}
.sDepreciation-form:after,
.sComponent-form:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2.4rem;
  z-index: -1;
  pointer-events: none;
  background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff);
}
@media screen and (max-width: 1024px) {
  .sDepreciation-form,
  .sComponent-form {
    padding-top: 1rem;
  }
}
.sDepreciation-form.skinspe,
.sComponent-form.skinspe {
  padding-top: 0 !important;
}
.sDepreciation-form.skinspe:after,
.sComponent-form.skinspe:after {
  display: none;
}
/* sProject */
.sProject-list .item {
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.sProject-list .item:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sProject-list .item {
    display: block;
  }
}
.sProject-list .item .snum {
  position: absolute;
  z-index: 8;
  pointer-events: none;
  top: 0;
  width: 64px;
  height: 100px;
  background-color: #d81920;
  -webkit-clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0);
          clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0);
  text-align: center;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sProject-list .item .snum span {
  display: inline-block;
  vertical-align: top;
  padding: 20px 0 10px;
  border-bottom: #ffffff solid 2px;
}
.sProject-list .item .pic {
  height: 0 !important;
  padding-bottom: 31.25%;
  width: 50%;
}
.sProject-list .item .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 50%;
  max-height: 375px;
}
.sProject-list .item .txt:after {
  display: none;
}
.sProject-list .item .txt .wrapIn {
  padding: 30px 50px;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
}
.sProject-list .item .txt .title {
  font-weight: bold;
  color: #d81920;
  line-height: 1.25;
}
.sProject-list .item .txt .oList {
  margin-top: 30px;
}
.sProject-list .item .txt .oList .oLi {
  position: relative;
  overflow: hidden;
  padding-left: 20px;
  z-index: 1;
  line-height: 1.625;
  color: #666666;
}
.sProject-list .item .txt .oList .oLi:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0.8125em;
  margin-top: -5px;
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 5px 6px;
  border-color: transparent transparent transparent #d81920;
  border-style: solid;
}
.sProject-list .item .txt .oList .oLi:nth-child(1n+2) {
  margin-top: 20px;
}
.sProject-list .item .txt .oList .oLi .sdt {
  color: #d81920;
  font-weight: bold;
}
.sProject-list .item:nth-child(2n+1) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.sProject-list .item:nth-child(2n+1) .snum {
  left: 0;
}
.sProject-list .item:nth-child(2n+2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.sProject-list .item:nth-child(2n+2) .snum {
  right: 0;
}
@media screen and (max-width: 1024px) {
  .sProject-list .item .snum {
    left: 0;
    width: 48px;
    height: 72px;
  }
  .sProject-list .item .snum span {
    padding: 12px 0 6px;
  }
  .sProject-list .item .pic,
  .sProject-list .item .txt {
    width: 100%;
    max-height: auto;
  }
  .sProject-list .item .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 62.5%;
  }
  .sProject-list .item .txt .wrapIn {
    padding: 1rem;
  }
  .sProject-list .item .txt .title {
    font-size: 20px;
    line-height: 1.5;
  }
  .sProject-list .item .txt .oList {
    margin-top: 0.6rem;
  }
  .sProject-list .item .txt .oList .oLi {
    padding-left: 12px;
  }
  .sProject-list .item .txt .oList .oLi:nth-child(1n+2) {
    margin-top: 0.4rem;
  }
}
/* sAbout */
.sAbout-intro {
  position: relative;
  z-index: 3;
  padding: 50px 0 60px;
  margin-top: -50px;
}
.sAbout-intro .arrow {
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: -50px;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  background-color: #fff;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  z-index: -1;
  pointer-events: none;
  color: #d81920;
}
.sAbout-intro .arrow s {
  -webkit-transform: rotate(90deg) translateX(6px);
          transform: rotate(90deg) translateX(6px);
}
.sAbout-intro .arrow s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .sAbout-intro .arrow s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}
.ysqUEO .sAbout-intro .arrow s:before,
.ysqUEO .sAbout-intro .arrow s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 3px;
  margin-top: -1.5px;
  background-color: #d81920;
  margin-left: -15px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.ysqUEO .sAbout-intro .arrow s:before {
  -webkit-transform: rotate(-44deg) translateX(1.5px);
          transform: rotate(-44deg) translateX(1.5px);
}
.ysqUEO .sAbout-intro .arrow s:after {
  -webkit-transform: rotate(44deg) translateX(1.5px);
          transform: rotate(44deg) translateX(1.5px);
}
@media screen and (min-width: 1025px) {
  .sAbout-intro .arrow:hover {
    color: #d81920;
  }
  .sAbout-intro .arrow:hover s:before {
    -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
  }
  .sAbout-intro .arrow:hover s:after {
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
  }
}
@media screen and (max-width: 1024px) {
  .sAbout-intro .arrow:active {
    color: #d81920;
  }
  .sAbout-intro .arrow:active s:before {
    -webkit-transform: rotate(-44deg);
            transform: rotate(-44deg);
  }
  .sAbout-intro .arrow:active s:after {
    -webkit-transform: rotate(44deg);
            transform: rotate(44deg);
  }
}
.sAbout-intro + div {
  z-index: 2;
}
.sAbout-intro .digitalData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding-top: 20px;
}
.sAbout-intro .digitalData:after {
  display: none;
}
.sAbout-intro .digitalData .col {
  padding: 0 30px;
  text-align: center;
}
.sAbout-intro .digitalData .col .sdt {
  color: #d81920;
}
.sAbout-intro .digitalData .col .sdt i {
  display: inline-block;
  vertical-align: top;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-right: 5px;
}
.sAbout-intro .digitalData .col .sdt sub,
.sAbout-intro .digitalData .col .sdt sup {
  line-height: 30px;
}
.sAbout-intro .digitalData .col .sdt sub {
  display: inline-block;
  vertical-align: bottom;
  font-size: 16px;
}
.sAbout-intro .digitalData .col .sdt sup {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
}
.sAbout-intro .digitalData .col .sdd {
  color: #333333;
  line-height: 1.25;
  margin-top: 5px;
}
.sAbout-intro .imax {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .sAbout-intro {
    padding: 1rem 0 1.2rem;
    margin-top: -1rem;
  }
  .sAbout-intro .arrow {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  .sAbout-intro .digitalData {
    padding-top: 0.4rem;
  }
  .sAbout-intro .digitalData .col {
    padding: 0 5px;
  }
  .sAbout-intro .digitalData .col .sdd {
    max-width: 5em;
    margin-left: auto;
    margin-right: auto;
  }
  .sAbout-intro .imax {
    margin-top: 0.6rem;
  }
}
@media screen and (max-width: 640px) {
  .sAbout-intro .digitalData .col .sdt i {
    font-size: 22px;
    margin-right: 2px;
  }
  .sAbout-intro .digitalData .col .sdt sub,
  .sAbout-intro .digitalData .col .sdt sup {
    line-height: 1;
  }
  .sAbout-intro .digitalData .col .sdt sub {
    font-size: 12px;
  }
  .sAbout-intro .digitalData .col .sdt sup {
    font-size: 14px;
  }
  .sAbout-intro .digitalData .col .sdd {
    font-size: 12px;
  }
}
.sAbout-honor {
  position: relative;
  padding: 100px 0;
}
.sAbout-honor-switch {
  width: 480px;
  max-width: 100%;
}
.sAbout-honor-switch .shade {
  width: 100%;
  height: 0 !important;
  padding-bottom: 75%;
  background-color: #ebebeb;
}
.sAbout-honor-switch .item {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ebebeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
}
.sAbout-honor-switch .item .pic {
  width: 100%;
  height: 100%;
}
.sAbout-honor-switch .item .pic img {
  -o-object-fit: contain;
     object-fit: contain;
}
.sAbout-honor-switch .pagination_case {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 15px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .sAbout-honor-switch {
    padding-bottom: 20px;
  }
  .sAbout-honor-switch .pagination_case {
    margin-top: -10px;
  }
}
.sAbout-honor .contain {
  background-color: #fff;
  border-radius: 16px;
  padding: 50px;
}
.sAbout-honor .txt {
  margin-right: 530px;
  min-height: 360px;
  padding: 10px 0;
}
.sAbout-honor .sAbout-honor-switch {
  position: absolute;
  right: 50px;
  top: 50px;
}
@media screen and (max-width: 1024px) {
  .sAbout-honor {
    padding: 2rem 0;
  }
  .sAbout-honor .contain {
    padding: 1rem;
  }
  .sAbout-honor .txt {
    margin-right: 0;
    margin-top: 0.4rem;
    min-height: 0;
  }
  .sAbout-honor .sAbout-honor-switch {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
  }
  .sAbout-honor .sAbout-honor-switch .item {
    padding: 0.6rem;
  }
}
.sAbout-factory {
  padding: 50px 0;
}
.sAbout-factory .description {
  line-height: 1.875;
  color: #666666;
}
.sAbout-factory .head {
  margin-bottom: 20px;
  margin-top: 30px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding: 15px;
  color: #fff;
  background-color: #d81920;
}
@media screen and (max-width: 1024px) {
  .sAbout-factory {
    padding: 1rem 0;
  }
  .sAbout-factory .head {
    margin-top: 0.6rem;
    margin-bottom: 0.4rem;
    padding: 0.3rem;
  }
}
.sAbout-culture .oList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin-top: 40px;
}
.sAbout-culture .oList:after {
  display: none;
}
.sAbout-culture .oList .oLi {
  position: relative;
  width: 232px;
}
.sAbout-culture .oList .oLi:nth-child(2n+1) {
  margin-bottom: 30px;
}
.sAbout-culture .oList .oLi:nth-child(2n+2) {
  margin-top: 30px;
}
.sAbout-culture .oList .oLi .pic {
  background-color: #f1f1f1;
}
.sAbout-culture .oList .oLi .txt {
  z-index: 8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.sAbout-culture .oList .oLi .txt:after {
  display: none;
}
.sAbout-culture .oList .oLi .txt .wrapIn {
  position: relative;
  padding: 20px 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 5;
  color: #fff;
  text-shadow: 1px 1.732px 6px rgba(0, 0, 0, 0.72);
  text-align: center;
  white-space: normal;
}
.sAbout-culture .oList .oLi .txt .wrapIn .dt {
  line-height: 1.5;
}
.sAbout-culture .oList .oLi .txt .wrapIn .dd {
  line-height: 1.5;
}
.sAbout-culture .oList .oLi .txt .wrapIn .dd:before {
  content: " ";
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 30px;
  height: 3px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}
.sAbout-culture .oList .oLi .txt {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.sAbout-culture .oList .oLi ._loaded + .txt {
  -webkit-transition: all 400ms ease-out 200ms;
  transition: all 400ms ease-out 200ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
}
@media screen and (min-width: 1025px) {
  .sAbout-culture .oList .oLi .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 166.37931034%;
  }
  .sAbout-culture .oList .oLi .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .sAbout-culture .oList {
    margin-top: 0.8rem;
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .sAbout-culture .oList .oLi {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    min-width: 220px;
  }
  .sAbout-culture .oList .oLi .pic {
    width: 100%;
    height: 0 !important;
    padding-bottom: 124.78448276%;
  }
  .sAbout-culture .oList .oLi .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .sAbout-culture .oList .oLi:nth-child(1n+2) {
    margin-left: 10px;
  }
  .sAbout-culture .oList .oLi:nth-child(1n+1) {
    margin-top: 0;
    margin-bottom: 0;
  }
}
/* sHonor */
.sHonor-wrap {
  padding-top: 0;
}
.sHonor-brand {
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding-top: 50px;
}
.sHonor-brand + .sHonor-awards:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2.4rem;
  z-index: -1;
  pointer-events: none;
  background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff);
}
@media screen and (max-width: 1024px) {
  .sHonor-brand {
    padding-top: 1rem;
  }
}
.sHonor-brand .oList {
  position: relative;
  margin-top: 40px;
  padding-bottom: 20px;
}
.sHonor-brand .oList .oLi {
  position: relative;
}
.sHonor-brand .oList .oLi .dt {
  position: relative;
  overflow: hidden;
}
.sHonor-brand .oList .oLi .dt span {
  position: relative;
  z-index: 2;
  display: block;
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
  width: 360px ;
  color: #fff;
  font-weight: bold;
}
.sHonor-brand .oList .oLi .dt span,
.sHonor-brand .oList .oLi .dt:before,
.sHonor-brand .oList .oLi .dt:after {
  background-image: url(../images/bgs-axdvantage.png);
  background-size: 100% 100%;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 61.8%;
}
.sHonor-brand .oList .oLi .dt:before,
.sHonor-brand .oList .oLi .dt:after {
  content: " ";
  position: absolute;
  top: 0;
  pointer-events: none;
  width: 360px;
  height: 100%;
}
.sHonor-brand .oList .oLi .dt:before {
  left: 10px;
  opacity: .5;
  z-index: -1;
}
.sHonor-brand .oList .oLi .dt:after {
  left: 20px;
  opacity: .2;
  z-index: -2;
}
.sHonor-brand .oList .oLi .dd {
  padding: 25px 15px;
  color: #333333;
}
@media screen and (max-width: 1024px) {
  .sHonor-brand .oList {
    margin-top: 0.8rem;
    padding-bottom: 0.4rem;
  }
  .sHonor-brand .oList .oLi .dt span {
    height: 36px;
    line-height: 36px;
  }
  .sHonor-brand .oList .oLi .dd {
    padding: 0.6rem;
  }
}
.sHonor-awards {
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding-top: 50px;
}
.sHonor-awards + .sHonor-brand {
  margin-top: 40px;
}
.sHonor-awards + .sHonor-brand:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2.4rem;
  z-index: -1;
  pointer-events: none;
  background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff);
}
@media screen and (max-width: 1024px) {
  .sHonor-awards {
    padding-top: 1rem;
  }
  .sHonor-awards + .sHonor-brand {
    margin-top: 0.8rem;
  }
}
.sHonor-awards-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin-top: 40px;
}
.sHonor-awards-list:after {
  display: none;
}
.sHonor-awards-list .item {
  padding: 0.7rem;
  background-image: url(../images/bgs-honor-awards-item.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sHonor-awards-list .item:nth-child(1n+1) {
  width: 24%;
  margin-left: 1.33333333%;
  margin-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sHonor-awards-list .item:nth-child( 4n+1) {
  margin-left: 0;
}
.sHonor-awards-list .item:nth-child( 1n+5) {
  margin-top: 1.33333333%;
}
.sHonor-awards-list .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 75%;
  background-color: transparent !important;
}
.sHonor-awards-list .item .pic.loading {
  background-color: #fff !important;
}
.sHonor-awards-list .item .pic img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 1025px) {
  .sHonor-awards-list .item .pic {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .sHonor-awards-list .item:hover .pic {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media screen and (max-width: 1024px) {
  .sHonor-awards-list {
    margin-top: 0.8rem;
  }
  .sHonor-awards-list .item:nth-child(1n+1) {
    width: 32.5%;
    margin-left: 1.25%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sHonor-awards-list .item:nth-child( 3n+1) {
    margin-left: 0;
  }
  .sHonor-awards-list .item:nth-child( 1n+4) {
    margin-top: 1.25%;
  }
}
@media screen and (max-width: 640px) {
  .sHonor-awards-list .item:nth-child(1n+1) {
    width: 49%;
    margin-left: 2%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sHonor-awards-list .item:nth-child( 2n+1) {
    margin-left: 0;
  }
  .sHonor-awards-list .item:nth-child( 1n+3) {
    margin-top: 2%;
  }
}
/* sTerritory */
.sTerritory-distribution {
  padding-bottom: 50px;
  /* citymapSearch */
}
@media screen and (max-width: 1024px) {
  .sTerritory-distribution {
    padding-bottom: 1rem;
  }
}
.sTerritory-distribution .maps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.sTerritory-distribution .maps:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sTerritory-distribution .maps {
    display: block;
  }
}
.sTerritory-distribution .citymapSearch {
  position: relative;
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  background-repeat: repeat;
  margin-top: 40px;
  width: 830px;
}
@media screen and (max-width: 1024px) {
  .sTerritory-distribution .citymapSearch {
    margin-top: 0.8rem;
  }
}
.sTerritory-distribution .citymapSearch .mapBox {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 0 !important;
  padding-bottom: 80.72289157%;
  font-size: 100px;
}
.sTerritory-distribution .citymapSearch .mapImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
.sTerritory-distribution .citymapSearch .mapList {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sTerritory-distribution .citymapSearch .mapList li {
  z-index: 1;
  position: absolute;
  width: 0.2em;
  height: 0.3em;
}
.sTerritory-distribution .citymapSearch .mapList li .piece {
  position: absolute;
  display: none;
  z-index: -1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.sTerritory-distribution .citymapSearch .mapList li .mapText {
  width: 80px;
  text-align: center;
  position: absolute;
  bottom: -8px;
  z-index: 10;
  left: 50%;
  margin-left: -40px;
  font-size: 14px;
  color: #444343;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sTerritory-distribution .citymapSearch .mapList li .dot {
  position: absolute;
  width: 20px;
  height: 20px;
  pointer-events: none;
  z-index: 4;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.sTerritory-distribution .citymapSearch .mapList li .dot:before,
.sTerritory-distribution .citymapSearch .mapList li .dot:after {
  content: " ";
  background-color: #d81920;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
}
.sTerritory-distribution .citymapSearch .mapList li .dot:before {
  z-index: 1;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
}
.sTerritory-distribution .citymapSearch .mapList li .dot:after {
  z-index: -1;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  opacity: .2;
}
.sTerritory-distribution .citymapSearch .mapList li.active .dot {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
}
.sTerritory-distribution .citymapSearch .mapList li.main .mapText {
  color: #fefefe;
}
.sTerritory-distribution .citymapSearch .mapList li.main .piece {
  display: block;
}
.sTerritory-distribution .citymapSearch .mapList li.main .dot:before,
.sTerritory-distribution .citymapSearch .mapList li.main .dot:after {
  background-color: #fff;
}
.sTerritory-distribution .citymapSearch .mapList li.main .dot:after {
  -webkit-animation-name: breath_dot;
          animation-name: breath_dot;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.sTerritory-distribution .citymapSearch .mapList li.SX {
  top: 50.74626866%;
  left: 57.22891566%;
}
.sTerritory-distribution .citymapSearch .mapList li.SX .piece {
  top: -0.75em;
  left: -0.34em;
  width: 0.78em;
  height: 1.43em;
}
.sTerritory-distribution .citymapSearch .mapList li.NX {
  top: 42.53731343%;
  left: 52.04819277%;
}
.sTerritory-distribution .citymapSearch .mapList li.NX .piece {
  top: -0.14em;
  left: -0.12em;
  width: 0.46em;
  height: 0.7em;
}
.sTerritory-distribution .citymapSearch .mapList li.GS {
  top: 47.76119403%;
  left: 49.39759036%;
}
.sTerritory-distribution .citymapSearch .mapList li.GS .piece {
  top: -1.24em;
  left: -1.51em;
  width: 2.22em;
  height: 1.97em;
}
.sTerritory-distribution .citymapSearch .mapList li.SC {
  top: 58.20895522%;
  left: 47.22891566%;
  height: 45px;
}
.sTerritory-distribution .citymapSearch .mapList li.SC .dot {
  top: 15px;
}
.sTerritory-distribution .citymapSearch .mapList li.SC .piece {
  top: -0.28em;
  left: -0.77em;
  width: 1.53em;
  height: 1.54em;
}
.sTerritory-distribution .citymapSearch .mapList li.CQ {
  top: 61.64179104%;
  left: 53.61445783%;
}
.sTerritory-distribution .citymapSearch .mapList li.CQ .mapText {
  margin-left: -20px;
}
.sTerritory-distribution .citymapSearch .mapList li.CQ .dot {
  left: 100%;
}
.sTerritory-distribution .citymapSearch .mapList li.CQ .piece {
  top: -0.12em;
  left: -0.09em;
  width: 0.73em;
  height: 0.77em;
}
.sTerritory-distribution .citymapSearch .mapList li.SXX {
  top: 42.68656716%;
  left: 62.65060241%;
}
.sTerritory-distribution .citymapSearch .mapList li.SXX .piece {
  top: -0.42em;
  left: -0.13em;
  width: 0.54em;
  height: 1.1em;
}
.sTerritory-distribution .citymapSearch .mapList li.XJ {
  top: 25.82089552%;
  left: 20.24096386%;
}
.sTerritory-distribution .citymapSearch .mapList li.XJ .piece {
  top: -1.09em;
  left: -1.68em;
  width: 3.13em;
  height: 2.45em;
}
.sTerritory-distribution .citymapSearch .mapList li.YN {
  top: 76.71641791%;
  left: 42.65060241%;
}
.sTerritory-distribution .citymapSearch .mapList li.YN .piece {
  top: -0.59em;
  left: -0.47em;
  width: 1.38em;
  height: 1.51em;
}
.sTerritory-distribution .citymapSearch .mapList li.GX {
  top: 79.10447761%;
  left: 58.19277108%;
}
.sTerritory-distribution .citymapSearch .mapList li.GX .piece {
  top: -0.15em;
  left: -0.6em;
  width: 1.18em;
  height: 0.89em;
}
.sTerritory-distribution .citymapSearch .mapList li.HaiN {
  top: 91.64179104%;
  left: 60.48192771%;
  height: 45px;
}
.sTerritory-distribution .citymapSearch .mapList li.HaiN .dot {
  top: 15px;
}
.sTerritory-distribution .citymapSearch .mapList li.HaiN .piece {
  top: 0.17em;
  left: -0.15em;
  width: 0.4em;
  height: 0.33em;
}
.sTerritory-distribution .citymapSearch .mapList li.GD {
  top: 76.71641791%;
  left: 66.74698795%;
  height: 45px;
}
.sTerritory-distribution .citymapSearch .mapList li.GD .dot {
  top: 15px;
}
.sTerritory-distribution .citymapSearch .mapList li.GD .piece {
  top: 0.14em;
  left: -0.52em;
  width: 1.24em;
  height: 0.96em;
}
.sTerritory-distribution .citymapSearch .mapList li.HuN {
  top: 67.01492537%;
  left: 63.61445783%;
  height: 50px;
}
.sTerritory-distribution .citymapSearch .mapList li.HuN .dot {
  top: 20px;
}
.sTerritory-distribution .citymapSearch .mapList li.HuN .piece {
  top: -0.09em;
  left: -0.39em;
  width: 0.84em;
  height: 1.03em;
}
.sTerritory-distribution .citymapSearch .mapList li.HuB {
  top: 59.85074627%;
  left: 64.81927711%;
}
.sTerritory-distribution .citymapSearch .mapList li.HuB .piece {
  top: -0.17em;
  left: -0.55em;
  width: 1.17em;
  height: 0.74em;
}
.sTerritory-distribution .citymapSearch .mapList li.HeN {
  top: 50.44776119%;
  left: 66.38554217%;
}
.sTerritory-distribution .citymapSearch .mapList li.HeN .piece {
  top: -0.15em;
  left: -0.4em;
  width: 0.88em;
  height: 0.88em;
}
.sTerritory-distribution .citymapSearch .mapList li.FJ {
  top: 70.89552239%;
  left: 77.71084337%;
  height: 40px;
}
.sTerritory-distribution .citymapSearch .mapList li.FJ .dot {
  top: 10px;
  right: 50%;
}
.sTerritory-distribution .citymapSearch .mapList li.FJ .mapText {
  margin-left: -50px;
}
.sTerritory-distribution .citymapSearch .mapList li.FJ .piece {
  top: -0.06em;
  left: -0.37em;
  width: 0.66em;
  height: 0.86em;
}
.sTerritory-distribution .citymapSearch .mapList li.JX {
  top: 66.56716418%;
  left: 71.20481928%;
}
.sTerritory-distribution .citymapSearch .mapList li.JX .piece {
  top: -0.09em;
  left: -0.25em;
  width: 0.73em;
  height: 1.06em;
}
.sTerritory-distribution .citymapSearch .mapList li.ZJ {
  top: 61.64179104%;
  left: 78.91566265%;
}
.sTerritory-distribution .citymapSearch .mapList li.ZJ .piece {
  top: 0.14em;
  left: -0.22em;
  width: 0.58em;
  height: 0.58em;
}
.sTerritory-distribution .citymapSearch .mapList li.AH {
  top: 57.1641791%;
  left: 73.01204819%;
}
.sTerritory-distribution .citymapSearch .mapList li.AH .piece {
  top: -0.32em;
  left: -0.26em;
  width: 0.73em;
  height: 0.93em;
}
.sTerritory-distribution .citymapSearch .mapList li.JS {
  top: 53.13432836%;
  left: 77.71084337%;
}
.sTerritory-distribution .citymapSearch .mapList li.JS .piece {
  top: -0.16em;
  left: -0.46em;
  width: 0.86em;
  height: 0.87em;
}
.sTerritory-distribution .citymapSearch .mapList li.JS .mapText {
  bottom: 0;
}
.sTerritory-distribution .citymapSearch .mapList li.SD {
  top: 44.7761194%;
  left: 71.68674699%;
}
.sTerritory-distribution .citymapSearch .mapList li.SD .piece {
  top: -0.14em;
  left: -0.18em;
  width: 1em;
  height: 0.68em;
}
.sTerritory-distribution .citymapSearch .mapList li.TJ {
  top: 34.7761194%;
  left: 71.3253012%;
}
.sTerritory-distribution .citymapSearch .mapList li.TJ .piece {
  top: 0.01em;
  left: -0.19em;
  width: 0.37em;
  height: 0.43em;
}
.sTerritory-distribution .citymapSearch .mapList li.LN {
  top: 26.71641791%;
  left: 80.48192771%;
}
.sTerritory-distribution .citymapSearch .mapList li.LN .dot {
  top: 40px;
}
.sTerritory-distribution .citymapSearch .mapList li.LN .piece {
  top: 0.01em;
  left: -0.49em;
  width: 0.93em;
  height: 0.88em;
}
.sTerritory-distribution .citymapSearch .mapList li.HeB {
  top: 38.95522388%;
  left: 67.71084337%;
}
.sTerritory-distribution .citymapSearch .mapList li.HeB .piece {
  top: -0.59em;
  left: -0.12em;
  width: 0.83em;
  height: 1.22em;
}
.sTerritory-distribution .citymapSearch .mapList li.GZ {
  top: 70.14925373%;
  left: 53.61445783%;
  height: 45px;
}
.sTerritory-distribution .citymapSearch .mapList li.GZ .dot {
  top: 15px;
}
.sTerritory-distribution .citymapSearch .mapList li.GZ .piece {
  top: -0.15em;
  left: -0.38em;
  width: 0.98em;
  height: 0.89em;
}
.sTerritory-distribution .citymapSearch .mapList li.HLJ {
  top: 9.85074627%;
  left: 84.57831325%;
  height: 44px;
}
.sTerritory-distribution .citymapSearch .mapList li.HLJ .dot {
  top: 14px;
}
.sTerritory-distribution .citymapSearch .mapList li.HLJ .piece {
  top: -0.66em;
  right: -0.66em;
  width: 1.77em;
  height: 1.61em;
}
.sTerritory-distribution .citymapSearch .mapList li.XZ {
  top: 49.25373134%;
  left: 15.06024096%;
}
.sTerritory-distribution .citymapSearch .mapList li.XZ .piece {
  top: -0.42em;
  left: -0.95em;
  width: 3.07em;
  height: 1.97em;
}
.sTerritory-distribution .citymapSearch .mapList li.QH {
  top: 41.79104478%;
  left: 32.65060241%;
}
.sTerritory-distribution .citymapSearch .mapList li.QH .piece {
  top: -0.24em;
  left: -0.68em;
  width: 1.95em;
  height: 1.48em;
}
.sTerritory-distribution .citymapSearch .mapList li.NMG {
  top: 31.34328358%;
  left: 57.8313253%;
}
.sTerritory-distribution .citymapSearch .mapList li.NMG .piece {
  top: -2.04em;
  left: -1.51em;
  width: 3.44em;
  height: 2.96em;
}
.sTerritory-distribution .citymapSearch .mapList li.JL {
  top: 20.14925373%;
  left: 82.89156627%;
}
.sTerritory-distribution .citymapSearch .mapList li.JL .piece {
  top: -0.09em;
  left: -0.54em;
  width: 1.36em;
  height: 0.89em;
}
.sTerritory-distribution .citymapSearch .mapList li.TW {
  top: 79.25373134%;
  left: 81.3253012%;
}
.sTerritory-distribution .citymapSearch .mapList li.TW .piece {
  top: 0;
  left: 0;
  width: 0.26em;
  height: 0.63em;
}
.sTerritory-distribution .citymapSearch .mapList li.BJ {
  top: 31.34328358%;
  left: 68.07228916%;
}
.sTerritory-distribution .citymapSearch .mapList li.BJ .dot {
  top: 20px;
}
.sTerritory-distribution .citymapSearch .mapList li.BJ .mapText {
  bottom: 5px;
}
.sTerritory-distribution .citymapSearch .mapList li.BJ .piece {
  top: 0.27em;
  left: 0em;
  width: 0.2em;
  height: 0.2em;
}
.sTerritory-distribution .citymapSearch .mapList li.SH {
  top: 55.37313433%;
  left: 80.72289157%;
}
.sTerritory-distribution .citymapSearch .mapList li.SH .dot {
  top: 35px;
  left: -5px;
}
.sTerritory-distribution .citymapSearch .mapList li.SH .mapText {
  margin-left: -48px;
  bottom: -4px;
}
.sTerritory-distribution .citymapSearch .mapList li.SH .piece {
  top: 0.4em;
  left: 0em;
  width: 0.1em;
  height: 0.1em;
}
.sTerritory-distribution .citymapSearch .mapList li.XG {
  top: 80.59701493%;
  left: 69.87951807%;
  height: 35px;
}
.sTerritory-distribution .citymapSearch .mapList li.XG .piece {
  top: 0.36em;
  left: -0.08em;
  width: 0.1em;
  height: 0.1em;
}
.sTerritory-distribution .citymapSearch .mapList li.AM {
  top: 82.08955224%;
  left: 64.3373494%;
  height: 35px;
}
.sTerritory-distribution .citymapSearch .mapList li.AM .piece {
  top: 0.31em;
  left: 0.23em;
  width: 0.1em;
  height: 0.1em;
}
.sTerritory-distribution .description {
  width: 320px;
}
@media screen and (max-width: 1024px) {
  .sTerritory-distribution .citymapSearch {
    width: 100%;
    height: auto;
    display: none;
  }
  .sTerritory-distribution .description {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.sTerritory-partner {
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding-top: 50px;
}
@media screen and (max-width: 1024px) {
  .sTerritory-partner {
    padding-top: 1rem;
  }
}
.sTerritory-partner:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2.4rem;
  z-index: -1;
  pointer-events: none;
  background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff);
}
.sTerritory-partner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin-top: 35px;
}
.sTerritory-partner-list:after {
  display: none;
}
.sTerritory-partner-list .item {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.sTerritory-partner-list .item:nth-child(1n+1) {
  width: 190px;
  margin-left: 12px;
  margin-top: 0;
}
.sTerritory-partner-list .item:nth-child( 6n+1) {
  margin-left: 0;
}
.sTerritory-partner-list .item:nth-child( 1n+7) {
  margin-top: 12px;
}
.sTerritory-partner-list .item:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  border: #e5e5e5 solid 1px;
  pointer-events: none;
}
.sTerritory-partner-list .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 49.47368421%;
  background-color: #fff;
}
.sTerritory-partner-list .item .pic img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 1025px) {
  .sTerritory-partner-list .item .pic {
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
  }
  .sTerritory-partner-list .item:hover .pic {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media screen and (max-width: 1024px) {
  .sTerritory-partner-list {
    margin-top: 0.7rem;
  }
  .sTerritory-partner-list .item:nth-child(1n+1) {
    width: 24%;
    margin-left: 1.33333333%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sTerritory-partner-list .item:nth-child( 4n+1) {
    margin-left: 0;
  }
  .sTerritory-partner-list .item:nth-child( 1n+5) {
    margin-top: 1.33333333%;
  }
}
@media screen and (max-width: 640px) {
  .sTerritory-partner-list .item:nth-child(1n+1) {
    width: 32.5%;
    margin-left: 1.25%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .sTerritory-partner-list .item:nth-child( 3n+1) {
    margin-left: 0;
  }
  .sTerritory-partner-list .item:nth-child( 1n+4) {
    margin-top: 1.25%;
  }
}
/* sHr */
.sHr-list .tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.sHr-list .tr:after {
  display: none;
}
.sHr-list .td {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 0.3rem;
  line-height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sHr-list .td.td1 {
  width: 150px;
}
.sHr-list .td.td2 {
  width: 100px;
  margin-left: 80px;
}
.sHr-list .td.td3 {
  width: 120px;
  margin-left: 80px;
}
.sHr-list .td.td4 {
  width: 180px;
  margin-left: 60px;
}
.sHr-list .td.td5 {
  width: 140px;
  margin-left: 60px;
}
.sHr-list .td.td6 {
  width: 160px;
  margin-left: 70px;
}
.sHr-list .thead {
  background-color: #d81920;
  color: #fff;
  padding: 3px 0;
}
.sHr-list .item {
  position: relative;
  overflow: hidden;
  border-bottom: #e9e9e9 dashed 1px;
}
.sHr-list .item:nth-child(1n+2) {
  margin-top: 10px;
}
.sHr-list .item .spreadBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #333333;
}
.sHr-list .item .spreadBtn s {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.sHr-list .item .spreadBtn s {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: SimSun, '宋体' !important;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
}
.ysqUEO .sHr-list .item .spreadBtn s {
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}
.ysqUEO .sHr-list .item .spreadBtn s:before,
.ysqUEO .sHr-list .item .spreadBtn s:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  margin-top: -1px;
  background-color: #333333;
  margin-left: -8px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.ysqUEO .sHr-list .item .spreadBtn s:before {
  -webkit-transform: rotate(-45deg) translateX(1px);
          transform: rotate(-45deg) translateX(1px);
}
.ysqUEO .sHr-list .item .spreadBtn s:after {
  -webkit-transform: rotate(45deg) translateX(1px);
          transform: rotate(45deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
  .sHr-list .item .spreadBtn:hover {
    color: #333333;
  }
  .sHr-list .item .spreadBtn:hover s:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .sHr-list .item .spreadBtn:hover s:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@media screen and (max-width: 1024px) {
  .sHr-list .item .spreadBtn:active {
    color: #333333;
  }
  .sHr-list .item .spreadBtn:active s:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .sHr-list .item .spreadBtn:active s:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
.sHr-list .item .show {
  background-color: #eeeeee;
}
.sHr-list .item .hide {
  display: none;
}
.sHr-list .item .hide .imax {
  padding: 0.8rem;
}
.sHr-list .item .hide .base {
  margin-bottom: .5em;
}
.sHr-list .item .hide .base .dib {
  margin-right: 8px;
}
.sHr-list .item .hide .sdt {
  font-weight: bold;
  color: #333333;
}
.sHr-list .item .hide .aside {
  line-height: 1.875;
  color: #d81920;
}
.sHr-list .item.unfold .spreadBtn s {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media screen and (max-width: 1024px) {
  .sHr-list .td.td1 {
    width: 80%;
    text-align: left;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  .sHr-list .td.td2 {
    display: none;
  }
  .sHr-list .td.td3 {
    display: none;
  }
  .sHr-list .td.td4 {
    display: none;
  }
  .sHr-list .td.td5 {
    margin-left: 0;
  }
  .sHr-list .td.td6 {
    margin-left: 0;
    width: 8em;
  }
}
/* sContact */
.sContact-intro .head {
  position: relative;
  padding-right: 200px;
  min-height: 48px;
  line-height: 48px;
}
.sContact-intro .head .dib {
  font-weight: lighter;
  color: #333333;
}
.sContact-intro .head .btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
  height: 48px;
  line-height: 48px;
  border-radius: 48px;
  color: #fff;
  background-color: #d81920;
  text-align: center;
}
.sContact-intro .oList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 40px 0 50px;
}
.sContact-intro .oList:after {
  display: none;
}
.sContact-intro .oList .oLi {
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding: 5px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  width: 25%;
}
.sContact-intro .oList .oLi:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 10%;
  bottom: 10%;
  width: 1px;
  height: 140px;
  background-color: #e3e3e3;
  display: none;
}
.sContact-intro .oList .oLi .ico {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 66px;
  height: 66px;
  background-size: 66px 66px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-color: #d81920;
  color: #fff;
}
.sContact-intro .oList .oLi .sdt {
  margin-top: 5px;
  color: #999999;
  line-height: 1.5;
}
.sContact-intro .oList .oLi .sdd {
  margin-top: 5px;
  color: #333333;
  line-height: 1.4333;
}
@media screen and (min-width: 1025px) {
  .sContact-intro .oList .oLi:nth-child(1n+2):before {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .sContact-intro .head {
    line-height: 1.5;
    padding-right: 172px;
  }
  .sContact-intro .head .dib {
    font-size: 18px;
    line-height: 24px;
    padding: 8px 0;
  }
  .sContact-intro .head .btn {
    width: 144px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .sContact-intro .oList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0.8rem 0 1rem;
  }
  .sContact-intro .oList .oLi {
    width: 50%;
    padding: 0.6rem;
  }
  .sContact-intro .oList .oLi:nth-child(1n+3) {
    margin-top: 0.4rem;
  }
  .sContact-intro .oList .oLi:nth-child(2n+2):before {
    display: block;
  }
  .sContact-intro .oList .oLi .ico {
    width: 48px;
    height: 48px;
    background-size: 60px 60px;
  }
  .sContact-intro .oList .oLi .sdd {
    margin-top: 0;
  }
}
.sContact-map {
  position: relative;
  z-index: 2;
  height: 12.4rem;
}
.sContact-map #dituContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 1.1;
  background-color: #f5f3f0;
}
.sContact-map #dituContent .BMap_bubble_title {
  font-size: 16px;
  margin-bottom: 5px;
  padding-right: 16px;
  color: #d81920;
}
.sContact-map #dituContent .BMap_bubble_content {
  width: auto;
  font-size: 14px;
  line-height: 18px;
}
.sContact-map #dituContent img {
  max-width: none;
}
._pen .sContact-map {
  pointer-events: none;
}
.sContact-list {
  margin-top: 50px;
}
.sContact-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.sContact-list .item:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sContact-list .item {
    display: block;
  }
}
.sContact-list .item:nth-child(1n+2) {
  margin-top: 30px;
}
.sContact-list .item .pic {
  width: 294px;
  height: 294px;
  border-radius: 50%;
  background-color: #f1f1f1;
}
.sContact-list .item .txt {
  width: 810px;
}
.sContact-list .item .txt .title {
  color: #333333;
  line-height: 1.5;
}
.sContact-list .item .txt .content {
  color: #333333;
}
.sContact-list .item .txt .content:before {
  content: " ";
  display: block;
  margin-bottom: 25px;
  margin-top: 20px;
  width: 1.3rem;
  height: 2px;
  background-color: #333333;
}
@media screen and (max-width: 1024px) {
  .sContact-list {
    margin-top: 1rem;
  }
  .sContact-list .item {
    border-bottom: #cccccc dashed 1px;
    padding-bottom: 0.6rem;
  }
  .sContact-list .item:nth-child(1n+2) {
    margin-top: 0.6rem;
  }
  .sContact-list .item .pic {
    display: none;
  }
  .sContact-list .item .txt {
    width: 100%;
  }
  .sContact-list .item .txt .content:before {
    margin-top: 0.4rem;
    margin-bottom: 0.5rem;
  }
}
/* index */
.index {
  position: relative;
  overflow: hidden;
}
.index .sContact-map {
  pointer-events: none;
}
.index-banner {
  position: relative;
  overflow: hidden;
  height: 500px;
}
.index-banner .item {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #eee;
}
.index-banner .item .bg.c {
  left: 50%;
  margin-left: -960px;
  width: 1920px;
}
.index-banner .item.moveItem {
  position: absolute;
}
.index-banner .pagination_banner {
  z-index: 10;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  bottom: 40px;
  width: auto;
  bottom: 20px;
}
.index-banner .fns {
  position: absolute;
  right: 50%;
  bottom: 25px;
  height: 36px;
  margin-right: -600px;
  padding: 0 40px;
  z-index: 10;
  bottom: 10px;
}
.index-banner .fns .counts {
  color: #fff;
  font-family: SimHei, '黑体';
  line-height: 32px;
}
.index-banner .fns .counts .now {
  margin-right: 2px;
}
.index-banner + .sSearch-pdt {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .index-banner {
    padding-bottom: 56%;
    height: 0;
  }
  .index-banner .shade {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .index-banner .fns {
    display: none;
  }
  .index-banner .pagination_banner {
    left: 0;
    margin-left: 0;
    width: 100%;
    bottom: 0.8rem;
  }
}
.index-head .en {
  font-family: "Mohave", Tahoma, Arial, sans-serif;
  color: #333333;
  text-transform: uppercase;
  font-weight: bold;
}
.index-head .cn {
  color: #d81920;
  margin-top: 10px;
}
.index-head .cn s {
  color: #333333;
}
@media screen and (max-width: 1024px) {
  .index-head {
    text-align: center;
  }
}
.index-head2 {
  position: relative;
  z-index: 2;
  padding: 50px 0 40px;
  line-height: 1;
}
.index-head2 .en {
  font-family: "Humnst777", Tahoma, Arial, sans-serif;
  position: relative;
  z-index: -1;
  pointer-events: none;
  width: 100%;
  text-transform: uppercase;
  color: #e3e3e3;
  text-align: center;
  padding-left: 0.05em;
  letter-spacing: 0.05em;
  font-weight: lighter;
  margin-bottom: -0.5em;
}
.index-head2 .cn {
  position: relative;
  z-index: 2;
  color: #333333;
  text-align: center;
  padding-left: 0.05em;
  letter-spacing: 0.05em;
}
.index-head2 .cn s {
  color: #333333;
}
.index-head2:after {
  content: " ";
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40px;
  height: 2px;
  background-color: #d81920;
  margin-top: 15px;
}
@media screen and (max-width: 1024px) {
  .index-head2 {
    padding: 1rem 0 0.8rem;
  }
}
.index-product {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.index-product .Tg {
  position: relative;
  z-index: 2;
  text-align: center;
}
.index-product .Tg:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
  z-index: -1;
  pointer-events: none;
}
.index-product .Tg .btn {
  position: relative;
  overflow: hidden;
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  width: 128px;
  height: 96px;
  padding: 20px 0;
  text-align: center;
  font-size: 14px;
}
.index-product .Tg .btn:after {
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  left: 100%;
  bottom: 0;
  width: 0;
  height: 4px;
  background-color: #d81920;
}
.index-product .Tg .btn .ico {
  width: 128px;
  height: 74px;
  display: block;
  position: relative;
  overflow: hidden;
}
.index-product .Tg .btn .ico:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/icon-pdtv.png);
  background-repeat: no-repeat;
  -webkit-transition: all 240ms ease-out 0s;
  transition: all 240ms ease-out 0s;
}
.index-product .Tg .btn .ico.i1::after {
  background-position: 0 0px;
}
.index-product .Tg .btn .ico.i2::after {
  background-position: 0 -74px;
}
.index-product .Tg .btn .ico.i3::after {
  background-position: 0 -148px;
}
.index-product .Tg .btn .ico.i4::after {
  background-position: 0 -222px;
}
.index-product .Tg .btn .ico.i5::after {
  background-position: 0 -296px;
}
.index-product .Tg .btn .ico.i6::after {
  background-position: 0 -370px;
}
.index-product .Tg .btn .ico.i7::after {
  background-position: 0 -444px;
}
.index-product .Tg .btn .ico.i8::after {
  background-position: 0 -518px;
}
.index-product .Tg .btn .ico.i9::after {
  background-position: 0 -592px;
}
.index-product .Tg .btn.on .ico {
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.index-product .Tg .btn.on .ico.i1::after {
  background-position: -128px 0px;
}
.index-product .Tg .btn.on .ico.i2::after {
  background-position: -128px -74px;
}
.index-product .Tg .btn.on .ico.i3::after {
  background-position: -128px -148px;
}
.index-product .Tg .btn.on .ico.i4::after {
  background-position: -128px -222px;
}
.index-product .Tg .btn.on .ico.i5::after {
  background-position: -128px -296px;
}
.index-product .Tg .btn.on .ico.i6::after {
  background-position: -128px -370px;
}
.index-product .Tg .btn.on .ico.i7::after {
  background-position: -128px -444px;
}
.index-product .Tg .btn.on .ico.i8::after {
  background-position: -128px -518px;
}
.index-product .Tg .btn.on .ico.i9::after {
  background-position: -128px -592px;
}
.index-product .Tg .btn.on:after {
  left: 0;
  width: 100%;
  -webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
  transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
}
.index-product .Tt {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background-image: url(../images/bgi-product.png);
  background-size: cover;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  padding-top: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.index-product .Tt .box {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .index-product .Tg .btn {
    width: 24.5vw;
    height: auto;
    padding: 0 0 0.6rem;
  }
  .index-product .Tg .btn:nth-child(1n+2) {
    margin-left: 10px;
  }
  .index-product .Tg .btn .ico {
    width: 104px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
  }
  .index-product .Tg .btn .ico:after {
    width: 128px;
    height: 74px;
    left: 50%;
    top: 50%;
    margin-left: -64px;
    margin-top: -37px;
    -webkit-transform: scale(0.8125);
            transform: scale(0.8125);
  }
  .index-product .Tt {
    padding-top: 1.2rem;
  }
}
.index-product-rotateMove {
  position: relative;
  width: 100%;
  height: 730px;
}
.index-product-rotateMove .item.moveItem.base {
  padding: 0;
  width: 0;
  height: 0;
  top: 365px;
  left: 600px;
  opacity: 0;
}
.index-product-rotateMove .item.moveItem.L2.pOn {
  padding: 0;
  width: 100px;
  height: 100px;
  top: 315px;
  left: -1100px;
  opacity: 1;
}
.index-product-rotateMove .item.moveItem.L1.pOn {
  padding: 0;
  width: 1200px;
  height: 670px;
  top: 30px;
  left: -1100px;
  opacity: 1;
}
.index-product-rotateMove .item.moveItem.L0 {
  padding: 0;
  width: 1200px;
  height: 670px;
  top: 30px;
  left: 0px;
  opacity: 1;
}
.index-product-rotateMove .item.moveItem.L1.nOn {
  padding: 0;
  width: 1200px;
  height: 670px;
  top: 30px;
  left: 1100px;
  opacity: 1;
}
.index-product-rotateMove .item.moveItem.L2.nOn {
  padding: 0;
  width: 100px;
  height: 100px;
  top: 315px;
  left: 2200px;
  opacity: 1;
}
.index-product-rotateMove .shade {
  left: 50%;
  width: 1200px;
  margin-left: -600px;
  overflow: visible;
}
.index-product-rotateMove .shade:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/based/loading.gif);
  background-size: auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  mix-blend-mode: overlay;
}
.index-product-rotateMove .box {
  opacity: 0;
  -webkit-transition: opacity 250ms ease-out 450ms;
  transition: opacity 250ms ease-out 450ms;
}
.index-product-rotateMove._loaded .shade:before {
  -webkit-transition: all 250ms ease-out 400ms;
  transition: all 250ms ease-out 400ms;
  opacity: 0;
  visibility: hidden;
}
.index-product-rotateMove._loaded .box {
  opacity: 1;
}
.index-product-rotateMove .box {
  position: relative;
  z-index: 1;
  height: 100%;
  white-space: nowrap;
}
.index-product-rotateMove .item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: auto;
  height: 730px;
  cursor: pointer;
  -webkit-transition: all 400ms ease-out 0s, z-index 0ms ease-out 0s;
  transition: all 400ms ease-out 0s, z-index 0ms ease-out 0s;
}
.index-product-rotateMove .item.moveItem {
  position: absolute;
  left: 0;
  top: 0;
}
.index-product-rotateMove .item .pic {
  margin-top: 130px;
  width: 100%;
  height: 0 !important;
  padding-bottom: 45%;
  background-color: transparent !important;
  -webkit-filter: blur(8px);
          filter: blur(8px);
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.index-product-rotateMove .item .pic img {
  -o-object-fit: contain;
     object-fit: contain;
}
.index-product-rotateMove .item .txt {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 36px;
  color: #333333;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.index-product-rotateMove .item .txt .type {
  margin-top: 15px;
  font-weight: bold;
}
.index-product-rotateMove .item.on .pic {
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transition: all 600ms ease-out 0s;
  transition: all 600ms ease-out 0s;
}
.index-product-rotateMove .item.on .txt {
  -webkit-transition: all 400ms ease-out 200ms;
  transition: all 400ms ease-out 200ms;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none !important;
          transform: none !important;
}
@media screen and (max-width: 1024px) {
  .index-product-rotateMove {
    font-size: 100px;
  }
}
@media screen and (max-width: 749px) {
  .index-product-rotateMove {
    font-size: 90px;
  }
}
@media screen and (max-width: 699px) {
  .index-product-rotateMove {
    font-size: 85px;
  }
}
@media screen and (max-width: 649px) {
  .index-product-rotateMove {
    font-size: 80px;
  }
}
@media screen and (max-width: 599px) {
  .index-product-rotateMove {
    font-size: 75px;
  }
}
@media screen and (max-width: 549px) {
  .index-product-rotateMove {
    font-size: 70px;
  }
}
@media screen and (max-width: 499px) {
  .index-product-rotateMove {
    font-size: 65px;
  }
}
@media screen and (max-width: 449px) {
  .index-product-rotateMove {
    font-size: 60px;
  }
}
@media screen and (min-width: 1025px) {
  .index-product-rotateMove .ctrs {
    position: absolute;
    bottom: 135px;
    right: 50%;
    margin-right: -550px;
    z-index: 8;
    width: 48px;
    height: 108px;
  }
  .index-product-rotateMove .ctrs .ctr_pdt {
    left: 0;
  }
  .index-product-rotateMove .ctrs .ctr_pdt.prev {
    top: 0;
  }
  .index-product-rotateMove .ctrs .ctr_pdt.next {
    bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .index-product-rotateMove {
    width: 100%;
    height: 3.24em;
    overflow: visible;
    padding-bottom: 1rem;
    padding-top: 64px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .index-product-rotateMove .shade {
    position: absolute;
    top: 0;
    width: 7.2em;
    margin-left: -3.6em;
    height: 100%;
  }
  .index-product-rotateMove .item.moveItem {
    padding-top: 72px !important;
  }
  .index-product-rotateMove .item.moveItem.base {
    width: 0;
    height: 0;
    top: 1.62em;
    left: 3.6em;
    opacity: 0;
  }
  .index-product-rotateMove .item.moveItem.L2.pOn {
    width: 0.8em;
    height: 0.8em;
    top: 1.22em;
    left: -6.8em;
    opacity: 0;
  }
  .index-product-rotateMove .item.moveItem.L1.pOn {
    width: 7.2em;
    height: 3.24em;
    top: 0em;
    left: -6.6em;
    opacity: 1;
  }
  .index-product-rotateMove .item.moveItem.L0 {
    width: 7.2em;
    height: 3.24em;
    top: 0em;
    left: 0em;
    opacity: 1;
  }
  .index-product-rotateMove .item.moveItem.L1.nOn {
    width: 7.2em;
    height: 3.24em;
    top: 0em;
    left: 6.6em;
    opacity: 1;
  }
  .index-product-rotateMove .item.moveItem.L2.nOn {
    width: 0.8em;
    height: 0.8em;
    top: 1.22em;
    left: 13.2em;
    opacity: 0;
  }
  .index-product-rotateMove .item.moveItem .pic {
    margin-top: 0 !important;
  }
  .index-product-rotateMove .item.moveItem .txt {
    font-size: 24px;
  }
  .index-product-rotateMove .item.moveItem .txt .type {
    margin-top: 5px;
  }
  .index-product-rotateMove .ctrs {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 0;
  }
  .index-product-rotateMove .ctrs .ctr_pdt {
    top: 0;
    margin-top: -18px;
    width: 36px;
    height: 36px;
  }
  .index-product-rotateMove .ctrs .ctr_pdt s {
    -webkit-transform: scale(0.625);
            transform: scale(0.625);
  }
  .index-product-rotateMove .ctrs .ctr_pdt.prev {
    left: 15px;
  }
  .index-product-rotateMove .ctrs .ctr_pdt.next {
    right: 15px;
  }
}
.index-about {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.index-about .digitalData {
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding: 45px 0;
  background-color: #d81920;
  height: 200px;
}
.index-about .digitalData .contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.index-about .digitalData .contain:after {
  display: none;
}
.index-about .digitalData .col {
  position: relative;
  z-index: 2;
  width: 200px;
  height: 200px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  color: #fff;
}
.index-about .digitalData .col:after {
  display: none;
}
.index-about .digitalData .col:nth-child(1n+2) {
  margin-left: 50px;
}
.index-about .digitalData .col:before {
  content: " ";
  z-index: -2;
  pointer-events: none;
  position: absolute;
  left: 0;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  border: rgba(255, 255, 255, 0.3) solid 1px;
  border-radius: 50%;
}
.index-about .digitalData .col:after {
  display: block;
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -6px;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transform-origin: -94px 50%;
          transform-origin: -94px 50%;
  -webkit-animation-name: rotate360;
          animation-name: rotate360;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.index-about .digitalData .col .sdt i {
  display: inline-block;
  vertical-align: top;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-right: 5px;
}
.index-about .digitalData .col .sdt sub,
.index-about .digitalData .col .sdt sup {
  line-height: 30px;
}
.index-about .digitalData .col .sdt sub {
  display: inline-block;
  vertical-align: bottom;
  font-size: 16px;
}
.index-about .digitalData .col .sdt sup {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
}
.index-about .digitalData .col .sdd {
  line-height: 1.25;
  margin-top: 5px;
}
.index-about .digitalData .col:nth-child(1):after {
  -webkit-animation-delay: -10.4s;
          animation-delay: -10.4s;
}
.index-about .digitalData .col:nth-child(2):after {
  -webkit-animation-delay: -8.8s;
          animation-delay: -8.8s;
}
.index-about .digitalData .col:nth-child(3):after {
  -webkit-animation-delay: -7.2s;
          animation-delay: -7.2s;
}
.index-about .digitalData .col:nth-child(4):after {
  -webkit-animation-delay: -5.6s;
          animation-delay: -5.6s;
}
.index-about .digitalData .col:nth-child(5):after {
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
}
@media screen and (max-width: 1024px) {
  .index-about .digitalData {
    height: auto;
    padding: 0.9rem 0;
  }
  .index-about .digitalData .contain {
    max-width: 640px !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .index-about .digitalData .col {
    width: 160px;
    height: 160px;
  }
  .index-about .digitalData .col:nth-child(1n+2) {
    margin-left: 20px;
  }
  .index-about .digitalData .col:nth-child(4) {
    margin-left: 0 !important;
  }
  .index-about .digitalData .col:after {
    -webkit-transform-origin: -76px 50%;
            transform-origin: -76px 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
  }
  .index-about .digitalData .col .sdt sub,
  .index-about .digitalData .col .sdt sup {
    line-height: 1;
  }
}
@media screen and (max-width: 640px) {
  .index-about .digitalData .col {
    width: 128px;
    height: 128px;
  }
  .index-about .digitalData .col:nth-child(1n+2) {
    margin-left: 8px;
  }
  .index-about .digitalData .col:after {
    -webkit-transform-origin: -60px 50%;
            transform-origin: -60px 50%;
  }
}
.index-about .lr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.index-about .lr:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .index-about .lr {
    display: block;
  }
}
.index-about .lr:after {
  display: block;
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/bgi-abut.png);
  background-size: 40.98958333vw 29.375vw;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.index-about .lr .left,
.index-about .lr .right {
  width: 50%;
  position: relative;
  z-index: 2;
}
.index-about .lr .right .wrap {
  padding: 1rem 0 1rem 1.8rem;
  width: 600px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.index-about .lr .right .fastnav {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.index-about .lr .right .fastnav .link:nth-child(1n+2) {
  margin-left: 30px;
}
.index-about .lr .right .body {
  margin-top: 0.8rem;
  line-height: 1.875em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 7.5em;
}
.index-about .lr .right .more {
  display: inline-block;
  vertical-align: top;
  margin-top: 1rem;
  color: #d81920;
  line-height: 20px;
}
@media screen and (min-width: 1025px) {
  .index-about .lr {
    min-width: 1200px;
  }
}
@media screen and (max-width: 1600px) {
  .index-about .lr .right .fastnav {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .index-about .lr .left,
  .index-about .lr .right {
    width: 100%;
  }
  .index-about .lr .right .wrap {
    width: auto;
    width: calc(100% - 30px);
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 720px;
    padding-left: 0;
  }
  .index-about .lr .right .body {
    text-align: center;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    max-height: 9em;
  }
  .index-about .lr .right .more {
    display: block;
    width: 6em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border: solid 1px #d81920;
    color: #d81920;
    text-decoration: none !important;
  }
  .index-about .lr .right .more:active {
    background-color: #d81920;
    color: #fff;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
}
.index-about .index-about-switch {
  position: relative;
  overflow: hidden;
}
.index-about .index-about-switch .shade {
  width: 100%;
  height: 0 !important;
  padding-bottom: 66.66666667%;
}
.index-about .index-about-switch .item {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
}
.index-about .index-about-switch .item .pic {
  width: 100%;
  height: 100%;
}
.index-about .index-about-switch .item .playBtn:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  pointer-events: none;
  z-index: 5;
}
.index-about .index-about-switch .item .playBtn .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -36px 0 0 -36px;
  width: 72px;
  height: 72px;
  z-index: 8;
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.index-about .index-about-switch .item .playBtn .icon:before,
.index-about .index-about-switch .item .playBtn .icon:after {
  content: " ";
  position: absolute;
  z-index: 8;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 400ms ease-out 0s;
  transition: all 400ms ease-out 0s;
}
.index-about .index-about-switch .item .playBtn .icon:before {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: #ffffff solid 1px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}
.index-about .index-about-switch .item .playBtn .icon:after {
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 14px 18px;
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  margin-left: 12px;
}
.index-about .index-about-switch .item .playBtn:hover .icon {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.index-about .index-about-switch .item .playBtn:hover:after {
  background-color: rgba(0, 0, 0, 0.2);
}
.index-about .index-about-switch .pagination_banner {
  position: absolute;
  left: 0;
  bottom: 0.7rem;
  width: 100%;
  z-index: 8;
}
@media screen and (max-width: 1600px) {
  .index-about .index-about-switch .playBtn .icon {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}
@media screen and (max-width: 1024px) {
  .index-about {
    z-index: 3;
    padding-bottom: 0.4rem;
    margin-bottom: -0.4rem;
  }
  .index-about:after {
    content: " ";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    left: 0;
    width: 100%;
    bottom: 0;
    top: 0;
    background-image: url(../images/bgs-flow.png);
    background-size: 100% auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
  }
}
.index-system {
  position: relative;
  z-index: 4;
  background-color: #f6f6f6;
}
.index-system .dct {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  top: -13.54166667vw;
  right: -20.83333333vw;
  width: 48.75vw;
  height: 22.86458333vw;
}
.index-system .oList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  position: relative;
  overflow: hidden;
}
.index-system .oList:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .index-system .oList {
    display: block;
  }
}
.index-system .oList .oLi {
  width: 25%;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.index-system .oList .oLi:before,
.index-system .oList .oLi:after {
  content: " ";
  width: 100%;
  height: 0 !important;
  padding-bottom: 75%;
  display: none;
}
.index-system .oList .oLi .pic {
  z-index: 1;
  width: 100%;
  height: 0 !important;
  padding-bottom: 75%;
  background-color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.index-system .oList .oLi .txt {
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 0 !important;
  padding-bottom: 75%;
}
.index-system .oList .oLi .txt:before {
  content: " ";
  z-index: -1;
  pointer-events: none;
  width: 0;
  height: 0;
  border-width: 18px;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  left: 50%;
  margin-left: -18px;
}
.index-system .oList .oLi .txt .wrapIn {
  color: #fff;
  text-align: center;
}
.index-system .oList .oLi .txt .dt {
  line-height: 1.5;
}
.index-system .oList .oLi .txt .dd {
  padding-right: 10px;
}
.index-system .oList .oLi .txt .dd .scrollbar .track {
  background-color: rgba(255, 255, 255, 0.5);
}
.index-system .oList .oLi .txt .dd .scrollbar .thumb {
  background-color: #fff;
}
.index-system .oList .oLi .txt .dd .abstract {
  line-height: 1.75;
}
.index-system .oList .oLi:nth-child(1) {
  background-color: #735a8f;
}
.index-system .oList .oLi:nth-child(1) .txt:before {
  border-color: #735a8f transparent;
}
.index-system .oList .oLi:nth-child(2) {
  background-color: #cf483e;
}
.index-system .oList .oLi:nth-child(2) .txt:before {
  border-color: #cf483e transparent;
}
.index-system .oList .oLi:nth-child(3) {
  background-color: #348a87;
}
.index-system .oList .oLi:nth-child(3) .txt:before {
  border-color: #348a87 transparent;
}
.index-system .oList .oLi:nth-child(4) {
  background-color: #34548a;
}
.index-system .oList .oLi:nth-child(4) .txt:before {
  border-color: #34548a transparent;
}
@media screen and (min-width: 1025px) {
  .index-system .oList .oLi:nth-child(2n+1):after {
    display: block;
  }
  .index-system .oList .oLi:nth-child(2n+1) .txt {
    bottom: 0;
  }
  .index-system .oList .oLi:nth-child(2n+1) .txt:before {
    bottom: 99%;
    border-top-color: transparent !important;
  }
  .index-system .oList .oLi:nth-child(2n+2):before {
    display: block;
  }
  .index-system .oList .oLi:nth-child(2n+2) .txt {
    top: 0;
  }
  .index-system .oList .oLi:nth-child(2n+2) .txt:before {
    top: 99%;
    border-bottom-color: transparent !important;
  }
  .index-system .oList .oLi .txt .wrapIn {
    position: absolute;
    left: 2.60416667vw;
    top: 2.60416667vw;
    right: 2.60416667vw;
    bottom: 2.60416667vw;
  }
  .index-system .oList .oLi .txt .dd {
    position: absolute;
    top: 2em;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
  }
}
@media screen and (max-width: 1600px) {
  .index-system .oList .oLi .txt .wrapIn {
    font-size: 28px;
  }
}
@media screen and (max-width: 1440px) {
  .index-system .oList .oLi .txt .wrapIn {
    font-size: 24px;
  }
  .index-system .oList .oLi .txt .dd .abstract {
    line-height: 1.5;
  }
}
@media screen and (max-width: 1024px) {
  .index-system .oList .oLi {
    width: 100%;
  }
  .index-system .oList .oLi:nth-child(1n+1) .pic {
    padding-bottom: 62.5%;
  }
  .index-system .oList .oLi:nth-child(1n+1) .txt {
    position: relative;
    height: auto !important;
    padding: 1rem 0 1.2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .index-system .oList .oLi:nth-child(1n+1) .txt:before {
    bottom: 99%;
    border-top-color: transparent !important;
    border-width: 12px;
    margin-left: -12px;
  }
  .index-system .oList .oLi:nth-child(1n+1) .txt .wrapIn {
    width: auto;
    width: calc(100% - 30px);
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 720px;
  }
  .index-system .oList .oLi:nth-child(1n+1) .txt .dt {
    font-size: 20px;
  }
  .index-system .oList .oLi:nth-child(1n+1) .txt .dd {
    margin-top: 0.2rem;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .index-system {
    display: none;
  }
  .index-system .index-head2 {
    display: none;
  }
  .index-system .oList {
    display: none;
  }
}
.index-flow {
  overflow: hidden;
  position: relative;
  z-index: 2;
  padding: 80px 0 120px;
}
.index-flow:before {
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(-90deg, #ffffff, #ffffff 55%, #f4f4f4 100%);
}
.index-flow .canvasRoom {
  background-image: url(../images/bgs-flow.png);
  background-size: 100% auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
}
.index-flow .oList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin-top: 50px;
}
.index-flow .oList:after {
  display: none;
}
.index-flow .oList .oLi {
  position: relative;
  text-align: center;
  z-index: 1;
  width: 80px;
}
.index-flow .oList .oLi:before {
  z-index: -1;
  pointer-events: none;
  content: " ";
  position: absolute;
  bottom: 16px;
  right: 50%;
  height: 1px;
  margin-right: 20px;
  width: 120px;
  background-color: #eaeaea;
  display: none;
}
.index-flow .oList .oLi .ico {
  width: 72px;
  height: 72px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.index-flow .oList .oLi p {
  margin-top: 10px;
  line-height: 20px;
  color: #333333;
}
.index-flow .oList .oLi .snum {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: #b7b6b6 solid 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  font-family: Arial, sans-serif, Microsoft YaHei, '微软雅黑';
  color: #999999;
}
@media screen and (min-width: 1025px) {
  .index-flow .oList .oLi:nth-child(1n+2):before {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .index-flow {
    padding: 1.6rem 0 2.4rem;
  }
  .index-flow .oList {
    margin-top: 1rem;
  }
  .index-flow .oList .oLi {
    width: 74px;
  }
  .index-flow .oList .oLi .ico {
    width: 64px;
    height: 64px;
  }
  .index-flow .oList .oLi .snum {
    display: none;
  }
  .index-flow .oList .oLi p {
    margin-top: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .index-flow .oList .oLi {
    width: 24.5%;
  }
  .index-flow .oList .oLi .ico {
    width: 48px;
    height: 48px;
  }
  .index-flow .oList .oLi:nth-child(1n+5) {
    margin-top: 0.6rem;
  }
}
.index-case {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.index-case-tab {
  position: relative;
  z-index: 7;
}
.index-case-tab .Tg {
  margin-top: -15px;
  text-align: center;
}
.index-case-tab .Tg .btn {
  display: inline-block;
  vertical-align: top;
  color: #999999;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  line-height: 1.4;
}
.index-case-tab .Tg .btn:nth-child(1n+2) {
  margin-left: 0.6rem;
}
.index-case-tab .Tg .btn:hover {
  color: #d81920;
}
.index-case-tab .Tg .btn.on {
  color: #d81920;
}
.index-case-tab .Tt {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}
.index-case-tab .Tt .box {
  display: block;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.index-case-tab .Tt .box.on {
  position: relative;
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
}
.index-case-tab .Tt .sCase-list {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.index-case-tab .Tt .sCase-list .item {
  width: 1%;
}
@media screen and (max-width: 1024px) {
  .index-case-tab .Tt {
    margin-top: 0.6rem;
  }
}
.index-case-tab .Tt {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
}
.index-case-tab._loaded .Tt {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
}
.index-case .sCase-list .item {
  border-radius: 10px;
}
.index-case-swiper + .index-case-swiper {
  margin-top: 1.25%;
}
.index-case-swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.index-case-swiper .item {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-radius: 10px;
  width: 32.5vw;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.index-case-swiper .item:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  pointer-events: none;
  background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%);
}
.index-case-swiper .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 62.56410256%;
  background-color: #f1f1f1;
  /* img {object-fit:contain;} */
}
.index-case-swiper .item .bottomIn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 48px;
  z-index: 6;
}
.index-case-swiper .item .title {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
  padding: 15px;
  color: #fff;
}
.index-case-swiper .item .more {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 68px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  padding-left: 0.04em;
  letter-spacing: 0.04em;
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .index-case-swiper .item:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
  }
  .index-case-swiper .item .bottomIn {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  .index-case-swiper .item .bottomIn:before,
  .index-case-swiper .item .bottomIn:after {
    content: " ";
    position: absolute;
    left: 100%;
    top: 100%;
    z-index: -1;
    pointer-events: none;
    background-color: #d81920;
    border-radius: 50%;
    -webkit-animation-name: rotate360;
            animation-name: rotate360;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  .index-case-swiper .item .bottomIn:before {
    z-index: -2;
    opacity: .5;
    width: 45%;
    padding-bottom: 45%;
    -webkit-transform-origin: 52% 52%;
            transform-origin: 52% 52%;
    margin-left: -21%;
    margin-top: -26%;
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
  }
  .index-case-swiper .item .bottomIn:after {
    width: 35%;
    padding-bottom: 35%;
    -webkit-transform-origin: 48% 48%;
            transform-origin: 48% 48%;
    margin-left: -10%;
    margin-top: -15%;
    -webkit-animation-delay: -1.5s;
            animation-delay: -1.5s;
  }
  .index-case-swiper .item:hover:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
  }
  .index-case-swiper .item:hover .bottomIn {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .index-case-swiper .item:hover .bottomIn:before,
  .index-case-swiper .item:hover .bottomIn:after {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
}
@media screen and (max-width: 1024px) {
  .index-case-swiper .item .title {
    right: 0;
    text-align: center;
    padding: 0.4rem;
  }
  .index-case-swiper .item .more {
    display: none;
  }
}
.index-informations .contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding: 60px 0;
}
.index-informations .contain:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .index-informations .contain {
    display: block;
  }
}
.index-informations .contain .left {
  width: 760px;
}
.index-informations .contain .right {
  width: 410px;
}
.index-informations .contain .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.index-informations .contain .head:after {
  display: none;
}
.index-informations .contain .head .this {
  z-index: 2;
  position: relative;
  padding-left: 12px;
  line-height: 30px;
  color: #333333;
}
.index-informations .contain .head .this:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 1em;
  margin-top: -0.5em;
  background-color: #d81920;
  z-index: -1;
  pointer-events: none;
}
.index-informations .contain .head .more {
  line-height: 20px;
  color: #d81920;
}
.index-informations .contain .body {
  margin-top: 25px;
}
@media screen and (max-width: 1024px) {
  .index-informations .contain {
    padding: 1.2rem 0;
  }
  .index-informations .contain .left,
  .index-informations .contain .right {
    width: 100%;
  }
  .index-informations .contain .right {
    margin-top: 0.8rem;
  }
  .index-informations .contain .body {
    margin-top: 0.5rem;
  }
}
.index-informations-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.index-informations-question:after {
  display: none;
}
.index-informations-question .item {
  position: relative;
  overflow: hidden;
  padding: 10px 15px 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: #d6d6d6 solid 1px;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.index-informations-question .item:nth-child(1n+1) {
  width: 368px;
  margin-left: 24px;
  margin-top: 0;
}
.index-informations-question .item:nth-child( 2n+1) {
  margin-left: 0;
}
.index-informations-question .item:nth-child( 1n+3) {
  margin-top: 20px;
}
.index-informations-question .item .title,
.index-informations-question .item .content {
  padding-left: 50px;
  position: relative;
}
.index-informations-question .item .title:before,
.index-informations-question .item .content:before {
  content: " ";
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.index-informations-question .item .title {
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.index-informations-question .item .title:before {
  background-image: url(../images/ico-qmark.png);
  background-color: #d81920;
}
.index-informations-question .item .content {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 4.5em;
  height: 4.5em;
}
.index-informations-question .item .content:before {
  background-image: url(../images/ico-amark.png);
  background-color: #209773;
}
.index-informations-question .item .tail {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  line-height: 20px;
  padding-left: 50px;
}
.index-informations-question .item .tail:after {
  display: none;
}
.index-informations-question .item .tail .more {
  color: #d81920;
  border-bottom: #d81920 solid 1px;
}
.index-informations-question .item .tail .saw {
  padding-left: 30px;
  background-image: url(../images/ico-saw.png);
  background-size: auto;
  background-position: 0 50%;
  background-repeat: no-repeat;
  color: #666666;
}
@media screen and (min-width: 1025px) {
  .index-informations-question .item:hover {
    border-color: #d81920;
  }
  .index-informations-question .item:hover .title {
    color: #d81920;
  }
}
@media screen and (max-width: 1024px) {
  .index-informations-question .item:active {
    border-color: #d81920;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
  .index-informations-question .item:active .title {
    color: #d81920;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
}
@media screen and (max-width: 1024px) {
  .index-informations-question .item:nth-child(1n+1) {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
  .index-informations-question .item:nth-child( 1n+1) {
    margin-left: 0;
  }
  .index-informations-question .item:nth-child( 1n+2) {
    margin-top: 0.4rem;
  }
  .index-informations-question .item .content {
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3em;
    height: 3em;
  }
  .index-informations-question .item:nth-child(1n+5) {
    display: none;
  }
}
.index-informations-news .item {
  position: relative;
  overflow: hidden;
  z-index: 2;
  height: 26px;
  padding: 5px 0;
  line-height: 26px;
}
.index-informations-news .item .title {
  margin-right: 48px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.index-informations-news .item .time {
  position: absolute;
  right: 0;
  top: 5px;
}
@media screen and (min-width: 1025px) {
  .index-informations-news .item:hover .title {
    color: #d81920;
  }
}
@media screen and (max-width: 1024px) {
  .index-informations-news .item {
    height: 20px;
    line-height: 20px;
  }
  .index-informations-news .item:active .title {
    color: #d81920;
    -webkit-transition: 0ms;
    transition: 0ms;
  }
}
.index-informations-inform {
  margin-top: 15px;
  position: relative;
  overflow: hidden;
  border: #d81920 solid 1px;
  height: 272px;
}
.index-informations-inform .dt {
  height: 44px;
  line-height: 44px;
  color: #fff;
  background-color: #d81920;
  text-align: center;
}
.index-informations-inform .dd {
  height: 222px;
  margin: 3px 15px;
}
.index-informations-inform .dd .box {
  height: auto !important;
}
.index-informations-inform .dd .item {
  border-bottom: #c8c8c8 dashed 1px;
  height: 24px;
  line-height: 24px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.index-informations-inform .dd .item:after {
  display: none;
}
.index .BMap_cpyCtrl {
  display: none !important;
}
/* landing */
.landing .index-banner {
  height: 500px;
}
.landing .index-banner .pagination_banner {
  bottom: 20px;
}
.landing .index-banner .fns {
  bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .landing .index-banner {
    height: 0;
    padding-bottom: 40%;
  }
  .landing .index-banner .pagination_banner {
    bottom: .4rem;
  }
}
.landing .index-informations {
  position: relative;
  z-index: 6;
  background-color: #fff;
}
.landing-section {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.landing-section .bg.c {
  width: 1920px;
  left: 50%;
  margin-left: -960px;
}
.landing-section .bg.c.t {
  top: 0;
  height: auto;
}
.landing-section .bg.c.b {
  top: auto;
  bottom: 0;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .landing-section .bg.c {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
.landing-section .wave {
  pointer-events: none;
  position: relative;
  left: 50%;
  top: 0;
  margin-left: -960px;
  width: 1920px;
  height: 138px;
}
.landing-section .wave .line {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.landing-section .wave .line:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: auto 100%;
  background-position: 0% 50%;
  background-repeat: repeat-x;
  -webkit-animation-name: bgHmove;
          animation-name: bgHmove;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.landing-section .wave .line1:before {
  background-image: url(../images/lp/wave-s1.png);
}
.landing-section .wave .line2:before {
  background-image: url(../images/lp/wave-s2.png);
}
.landing-section .wave .line3:before {
  background-image: url(../images/lp/wave-s3.png);
}
.landing-section .wave.AniStart .line:before {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.landing-section .wave.AniDid .line:before {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.landing-axd {
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.landing-axd .qImg {
  position: relative;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
}
@media screen and (min-width: 1025px) {
  .landing-axd {
    overflow: hidden;
  }
  .landing-axd:before {
    content: "";
    z-index: 22;
    position: absolute;
    overflow: hidden;
    width: 40%;
    height: 100%;
    left: 0;
    top: 0;
    min-width: 60px;
    max-width: 122px;
    left: -100%;
    -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
    -webkit-transition: none 250ms ease-out 0s;
    transition: none 250ms ease-out 0s;
    pointer-events: none;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0));
  }
  .landing-axd:hover:before {
    left: 155%;
    -webkit-transition: all 1200ms ease-out 0s;
    transition: all 1200ms ease-out 0s;
  }
}
@media screen and (max-width: 1024px) {
  .landing-axd .qImg {
    left: 0;
    margin-left: 0;
    width: 100%;
  }
}
.landing-head {
  position: relative;
  text-align: center;
}
.landing-head + .landing-product-list,
.landing-head + .sCase-list {
  margin-top: 50px;
}
@media screen and (max-width: 1024px) {
  .landing-head + .landing-product-list,
  .landing-head + .sCase-list {
    margin-top: 1rem;
  }
}
.landing-head.skin1 .en {
  font-size: 1.125em;
  line-height: .9;
  font-family: Helvetica, Arial, sans-serif;
  color: #333333;
  opacity: .1;
  text-transform: uppercase;
}
.landing-head.skin1 .cn {
  position: relative;
  z-index: 3;
  margin-top: -0.5em;
  font-size: 1em;
  font-weight: bold;
}
.landing-head.skin1 .hr {
  margin-top: 0.4rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 44px;
  height: 4px;
}
.landing-head.skin2 {
  font-size: 42px;
}
.landing-head.skin2 .en {
  line-height: .9;
  font-family: Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.landing-head.skin2 .cn {
  color: #333333;
  margin-top: 10px;
}
.landing-head.skin2 .cn:before,
.landing-head.skin2 .cn:after {
  content: " ";
  display: inline-block;
  vertical-align: top;
  margin: 0 20px;
  width: 102px;
  height: 1em;
  background-image: url(../images/lp/line-skin2.png);
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.landing-head.skin2 .hr {
  margin-top: 0.4rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 44px;
  height: 4px;
}
@media screen and (max-width: 1024px) {
  .landing-head.skin2 {
    font-size: 32px;
  }
}
.landing-btn1 {
  display: block;
  width: 160px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .landing-btn1 {
    margin-top: 1rem;
  }
}
.landing-product-list {
  *zoom: 1;
}
.landing-product-list:after {
  content: "";
  clear: both;
  display: table;
}
.landing-product-list .item {
  z-index: 2;
  float: left;
  position: relative;
  overflow: hidden;
  width: 386px;
  height: 214px;
}
.landing-product-list .item:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  pointer-events: none;
  background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%);
}
.landing-product-list .item .pic {
  width: 100%;
  height: 0 !important;
  padding-bottom: 62.56410256%;
  background-color: #f1f1f1;
  /* img {object-fit:contain;} */
}
.landing-product-list .item .bottomIn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 48px;
  z-index: 6;
}
.landing-product-list .item .title {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
  padding: 15px;
  color: #fff;
}
.landing-product-list .item .more {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 68px;
  height: 48px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  padding-left: 0.04em;
  letter-spacing: 0.04em;
  font-size: 14px;
}
@media screen and (min-width: 1025px) {
  .landing-product-list .item:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
  }
  .landing-product-list .item .bottomIn {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  .landing-product-list .item .bottomIn:before,
  .landing-product-list .item .bottomIn:after {
    content: " ";
    position: absolute;
    left: 100%;
    top: 100%;
    z-index: -1;
    pointer-events: none;
    background-color: #d81920;
    border-radius: 50%;
    -webkit-animation-name: rotate360;
            animation-name: rotate360;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
  }
  .landing-product-list .item .bottomIn:before {
    z-index: -2;
    opacity: .5;
    width: 45%;
    padding-bottom: 45%;
    -webkit-transform-origin: 52% 52%;
            transform-origin: 52% 52%;
    margin-left: -21%;
    margin-top: -26%;
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
  }
  .landing-product-list .item .bottomIn:after {
    width: 35%;
    padding-bottom: 35%;
    -webkit-transform-origin: 48% 48%;
            transform-origin: 48% 48%;
    margin-left: -10%;
    margin-top: -15%;
    -webkit-animation-delay: -1.5s;
            animation-delay: -1.5s;
  }
  .landing-product-list .item:hover:after {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
  }
  .landing-product-list .item:hover .bottomIn {
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .landing-product-list .item:hover .bottomIn:before,
  .landing-product-list .item:hover .bottomIn:after {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
}
@media screen and (max-width: 1024px) {
  .landing-product-list .item .title {
    right: 0;
    text-align: center;
    padding: 0.4rem;
  }
  .landing-product-list .item .more {
    display: none;
  }
}
.landing-product-list .item:nth-child(1) {
  width: 792px;
  height: 448px;
}
.landing-product-list .item:nth-child(1n+1) {
  margin-left: 20px;
}
.landing-product-list .item:nth-child(1n+3) {
  margin-top: 20px;
}
.landing-product-list .item:nth-child(3n+1) {
  margin-left: 0;
}
.landing-product-list .item:nth-child(1n+7) {
  display: none !important;
}
.landing-product-list .item .pic {
  padding-bottom: 56.31578947% !important;
}
.landing-product-list .item .bottomIn:before,
.landing-product-list .item .bottomIn:after {
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
  .landing-product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .landing-product-list:after {
    display: none;
  }
  .landing-product-list .item {
    float: none;
    height: auto !important;
  }
  .landing-product-list .item:nth-child(1n+1) {
    width: 49%;
    margin-left: 2%;
    margin-top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .landing-product-list .item:nth-child( 2n+1) {
    margin-left: 0;
  }
  .landing-product-list .item:nth-child( 1n+3) {
    margin-top: 2%;
  }
}
.landing-product-tab {
  margin-top: 32px;
}
.landing-product-tab .Tg {
  font-size: 0;
  text-align: center;
}
.landing-product-tab .Tg .btn1 {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
  padding: 0 25px;
  min-width: 4em;
  height: 42px;
  line-height: 42px;
  border-radius: 42px;
  color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.landing-product-tab .Tg .btn2 {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  padding: 0 25px;
  min-width: 4em;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  color: #333333;
  font-size: 16px;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  border-radius: 4px;
}
.landing-product-tab .Tt {
  margin-top: 80px;
  min-height: 680px;
}
@media screen and (max-width: 1024px) {
  .landing-product-tab {
    margin-top: 0.64rem;
  }
  .landing-product-tab .Tt {
    margin-top: 1rem;
    min-height: 6rem;
  }
}
.landing-axdvantage .head {
  line-height: 1.65;
  text-align: center;
}
.landing-axdvantage .head .p1 {
  font-size: 40px;
  color: #333333;
  font-weight: bold;
}
.landing-axdvantage .head .p2 {
  font-size: 40px;
  color: #333333;
  text-align: center;
  padding-left: 0.15em;
  letter-spacing: 0.15em;
}
.landing-axdvantage .head .p3 {
  margin-top: 0.2rem;
  font-size: 24px;
}
.landing-axdvantage .head .p3 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  line-height: 48px;
  padding: 0 1em;
  font-weight: lighter;
  border-radius: 100px;
}
.landing-axdvantage .head .p4 {
  position: relative;
  overflow: hidden;
  margin-top: 0.2rem;
  font-size: 24px;
  border-bottom: transparent solid 1px;
}
.landing-axdvantage .head .p4 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  line-height: 48px;
  padding: 0 1em;
  font-weight: lighter;
}
.landing-axdvantage .head .p4 span:before,
.landing-axdvantage .head .p4 span:after {
  content: " ";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  top: 0;
  height: 100%;
  width: 24px;
}
.landing-axdvantage .head .p4 span:before {
  right: 100%;
  margin-right: -12px;
  -webkit-transform: skewX(-0.46364761rad);
          transform: skewX(-0.46364761rad);
}
.landing-axdvantage .head .p4 span:after {
  left: 100%;
  margin-left: -12px;
  -webkit-transform: skewX(0.46364761rad);
          transform: skewX(0.46364761rad);
}
.landing-axdvantage .body {
  position: relative;
  margin-top: 135px;
  height: 480px;
}
.landing-axdvantage .body .center {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -222px;
  margin-top: -222px;
  width: 444px;
  height: 444px;
  z-index: 1;
}
.landing-axdvantage .body .center:before {
  content: " ";
  z-index: -1;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.landing-axdvantage .body .center .this {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 390px;
  height: 390px;
}
.landing-axdvantage .body .center.AniStart:before {
  -webkit-transition: all 0ms ease-out 0ms;
  transition: all 0ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  -webkit-animation-name: rotate360;
          animation-name: rotate360;
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.landing-axdvantage .body .center.AniDid:before {
  -webkit-transition: all 250ms ease-out 0ms;
  transition: all 250ms ease-out 0ms;
  opacity: 1;
  visibility: visible;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.landing-axdvantage .body .item {
  position: absolute;
  padding: 0.2rem 0;
  width: 330px;
}
.landing-axdvantage .body .item.i1,
.landing-axdvantage .body .item.i3 {
  right: 50%;
  margin-right: 260px;
  text-align: right;
}
.landing-axdvantage .body .item.i2,
.landing-axdvantage .body .item.i4 {
  left: 50%;
  margin-left: 260px;
  text-align: left;
}
.landing-axdvantage .body .item.i1 {
  top: 0;
}
.landing-axdvantage .body .item.i2 {
  top: 0;
}
.landing-axdvantage .body .item.i3 {
  top: 280px;
}
.landing-axdvantage .body .item.i4 {
  top: 280px;
}
.landing-axdvantage .body .item .sdt {
  font-size: 30px;
  line-height: 1.66666667;
  color: #333333;
}
.landing-axdvantage .body .item .sdd {
  margin-top: 10px;
  line-height: 1.625;
  color: #999999;
}
@media screen and (max-width: 1024px) {
  .landing-axdvantage .head .p1 {
    font-size: 24px;
  }
  .landing-axdvantage .head .p2 {
    font-size: 24px;
    letter-spacing: 0;
    padding-left: 0;
  }
  .landing-axdvantage .head .p3,
  .landing-axdvantage .head .p4 {
    font-size: 16px;
  }
  .landing-axdvantage .head .p3 span,
  .landing-axdvantage .head .p4 span {
    line-height: 32px;
  }
  .landing-axdvantage .body {
    height: auto;
    margin-top: 1.2rem;
  }
  .landing-axdvantage .body .center {
    display: none;
  }
  .landing-axdvantage .body .item:nth-child(1n+1) {
    width: 100%;
    position: relative;
    left: auto;
    right: auto;
    margin: auto;
    text-align: left;
    top: auto;
  }
  .landing-axdvantage .body .item:nth-child(1n+2) {
    margin-top: 2%;
  }
  .landing-axdvantage .body .item .sdt {
    font-size: 20px;
  }
}
.landing-service .wave {
  margin-top: 25px;
}
.landing-service .oList {
  margin-top: 30px;
  position: relative;
  z-index: 2;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}
.landing-service .oList:after {
  display: none;
}
.landing-service .oList .oLi {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  width: 228px;
  height: 338px;
  border-radius: 228px;
  line-height: 1.625;
  color: #fff;
  padding: 40px 15px ;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.landing-service .oList .oLi:nth-child(1n+2) {
  margin-left: 15px ;
}
.landing-service .oList .oLi .dot {
  position: absolute;
  top: -80px;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.landing-service .oList .oLi .dot:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  margin-top: -6px;
  border-radius: inherit;
}
.landing-service .oList .oLi .snum {
  font-family: "Alien Encounters Solid", Tahoma, Arial, sans-serif;
  margin-left: auto;
  margin-right: auto;
  font-size: 42px;
  width: 88px;
  height: 88px;
  line-height: 92px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.landing-service .oList .oLi .sdt {
  margin-top: 25px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}
.landing-service .oList .oLi .sdd {
  padding: 0 10px;
}
.landing-service .oList .oLi .sdd:before {
  content: " ";
  display: block;
  margin: 10px auto;
  width: 16px;
  height: 2px;
  background-color: #fff;
}
.landing-service .oList .oLi.AniStart .dot {
  -webkit-animation-name: updownFloat;
          animation-name: updownFloat;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.landing-service .oList .oLi.AniDid .dot {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.landing-service .oList .oLi:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.15);
}
.landing-service .foot {
  margin-top: 60px;
  text-align: center;
}
.landing-service .foot .aside {
  font-size: 18px;
  line-height: 1.66666667;
  color: #333333;
}
.landing-service .foot .btn {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .landing-service .wave {
    display: none;
  }
  .landing-service .oList {
    margin-top: 1rem;
  }
  .landing-service .oList .oLi {
    padding: 0.8rem 10px 1rem;
    height: 260px;
  }
  .landing-service .oList .oLi:nth-child(1n+1) {
    margin: 0 5px;
  }
  .landing-service .oList .oLi .dot {
    display: none !important;
  }
  .landing-service .oList .oLi .snum {
    width: 64px;
    height: 64px;
    font-size: 32px;
    line-height: 70px;
  }
  .landing-service .oList .oLi .sdt {
    margin-top: 0.5rem;
    font-size: 16px;
  }
  .landing-service .foot {
    margin-top: 1.2rem;
  }
  .landing-service .foot .aside {
    font-size: 16px;
  }
  .landing-service .foot .btn {
    margin-top: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .landing-service .oList {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .landing-service .oList .oLi {
    border-radius: 0.6rem;
    min-width: 200px;
    height: auto;
    width: 49%;
  }
  .landing-service .oList .oLi:nth-child(1n+1) {
    margin: 0;
  }
  .landing-service .oList .oLi:nth-child(1n+3) {
    margin-top: 2%;
  }
  .landing-service .oList .oLi:nth-child(3) {
    width: 100%;
  }
}
.landing-project .head {
  padding-top: 90px;
  background-image: url(../images/lp/ggc-bg4-head.png);
  background-size: auto;
  background-position: 50% 0;
  background-repeat: no-repeat;
  text-align: center;
}
.landing-project .head .sdt {
  font-weight: bold;
}
.landing-project .head .sdt em {
  color: #ea1819;
  font-size: 1.41666667em;
  margin: 0 .1em;
}
.landing-project .head .sdd {
  position: relative;
  overflow: hidden;
  margin-top: 12px;
  height: 40px;
  line-height: 40px;
}
.landing-project .head .sdd:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
  z-index: -1;
  pointer-events: none;
}
.landing-project .head .sdd span {
  position: relative;
  z-index: 2;
  font-size: 20px;
  font-weight: lighter;
  display: inline-block;
  vertical-align: top;
  padding: 0 40px;
}
.landing-project .head .sdd span:before,
.landing-project .head .sdd span:after {
  content: " ";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  top: 0;
  height: 100%;
  width: 20px;
  -webkit-transform: skewX(-0.46364761rad);
          transform: skewX(-0.46364761rad);
}
.landing-project .head .sdd span:before {
  right: 100%;
  margin-right: -10px;
}
.landing-project .head .sdd span:after {
  left: 100%;
  margin-left: -10px;
}
@media screen and (max-width: 1024px) {
  .landing-project .head {
    padding-top: 1.8rem;
    background-size: auto 100px;
  }
  .landing-project .head .sdd {
    height: 36px;
    line-height: 36px;
  }
  .landing-project .head .sdd span {
    font-size: 16px;
    padding: 0 0.4rem;
  }
}
.landing-project .head2 {
  text-align: center;
}
.landing-project .head2 .sdt {
  font-weight: bold;
}
.landing-project .head2 .sdt em {
  color: #ea1819;
  font-size: 1.41666667em;
  margin: 0 .1em;
}
.landing-project .head2 .sdt:before,
.landing-project .head2 .sdt:after {
  content: " ";
  display: inline-block;
  vertical-align: bottom;
  margin: 0 20px;
  width: 102px;
  height: 1em;
  background-image: url(../images/lp/line-skin2.png);
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.landing-project .head2 .sdd {
  position: relative;
  overflow: hidden;
  margin-top: 16px;
  font-size: 22px;
  font-family: Helvetica, Arial, sans-serif;
  color: #999999;
  text-transform: uppercase;
  text-align: center;
  padding-left: 0.02em;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1024px) {
  .landing-project .head2 .sdd {
    font-size: 16px;
    margin-top: 10px;
  }
}
.landing-project .list {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .landing-project .list {
    margin-top: 0.8rem;
  }
}
.landing-project .list .item {
  position: relative;
  overflow: hidden;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  padding: 10px 0 30px;
}
.landing-project .list .item:after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .landing-project .list .item {
    display: block;
  }
}
.landing-project .list .item:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 22px;
  display: block;
  pointer-events: none;
  background-image: url(../images/lp/line-hr.png);
  background-size: auto 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.landing-project .list .item .picArea {
  width: 550px;
  padding: 0 15px;
}
.landing-project .list .item .picArea .qImg {
  max-width: 100%;
}
.landing-project .list .item .txt {
  width: 520px;
  position: relative;
  padding-left: 110px;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}
.landing-project .list .item .txt .snum {
  position: absolute;
  z-index: 8;
  pointer-events: none;
  left: 0;
  top: 35px;
  width: 64px;
  height: 100px;
  background-color: #d81920;
  -webkit-clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0);
          clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0);
  text-align: center;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.landing-project .list .item .txt .snum span {
  display: inline-block;
  vertical-align: top;
  padding: 20px 0 10px;
  border-bottom: #ffffff solid 2px;
}
.landing-project .list .item .txt .dt {
  line-height: 1.75;
  white-space: nowrap;
}
.landing-project .list .item .txt .dt .p1 {
  font-weight: bold;
}
.landing-project .list .item .txt .oList {
  margin-top: 30px;
}
.landing-project .list .item .txt .oList .oLi {
  position: relative;
  overflow: hidden;
  padding-left: 20px;
  z-index: 1;
  line-height: 1.625;
  color: #666666;
}
.landing-project .list .item .txt .oList .oLi:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0.8125em;
  margin-top: -5px;
  overflow: hidden;
  width: 0;
  height: 0;
  border-width: 5px 6px;
  border-color: transparent transparent transparent transparent;
  border-style: solid;
}
.landing-project .list .item .txt .oList .oLi:nth-child(1n+2) {
  margin-top: 20px;
}
.landing-project .list .item .txt .oList .oLi .sdt {
  font-weight: bold;
}
.landing-project .list .item:nth-child(2n+1) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.landing-project .list .item:nth-child(2n+2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 1024px) {
  .landing-project .list .item {
    padding: 10px 0 30px;
  }
  .landing-project .list .item .picArea,
  .landing-project .list .item .txt {
    width: 100%;
    max-height: auto;
  }
  .landing-project .list .item .picArea {
    padding: 0;
  }
  .landing-project .list .item .txt {
    padding-left: 72px;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
  .landing-project .list .item .txt .snum {
    top: 0.7rem;
    left: 0;
    width: 48px;
    height: 72px;
  }
  .landing-project .list .item .txt .snum span {
    padding: 12px 0 6px;
  }
  .landing-project .list .item .txt .dt {
    white-space: normal;
  }
  .landing-project .list .item .txt .oList {
    margin-top: 0.6rem;
  }
  .landing-project .list .item .txt .oList .oLi {
    padding-left: 12px;
  }
  .landing-project .list .item .txt .oList .oLi:nth-child(1n+2) {
    margin-top: 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .landing-project .list {
    margin-top: 0.8rem;
  }
}
.landing-case-tab {
  margin-top: 35px;
}
.landing-case-tab .Tg {
  font-size: 0;
  text-align: center;
  padding: 0.3rem 0;
  border-top: #ececec solid 1px;
  border-bottom: #ececec solid 1px;
}
.landing-case-tab .Tg .btn {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
  padding: 0 25px;
  height: 32px;
  line-height: 32px;
  color: #333333;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
}
.landing-case-tab .Tt {
  margin-top: 45px;
  height: 503px;
}
.landing-case-tab .Ta {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .landing-case-tab {
    margin-top: 0.7rem;
  }
  .landing-case-tab .Tt {
    margin-top: 0.9rem;
    height: auto;
  }
  .landing-case-tab .Ta {
    margin-top: 1rem;
  }
}
.landing-ggc .ci {
  color: #128858;
}
.landing-ggc .bgci {
  background-color: #128858;
}
.landing-ggc .landing-head .cn {
  color: #128858;
}
.landing-ggc .landing-head .hr {
  background-color: #128858;
}
.landing-ggc .landing-btn1 {
  background-color: #128858;
  color: #fff !important;
}
.landing-ggc .consult-btn:before {
  border-color: #128858;
}
.landing-ggc .consult-btn .span1 {
  color: #128858;
}
.landing-ggc .consult-btn .span2 {
  background-color: #128858;
  background-image: -webkit-linear-gradient(0deg, #128858 0%, #0fb370 100%);
}
.landing-ggc .landing-product-list .item .bottomIn:before,
.landing-ggc .sCase-list .item .bottomIn:before,
.landing-ggc .landing-product-list .item .bottomIn:after,
.landing-ggc .sCase-list .item .bottomIn:after {
  background-color: #128858;
}
.landing-ggc-product {
  padding-top: 80px;
  padding-bottom: 400px;
}
.landing-ggc-product + .landing-section {
  z-index: 4;
}
@media screen and (max-width: 1024px) {
  .landing-ggc-product {
    padding-top: 1.6rem;
    padding-bottom: 5.6rem;
  }
}
.landing-ggc-product .landing-product-tab .Tg .btn:hover {
  color: #128858;
}
.landing-ggc-product .landing-product-tab .Tg .btn.on {
  color: #fff !important;
  background-color: #128858;
}
.landing-ggc-axdvantage {
  margin-top: -90px;
  padding-bottom: 240px;
}
@media screen and (max-width: 1024px) {
  .landing-ggc-axdvantage {
    margin-top: -0.4rem;
    padding-bottom: 4.8rem;
  }
}
.landing-ggc-axdvantage .head .p3 span {
  background-color: #128858;
  color: #fff;
}
.landing-ggc-axdvantage .body .center:before {
  background-image: url(../images/lp/ggc-bg2-center.png);
}
.landing-ggc-service {
  padding-top: 60px;
  padding-bottom: 305px;
}
@media screen and (max-width: 1024px) {
  .landing-ggc-service {
    padding-top: 1.2rem;
    padding-bottom: 6.1rem;
  }
}
.landing-ggc-service .oList .oLi {
  background-color: #128858;
}
.landing-ggc-service .oList .oLi .dot {
  background-color: rgba(18, 136, 88, 0.2);
}
.landing-ggc-service .oList .oLi .dot:after {
  background-color: #128858;
}
.landing-ggc-service .oList .oLi .snum {
  color: #128858;
}
.landing-ggc-project {
  padding-top: 30px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1024px) {
  .landing-ggc-project {
    padding-top: 0.6rem;
    padding-bottom: 4rem;
  }
}
.landing-ggc-project .head {
  background-image: url(../images/lp/ggc-bg4-head.png);
}
.landing-ggc-project .head .sdt {
  color: #128858;
}
.landing-ggc-project .head .sdd span {
  background-color: #128858;
  color: #fff;
}
.landing-ggc-project .head .sdd span:before,
.landing-ggc-project .head .sdd span:after {
  background-color: #128858;
}
.landing-ggc-project .list .item .txt .dt {
  color: #128858;
}
.landing-ggc-project .list .item .txt .oList .oLi:before {
  border-left-color: #128858;
}
.landing-ggc-project .list .item .txt .oList .oLi .sdt {
  color: #128858;
}
.landing-ggc-case {
  padding-top: 55px;
  padding-bottom: 160px;
}
@media screen and (max-width: 1024px) {
  .landing-ggc-case {
    padding-top: 1.1rem;
    padding-bottom: 3.2rem;
  }
}
.landing-ggc-case-tab .Tg .btn:hover {
  color: #128858;
}
.landing-ggc-case-tab .Tg .btn.on {
  color: #fff !important;
  background-color: #128858;
}
.landing-hwc .ci {
  color: #12a87b;
}
.landing-hwc .bgci {
  background-color: #12a87b;
}
.landing-hwc .landing-head .cn {
  color: #12a87b;
}
.landing-hwc .landing-head .hr {
  background-color: #12a87b;
}
.landing-hwc .landing-btn1 {
  background-color: #12a87b;
  color: #fff !important;
}
.landing-hwc .consult-btn:before {
  border-color: #12a87b;
}
.landing-hwc .consult-btn .span1 {
  color: #12a87b;
}
.landing-hwc .consult-btn .span2 {
  background-color: #12a87b;
  background-image: -webkit-linear-gradient(0deg, #12a87b 0%, #16cc82 100%);
}
.landing-hwc .landing-product-list .item .bottomIn:before,
.landing-hwc .sCase-list .item .bottomIn:before,
.landing-hwc .landing-product-list .item .bottomIn:after,
.landing-hwc .sCase-list .item .bottomIn:after {
  background-color: #12a87b;
}
.landing-hwc-product {
  padding-top: 80px;
  padding-bottom: 400px;
}
.landing-hwc-product + .landing-section {
  z-index: 4;
}
@media screen and (max-width: 1024px) {
  .landing-hwc-product {
    padding-top: 1.6rem;
    padding-bottom: 5.6rem;
  }
}
.landing-hwc-product .landing-product-tab .Tg .btn:hover {
  color: #12a87b;
}
.landing-hwc-product .landing-product-tab .Tg .btn.on {
  color: #fff !important;
  background-color: #12a87b;
}
.landing-hwc-axdvantage {
  margin-top: -90px;
  padding-bottom: 265px;
}
@media screen and (max-width: 1024px) {
  .landing-hwc-axdvantage {
    margin-top: -0.4rem;
    padding-bottom: 5.3rem;
  }
}
.landing-hwc-axdvantage .head .p3 span {
  background-color: #12a87b;
  color: #fff;
}
.landing-hwc-axdvantage .body .center:before {
  background-image: url(../images/lp/hwc-bg2-center.png);
}
.landing-hwc-service {
  padding-top: 60px;
  padding-bottom: 180px;
}
@media screen and (max-width: 1024px) {
  .landing-hwc-service {
    padding-top: 1.2rem;
    padding-bottom: 3.6rem;
  }
}
.landing-hwc-service .oList .oLi {
  background-color: #12a87b;
}
.landing-hwc-service .oList .oLi .dot {
  background-color: rgba(18, 168, 123, 0.2);
}
.landing-hwc-service .oList .oLi .dot:after {
  background-color: #12a87b;
}
.landing-hwc-service .oList .oLi .snum {
  color: #12a87b;
}
.landing-hwc-project {
  padding-top: 30px;
  padding-bottom: 180px;
}
@media screen and (max-width: 1024px) {
  .landing-hwc-project {
    padding-top: 0.6rem;
    padding-bottom: 3.6rem;
  }
}
.landing-hwc-project .head {
  background-image: url(../images/lp/ggc-bg4-head.png);
}
.landing-hwc-project .head .sdt {
  color: #12a87b;
}
.landing-hwc-project .head .sdd span {
  background-color: #12a87b;
  color: #fff;
}
.landing-hwc-project .head .sdd span:before,
.landing-hwc-project .head .sdd span:after {
  background-color: #12a87b;
}
.landing-hwc-project .list .item .txt .dt {
  color: #12a87b;
}
.landing-hwc-project .list .item .txt .oList .oLi:before {
  border-left-color: #12a87b;
}
.landing-hwc-project .list .item .txt .oList .oLi .sdt {
  color: #12a87b;
}
.landing-hwc-case {
  padding-top: 55px;
  padding-bottom: 160px;
}
@media screen and (max-width: 1024px) {
  .landing-hwc-case {
    padding-top: 1.1rem;
    padding-bottom: 3.2rem;
  }
}
.landing-hwc-case-tab .Tg .btn:hover {
  color: #12a87b;
}
.landing-hwc-case-tab .Tg .btn.on {
  color: #fff !important;
  background-color: #12a87b;
}
.landing-jwc .ci {
  color: #1c377b;
}
.landing-jwc .bgci {
  background-color: #1c377b;
}
.landing-jwc .landing-head .en {
  color: #1c377b;
}
.landing-jwc .landing-head .hr {
  background-color: #1c377b;
}
.landing-jwc .landing-btn1 {
  background-color: #1c377b;
  color: #fff !important;
}
.landing-jwc .consult-btn:before {
  border-color: #1c377b;
}
.landing-jwc .consult-btn .span1 {
  color: #1c377b;
}
.landing-jwc .consult-btn .span2 {
  background-color: #1c377b;
  background-image: -webkit-linear-gradient(0deg, #1c377b 0%, #0071d1 100%);
}
.landing-jwc .landing-product-list .item .bottomIn:before,
.landing-jwc .sCase-list .item .bottomIn:before,
.landing-jwc .landing-product-list .item .bottomIn:after,
.landing-jwc .sCase-list .item .bottomIn:after {
  background-color: #1c377b;
}
.landing-jwc-product {
  padding-top: 80px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1024px) {
  .landing-jwc-product {
    padding-top: 1.6rem;
    padding-bottom: 4rem;
  }
}
.landing-jwc-product .landing-product-tab .Tg .btn {
  background-color: #0071d1;
  color: #fff;
}
.landing-jwc-product .landing-product-tab .Tg .btn.on {
  color: #fff !important;
  background-color: #1c377b;
}
.landing-jwc-product .landing-product-tab .Tt {
  margin-top: 45px;
}
@media screen and (max-width: 1024px) {
  .landing-jwc-product .landing-product-tab .Tt {
    margin-top: 0.9rem;
  }
}
.landing-jwc-axdvantage {
  margin-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .landing-jwc-axdvantage {
    margin-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
}
.landing-jwc-axdvantage .head .p4 {
  border-bottom-color: #1c377b;
}
.landing-jwc-axdvantage .head .p4 span {
  background-color: #1c377b;
  color: #fff;
}
.landing-jwc-axdvantage .head .p4 span:before,
.landing-jwc-axdvantage .head .p4 span:after {
  background-color: #1c377b;
}
.landing-jwc-axdvantage .body .center:before {
  background-image: url(../images/lp/jwc-bg2-center.png);
}
.landing-jwc-service {
  padding-top: 60px;
  padding-bottom: 500px;
}
@media screen and (max-width: 1024px) {
  .landing-jwc-service {
    padding-top: 1.2rem;
    padding-bottom: 10rem;
  }
}
.landing-jwc-service .oList .oLi {
  background-color: #1c377b;
}
.landing-jwc-service .oList .oLi .dot {
  background-color: rgba(28, 55, 123, 0.2);
}
.landing-jwc-service .oList .oLi .dot:after {
  background-color: #1c377b;
}
.landing-jwc-service .oList .oLi .snum {
  color: #1c377b;
}
.landing-jwc-project {
  margin-top: -160px;
  padding-top: 30px;
  padding-bottom: 50px;
  z-index: 4;
}
@media screen and (max-width: 1024px) {
  .landing-jwc-project {
    margin-top: -0.8rem;
    padding-top: 0.6rem;
    padding-bottom: 1rem;
  }
}
.landing-jwc-project .head2 .sdt {
  color: #1c377b;
}
.landing-jwc-project .head2 .sdd span {
  background-color: #1c377b;
  color: #fff;
}
.landing-jwc-project .head2 .sdd span:before,
.landing-jwc-project .head2 .sdd span:after {
  background-color: #1c377b;
}
.landing-jwc-project .list .item .txt .dt {
  color: #1c377b;
}
.landing-jwc-project .list .item .txt .oList .oLi:before {
  border-left-color: #1c377b;
}
.landing-jwc-project .list .item .txt .oList .oLi .sdt {
  color: #1c377b;
}
.landing-jwc-case {
  padding-top: 55px;
  padding-bottom: 135px;
}
@media screen and (max-width: 1024px) {
  .landing-jwc-case {
    padding-top: 1.1rem;
    padding-bottom: 2.7rem;
  }
}
.landing-jwc-case-tab .Tg .btn:hover {
  color: #1c377b;
}
.landing-jwc-case-tab .Tg .btn.on {
  color: #fff !important;
  background-color: #1c377b;
}
.landing-xfc .ci {
  color: #d81920;
}
.landing-xfc .bgci {
  background-color: #d81920;
}
.landing-xfc .landing-head .en {
  color: #d81920;
}
.landing-xfc .landing-head .hr {
  background-color: #d81920;
}
.landing-xfc .landing-btn1 {
  background-color: #d81920;
  color: #fff !important;
}
.landing-xfc .consult-btn:before {
  border-color: #d81920;
}
.landing-xfc .consult-btn .span1 {
  color: #d81920;
}
.landing-xfc .consult-btn .span2 {
  background-color: #d81920;
  background-image: -webkit-linear-gradient(0deg, #bb0f16 0%, #d81920 100%);
}
.landing-xfc .landing-product-list .item .bottomIn:before,
.landing-xfc .sCase-list .item .bottomIn:before,
.landing-xfc .landing-product-list .item .bottomIn:after,
.landing-xfc .sCase-list .item .bottomIn:after {
  background-color: #d81920;
}
.landing-xfc-product {
  padding-top: 80px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1024px) {
  .landing-xfc-product {
    padding-top: 1.6rem;
    padding-bottom: 4rem;
  }
}
.landing-xfc-product .landing-product-tab .Tg .btn {
  background-color: rgba(177, 20, 26, 0.83);
  color: #fff;
}
.landing-xfc-product .landing-product-tab .Tg .btn.on {
  color: #fff !important;
  background-color: #d81920;
}
.landing-xfc-product .landing-product-tab .Tt {
  margin-top: 45px;
}
@media screen and (max-width: 1024px) {
  .landing-xfc-product .landing-product-tab .Tt {
    margin-top: 0.9rem;
  }
}
.landing-xfc-axdvantage {
  margin-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .landing-xfc-axdvantage {
    margin-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
}
.landing-xfc-axdvantage .head .p4 {
  border-bottom-color: #d81920;
}
.landing-xfc-axdvantage .head .p4 span {
  background-color: #d81920;
  color: #fff;
}
.landing-xfc-axdvantage .head .p4 span:before,
.landing-xfc-axdvantage .head .p4 span:after {
  background-color: #d81920;
}
.landing-xfc-axdvantage .body .center:before {
  background-image: url(../images/lp/xfc-bg2-center.png);
}
.landing-xfc-service {
  padding-top: 60px;
  padding-bottom: 380px;
}
@media screen and (max-width: 1024px) {
  .landing-xfc-service {
    padding-top: 1.2rem;
    padding-bottom: 7.6rem;
  }
}
.landing-xfc-service .oList .oLi {
  background-color: #d81920;
}
.landing-xfc-service .oList .oLi .dot {
  background-color: rgba(216, 25, 32, 0.2);
}
.landing-xfc-service .oList .oLi .dot:after {
  background-color: #d81920;
}
.landing-xfc-service .oList .oLi .snum {
  color: #d81920;
}
.landing-xfc-project {
  margin-top: -60px;
  padding-top: 30px;
  padding-bottom: 50px;
  z-index: 4;
}
@media screen and (max-width: 1024px) {
  .landing-xfc-project {
    margin-top: -0.8rem;
    padding-top: 0.6rem;
    padding-bottom: 1rem;
  }
}
.landing-xfc-project .head2 .sdt {
  color: #333333;
}
.landing-xfc-project .head2 .sdd span {
  background-color: #d81920;
  color: #fff;
}
.landing-xfc-project .head2 .sdd span:before,
.landing-xfc-project .head2 .sdd span:after {
  background-color: #d81920;
}
.landing-xfc-project .list .item .txt .dt {
  color: #d81920;
}
.landing-xfc-project .list .item .txt .oList .oLi:before {
  border-left-color: #d81920;
}
.landing-xfc-project .list .item .txt .oList .oLi .sdt {
  color: #d81920;
}
.landing-xfc-case {
  padding-top: 55px;
  padding-bottom: 105px;
}
@media screen and (max-width: 1024px) {
  .landing-xfc-case {
    padding-top: 1.1rem;
    padding-bottom: 2.1rem;
  }
}
.landing-xfc-case-tab .Tg .btn:hover {
  color: #d81920;
}
.landing-xfc-case-tab .Tg .btn.on {
  color: #fff !important;
  background-color: #d81920;
}
.landing-dzc .ci {
  color: #d81920;
}
.landing-dzc .bgci {
  background-color: #d81920;
}
.landing-dzc .landing-head .en {
  color: #d81920;
}
.landing-dzc .landing-head .hr {
  background-color: #d81920;
}
.landing-dzc .landing-btn1 {
  background-color: #d81920;
  color: #fff !important;
}
.landing-dzc .consult-btn:before {
  border-color: #d81920;
}
.landing-dzc .consult-btn .span1 {
  color: #d81920;
}
.landing-dzc .consult-btn .span2 {
  background-color: #d81920;
  background-image: -webkit-linear-gradient(0deg, #bb0f16 0%, #d81920 100%);
}
.landing-dzc .landing-product-list .item .bottomIn:before,
.landing-dzc .sCase-list .item .bottomIn:before,
.landing-dzc .landing-product-list .item .bottomIn:after,
.landing-dzc .sCase-list .item .bottomIn:after {
  background-color: #d81920;
}
.landing-dzc-product {
  padding-top: 80px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1024px) {
  .landing-dzc-product {
    padding-top: 1.6rem;
    padding-bottom: 4rem;
  }
}
.landing-dzc-product .landing-product-tab .Tg .btn {
  background-color: rgba(177, 20, 26, 0.83);
  color: #fff;
}
.landing-dzc-product .landing-product-tab .Tg .btn.on {
  color: #fff !important;
  background-color: #d81920;
}
.landing-dzc-product .landing-product-tab .Tt {
  margin-top: 45px;
}
@media screen and (max-width: 1024px) {
  .landing-dzc-product .landing-product-tab .Tt {
    margin-top: 0.9rem;
  }
}
.landing-dzc-axdvantage {
  margin-top: 60px;
  padding-bottom: 260px;
}
@media screen and (max-width: 1024px) {
  .landing-dzc-axdvantage {
    margin-top: 1.2rem;
    padding-bottom: 5.2rem;
  }
}
.landing-dzc-axdvantage .head .p4 {
  border-bottom-color: #d81920;
}
.landing-dzc-axdvantage .head .p4 span {
  background-color: #d81920;
  color: #fff;
}
.landing-dzc-axdvantage .head .p4 span:before,
.landing-dzc-axdvantage .head .p4 span:after {
  background-color: #d81920;
}
.landing-dzc-axdvantage .body .center:before {
  background-image: url(../images/lp/dzc-bg2-center.png);
}
.landing-dzc-service {
  padding-top: 80px;
  padding-bottom: 380px;
}
@media screen and (max-width: 1024px) {
  .landing-dzc-service {
    padding-top: 1.6rem;
    padding-bottom: 7.6rem;
  }
}
.landing-dzc-service .oList .oLi {
  background-color: #d81920;
}
.landing-dzc-service .oList .oLi .dot {
  background-color: rgba(216, 25, 32, 0.2);
}
.landing-dzc-service .oList .oLi .dot:after {
  background-color: #d81920;
}
.landing-dzc-service .oList .oLi .snum {
  color: #d81920;
}
.landing-dzc-project {
  margin-top: -60px;
  padding-top: 30px;
  padding-bottom: 50px;
  z-index: 4;
}
@media screen and (max-width: 1024px) {
  .landing-dzc-project {
    margin-top: -0.8rem;
    padding-top: 0.6rem;
    padding-bottom: 1rem;
  }
}
.landing-dzc-project .head2 .sdt {
  color: #333333;
}
.landing-dzc-project .head2 .sdd span {
  background-color: #d81920;
  color: #fff;
}
.landing-dzc-project .head2 .sdd span:before,
.landing-dzc-project .head2 .sdd span:after {
  background-color: #d81920;
}
.landing-dzc-project .list .item .txt .dt {
  color: #d81920;
}
.landing-dzc-project .list .item .txt .oList .oLi:before {
  border-left-color: #d81920;
}
.landing-dzc-project .list .item .txt .oList .oLi .sdt {
  color: #d81920;
}
.landing-dzc-case {
  padding-top: 55px;
  padding-bottom: 105px;
}
@media screen and (max-width: 1024px) {
  .landing-dzc-case {
    padding-top: 1.1rem;
    padding-bottom: 2.1rem;
  }
}
.landing-dzc-case-tab .Tg .btn:hover {
  color: #d81920;
}
.landing-dzc-case-tab .Tg .btn.on {
  color: #fff !important;
  background-color: #d81920;
}
#nb_icon_wrap {
  top: auto !important;
  bottom: 2%;
}



.lazybox {
  z-index: 1;
}
.lazybox:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
  -webkit-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  -webkit-animation-name: rotate360;
          animation-name: rotate360;
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.lazybox._loaded:before {
  -webkit-transition: all 100ms ease-out 0ms;
  transition: all 100ms ease-out 0ms;
  opacity: 0;
  visibility: hidden;
  -webkit-animation-name: none;
          animation-name: none;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.lazybox:before {
  margin: -24px 0 0 -24px;
  width: 48px;
  height: 48px;
}
@media screen and (max-width: 1024px) {
  .lazybox:before {
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px;
  }
}