@charset "UTF-8";
body, html {
  font-size: -webkit-calc(100vw / 120);
  font-size: -moz-calc(100vw / 120);
  font-size: calc(100vw / 120);
}

@media (min-width: 1024px) and (max-width: 1366px) {
  body, html {
    font-size: -webkit-calc(100vw / 100);
    font-size: -moz-calc(100vw / 100);
    font-size: calc(100vw / 100);
  }
}

@media (min-width: 767px) and (max-width: 1024px) {
  body, html {
    font-size: -webkit-calc(100vw / 90);
    font-size: -moz-calc(100vw / 90);
    font-size: calc(100vw / 90);
  }
}

@media (max-width: 767px) {
  body, html {
    font-size: 14px;
  }
}

.tio_naxsa {
  padding-top: 50px;
}

.tio_naxsa dt {
  color: #333333;
  font: 500 20px/60px "sourcehansans";
}

.tio_naxsa dt img {
  width: 40px;
  margin-right: 1em;
}

@media (max-width: 768px) {
  .tio_naxsa dt img {
    width: 30px;
  }
}

.tio_naxsa .s_srsa a {
  display: block;
  color: #666666;
  font: 500 15px/60px "sourcehansans";
}

.tio_naxsa .s_srsa a:hover {
  color: #000;
}

.tio_naxsa .s_srsa a + a {
  margin-left: 3em;
}

.yycja-cont1 {
  font-size: 0;
}

.yycja-cont1 .as_sst {
  width: 100%;
  z-index: 9;
}

.yycja-cont1 .as_sst dt {
  color: #fff;
  font: 600 4rem/1.5em "sourcehansans";
  text-shadow: 0 2px 0.5rem rgba(0, 0, 0, 0.5);
}

.hs {
  background: #000;
}

.hsz {
  color: #000 !important;
}

.secImg {
  z-index: 9;
}

.sec1a {
  position: relative;
  overflow: hidden;
}

.sec_alla {
  background: #000;
}

.jcbfbj {
  background: url(../images/bjs1.jpg) no-repeat center bottom;
  -o-background-size: cover;
     background-size: cover;
  height: 50vw;
  padding: 5% 0;
}

.jcbfbj.jcbfbja1 {
  background: url(../images/bjs1ast1.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
}

.jcbfbj.jcbfbja1 .ahhsdrsa .xp-bj {
  left: 37.3%;
  top: 41%;
  width: 25.36458vw;
}

.jcbfbj .titl_ad {
  position: absolute;
  left: 0;
  width: 100%;
}

.jcbfbj .ahhsdrsa {
  color: #fff;
  margin-top: 4.375rem;
}

.jcbfbj .ahhsdrsa p {
  font: 500 2.25rem/1.8em "sourcehansans";
  position: absolute;
  left: 48.17708%;
  top: 60%;
}

.jcbfbj .ahhsdrsa .xp-bj {
  width: 15.57292vw;
  position: absolute;
  left: 30.83333%;
  top: 50%;
}

.jcbfbj .ahhsdrsa .xp-bj img {
  width: 100%;
}

.secImg img {
  -o-object-fit: cover;
     object-fit: cover;
}

.app_body {
  overflow-x: hidden;
}

.titl_ad {
  color: #fff;
}

.titl_ad dt {
  font: 600 4rem/1.2em "sourcehansans";
}

.titl_ad .p {
  margin-top: 2em;
}

.titl_ad .p dd {
  font: 500 2rem/1.6em "sourcehansans";
}

.titl_ad .p p {
  font: 500 1.5rem/1.7em "sourcehansans";
}

.titl_ad .p p span {
  display: block;
}

.gxl-cont1 {
  padding: 6.25rem 0 43.5rem;
}

.gxl-cont1 .dlta {
  color: #fff;
  font: 600 2.25rem/1.5em "sourcehansans";
  margin-top: 0.5em;
}

.gxl-cont2 {
  padding: 18.125rem 0 29.0625rem;
}

.gxl-cont2 .dtas {
  font: 500 4rem/1.2em "sourcehansans";
  margin-top: 0.2em;
}

.gxl-cont3 {
  background: #000;
  padding: 5.9375rem 0 3.125rem;
}

.gxl-cont3 .dlkbj {
  padding: 0 8%;
  position: relative;
}

.gxl-cont3 .dlkbj i {
  display: block;
}

.gxl-cont3 .dlkbj i img {
  width: 100%;
}

.gxl-cont3 .dlkbj .dlkbj-asd {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 3.7% 10.8% 7.4% 11.8%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.gxl-cont3 .dlkbj .dlkbj-asd img {
  width: 100%;
  height: 100%;
}

.gxl-cont3 .dlkbj .dlkbj-asd .pr {
  width: 100%;
  height: 100%;
}

.gxl-cont3 .dlkbj .dlkbj-asd .pr .twentytwenty-horizontal {
  width: 100%;
  height: 100%;
}

.gxl-cont3 .dlkbj .dlkbj-asd .twentytwenty-container {
  height: 100% !important;
}

.wh-b {
  padding: 0 12.70833%;
}

.sec_allat .sec1ata {
  overflow: hidden;
  position: relative;
}

.sec_allat .sec1ata .jcbfbj-a {
  padding-top: 5vw;
  height: 50vw;
}

.sec_allat .sec1ata .jcbfbj-a .cyl-zsa1 {
  width: 36.26444%;
}

.sec_allat .sec1ata .jcbfbj-a .cyl-zsa1 .titl_ad {
  color: #333333;
}

.sec_allat .sec1ata .jcbfbj-a .cyl-zsa1 .titl_ad .p p {
  color: #666666;
}

.sec_allat .sec1ata .jcbfbj-a .cyl-zsa2 {
  width: 53.85109%;
}

.cdsb-cont3 {
  padding: 7rem 0;
}

.cdsb-cont3 .cdsb-a1 {
  width: 37.80488%;
}

.cdsb-cont3 .cdsb-a1 .titl_ad dt {
  color: #333333;
}

.cdsb-cont3 .cdsb-a1 .titl_ad .p {
  color: #666;
  margin-top: 2em;
}

.cdsb-cont3 .cdsb-a2 {
  width: 40.65041%;
  margin-right: 5%;
}

.wes-sd-z dt {
  color: #333333;
  font: 600 4rem/1.3em "sourcehansans";
}

.wes-sd-z p {
  color: #666666;
  font: 500 1.5rem/1.5em "sourcehansans";
  margin-top: 0.4em;
}

.twentytwenty-horizontal .twentytwenty-after-label:before, .twentytwenty-horizontal .twentytwenty-before-label:before {
  display: none;
}

.tvgq-cont1 {
  overflow: hidden;
}

.tvgq-cont1 .sec1aSrcollDiv {
  width: 100%;
  height: 100%;
}

.tvgq-cont1 .sec1aSrcollDiv h2 {
  color: #fff;
  font: 600 4rem/1.5em "sourcehansans";
  width: 100%;
  text-align: center;
}

.tvgq-cont1 .sec1aSrcollDiv .tvgq-d1 {
  width: 100%;
  color: #fff;
  text-align: center;
  display: none;
}

.tvgq-cont1 .sec1aSrcollDiv .tvgq-d1 dt {
  font: 600 3.125rem/1.5em "sourcehansans";
}

.tvgq-cont1 .sec1aSrcollDiv .tvgq-d1 dd {
  font: 500 2rem/1.4em "sourcehansans";
}

.tvgq-cont1 .sec1aSrcollDiv .tvgq-d1 p {
  font: 500 1.5rem/1.4em "sourcehansans";
}

.tvgq-cont1 .sec1aSrcollDiv.onn h2 {
  display: none;
}

.tvgq-cont1 .sec1aSrcollDiv.onn .tvgq-d1 {
  display: block;
}

.tvgq-cont1 .tvgq-a1 {
  height: 60vw;
}

.tvgq-cont1 .tvgq-a1 .wh-a {
  position: absolute;
  width: 69.11458%;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 10vw;
}

.tvgq-cont1 .tvgq-a1 .wh-a .tvgq-c1 {
  position: relative;
}

.tvgq-cont1 .tvgq-a1 .wh-a .tvgq-c1 .img-asd i {
  display: block;
  font-size: 0;
}

.tvgq-cont2 .tvgq-a2_v1 {
  padding: 5% 3% 5% 12.65625%;
}

.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b1 {
  width: 34.64583%;
  text-align: justify;
}

.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 {
  width: 55.57292%;
}

.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  padding: 7.8% 1.7% 11.2% 3.5%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd .pr {
  width: 100%;
  height: 100%;
}

.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal {
  width: 100%;
  height: 100%;
}

.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container {
  height: 100% !important;
}

.tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.tvgq-cont2.tvgq-cont2_bj {
  background: -webkit-linear-gradient(341.42deg, #4CDA73 2.89%, #00A2E8 87.53%);
  background: -moz-linear-gradient(341.42deg, #4CDA73 2.89%, #00A2E8 87.53%);
  background: -o-linear-gradient(341.42deg, #4CDA73 2.89%, #00A2E8 87.53%);
  background: linear-gradient(108.58deg, #4CDA73 2.89%, #00A2E8 87.53%);
}

.tvgq-cont2.tvgq-cont2_bj .wes-sd-z dt, .tvgq-cont2.tvgq-cont2_bj .wes-sd-z p {
  color: #fff;
}

.tvgq-cont2.tvgq-cont2_bj .tvgq-a2_v1 .tvgq-a2_b2 {
  width: 59.0625%;
}

.tvgq-cont2.tvgq-cont2_bj .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd {
  padding: 3.6% 2.5% 17.8% 3.2%;
}

.tvgq-cont2.tvgq-cont2_bj1 {
  background: url(../images/bjassdt1.jpg) no-repeat center;
  -o-background-size: cover;
     background-size: cover;
}

.tvgq-cont2.tvgq-cont2_bj1 .wes-sd-z dt {
  background: -webkit-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
  background: -moz-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
  background: -o-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
  background: linear-gradient(108.58deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -o-background-clip: text;
     background-clip: text;
  text-fill-color: transparent;
  text-align: left;
}

.tvgq-cont2.tvgq-cont2_bj1 .tvgq-a2_v1 .tvgq-a2_b1 {
  width: 41%;
}

.tvgq-cont2.tvgq-cont2_bj1 .tvgq-a2_v1 .tvgq-a2_b2 {
  width: 46.92708%;
}

.tvgq-cont2.tvgq-cont2_bj1 .tvgq-a2_v1 .tvgq-a2_b2 .dlkbj-asd {
  padding: 4.4% 8% 25.5% 8.4%;
}

.gxl-cont2ta {
  padding: 44.3125rem 0 9.625rem;
}

.gxl-cont2ta .titl_ad-as {
  font: 600 4rem/1.25em "sourcehansans";
  text-align: right;
  color: #fff;
}

.gxl-cont2ta p {
  color: #fff;
  font: 500 1.5rem/1.7em "sourcehansans";
  margin-left: 50%;
  text-align: right;
  margin-top: 1em;
}

@media (max-width: 768px) {
  .gxl-cont2ta p {
    font-size: 1rem;
    margin-left: 10%;
  }
}

.sp_sdt img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pbdn-cont1 .sec1ata .jcbfbj-a {
  height: 38vw;
}

.pbdn-cont1 .wh-b {
  padding: 0 4.21875% 0 12.39583%;
}

.pbdn-cont1 .sec1ata .jcbfbj-a .cyl-zsa2 {
  width: 54.73958%;
}

.pbdn-cont1 .a-sd_sd {
  position: absolute;
  width: 19.27083vw;
  left: 11%;
  top: 46%;
}

.vrsdt-cont1 {
  background: url(../images/bjs3tad.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
}

.vrsdt-cont1 .sec1ata .jcbfbj-a {
  height: 38vw;
}

.vrsdt-cont1 .wh-b {
  padding: 0 11.97917%;
}

.vrsdt-cont1 .sec1ata .jcbfbj-a .cyl-zsa1 {
  width: 100%;
}

.vrsdt-cont1 .sec1ata .jcbfbj-a .cyl-zsa1 .titl_ad, .vrsdt-cont1 .sec1ata .jcbfbj-a .cyl-zsa1 .titl_ad .p p {
  color: #fff;
}

.vrsdt-cont1 .a-sd_sd {
  position: absolute;
  width: 19.27083vw;
  left: 11%;
  top: 46%;
}

.ckxsp-cont1 {
  padding: 4.375rem 0 1.5625rem;
  background: url(../images/xbbj.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
}

.ckxsp-cont1 .ckxsp1-a1 {
  width: 43.05556%;
}

.ckxsp-cont1 .ckxsp1-a1 .wes-sd-z dt, .ckxsp-cont1 .ckxsp1-a1 .wes-sd-z p {
  color: #fff;
}

.ckxsp-cont1 .ckxsp1-a2 {
  width: 30.97222%;
}

.ckxsp-cont2 {
  padding: 25.5rem 0;
}

.ckxsp-cont3 {
  padding: 23.25rem 0 19.875rem;
}

.ckxsp-cont3 .titl_ad p {
  line-height: 1.5em;
  width: 40%;
}

.ckxsp-cont3 .dlta {
  font: 600 2.25rem/1.1em "";
  margin-top: 1em;
}

.ckxsp-cont4 {
  padding: 1rem 0;
  background: url(../images/xbbj4.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
}

.ckxsp-cont4 .ckxsp1-a1 {
  width: 46%;
}

.ckxsp-cont4 .ckxsp1-a1 .wes-sd-z dt, .ckxsp-cont4 .ckxsp1-a1 .wes-sd-z p {
  color: #fff;
}

.ckxsp-cont4 .ckxsp1-a2 {
  width: 52.84722%;
}

.ckxsp-cont5 {
  padding: 7rem 0 9rem;
}

.ckxsp-cont5 .wes-sd-z dt {
  background: -webkit-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
  background: -moz-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
  background: -o-linear-gradient(341.42deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
  background: linear-gradient(108.58deg, #DF5EFF 2.89%, #00B2FF 87.53%), #333333;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -o-background-clip: text;
     background-clip: text;
  text-fill-color: transparent;
}

.ckxsp-cont5 .wes-sd-z p span {
  display: block;
}

.ckxsp-cont5 .tvgq-a2_b2 {
  width: 57.55208%;
  margin: 2.8125rem auto 0;
}

.ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  padding: 2.6% 2.9% 2.9% 2.7%;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd .pr {
  width: 100%;
  height: 100%;
}

.ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal {
  width: 100%;
  height: 100%;
}

.ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container {
  height: 100% !important;
}

.ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2rem;
}

.led-cont1 .as_sst {
  top: auto;
  bottom: 15%;
}

.led-cont5 {
  padding: 6.5rem 0 4.5125rem;
}

.led-cont5 .wes-sd-z dt {
  color: #000;
  background: none;
  -webkit-text-fill-color: #000;
}

.led-cont5 .tvgq-a2_b2 .dlkbj-asd {
  padding: 1.8% 2.2% 2.4%;
}

.led-cont5 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container img {
  border-radius: 0;
}

.led-cont2 .sec1aSrcollDiv.on img {
  border: 1em solid #000000;
}

@-webkit-keyframes LetterColor {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .625rem #00b3ff,
 0 0 1.25rem #FF0000,
 0 0 1.875rem #00b3ff,
 0 0 2.5rem #FFD600,
 0 0 3.125rem #00b3ff,
 0 0 3.75rem #00FB19,
 0 0 4.375rem #00b3ff,
 0 0 5rem #00A3FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .625rem #00b3ff,
 0 0 1.25rem #FF0000,
 0 0 2.5rem #00b3ff,
 0 0 5rem #FFD600,
 0 0 7.5rem #00b3ff,
 0 0 25rem #FFD600;
    /* 色调变换360度 */
    -webkit-filter: hue-rotate(360deg);
            filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}

@-moz-keyframes LetterColor {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .625rem #00b3ff,
 0 0 1.25rem #FF0000,
 0 0 1.875rem #00b3ff,
 0 0 2.5rem #FFD600,
 0 0 3.125rem #00b3ff,
 0 0 3.75rem #00FB19,
 0 0 4.375rem #00b3ff,
 0 0 5rem #00A3FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .625rem #00b3ff,
 0 0 1.25rem #FF0000,
 0 0 2.5rem #00b3ff,
 0 0 5rem #FFD600,
 0 0 7.5rem #00b3ff,
 0 0 25rem #FFD600;
    /* 色调变换360度 */
    filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    filter: hue-rotate(0deg);
  }
}

@-o-keyframes LetterColor {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .625rem #00b3ff,
 0 0 1.25rem #FF0000,
 0 0 1.875rem #00b3ff,
 0 0 2.5rem #FFD600,
 0 0 3.125rem #00b3ff,
 0 0 3.75rem #00FB19,
 0 0 4.375rem #00b3ff,
 0 0 5rem #00A3FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .625rem #00b3ff,
 0 0 1.25rem #FF0000,
 0 0 2.5rem #00b3ff,
 0 0 5rem #FFD600,
 0 0 7.5rem #00b3ff,
 0 0 25rem #FFD600;
    /* 色调变换360度 */
    filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    filter: hue-rotate(0deg);
  }
}

@keyframes LetterColor {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .625rem #00b3ff,
 0 0 1.25rem #FF0000,
 0 0 1.875rem #00b3ff,
 0 0 2.5rem #FFD600,
 0 0 3.125rem #00b3ff,
 0 0 3.75rem #00FB19,
 0 0 4.375rem #00b3ff,
 0 0 5rem #00A3FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .625rem #00b3ff,
 0 0 1.25rem #FF0000,
 0 0 2.5rem #00b3ff,
 0 0 5rem #FFD600,
 0 0 7.5rem #00b3ff,
 0 0 25rem #FFD600;
    /* 色调变换360度 */
    -webkit-filter: hue-rotate(360deg);
            filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}

@-webkit-keyframes LetterColora {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .3125rem #00b3ff,
 0 0 .4375rem #FF0000,
 0 0 .5625rem #00b3ff,
 0 0 .6875rem #FFD600,
 0 0 .8125rem #00b3ff,
 0 0 .9375rem #00FB19,
 0 0 1.0625rem #00b3ff,
 0 0 1.1875rem #00A3FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .3125rem #00b3ff,
 0 0 .4375rem #FF0000,
 0 0 .6875rem #00b3ff,
 0 0 .8125rem #FFD600,
 0 0 .9375rem #00b3ff,
 0 0 1.0625rem #FFD600;
    /* 色调变换360度 */
    -webkit-filter: hue-rotate(360deg);
            filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}

@-moz-keyframes LetterColora {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .3125rem #00b3ff,
 0 0 .4375rem #FF0000,
 0 0 .5625rem #00b3ff,
 0 0 .6875rem #FFD600,
 0 0 .8125rem #00b3ff,
 0 0 .9375rem #00FB19,
 0 0 1.0625rem #00b3ff,
 0 0 1.1875rem #00A3FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .3125rem #00b3ff,
 0 0 .4375rem #FF0000,
 0 0 .6875rem #00b3ff,
 0 0 .8125rem #FFD600,
 0 0 .9375rem #00b3ff,
 0 0 1.0625rem #FFD600;
    /* 色调变换360度 */
    filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    filter: hue-rotate(0deg);
  }
}

@-o-keyframes LetterColora {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .3125rem #00b3ff,
 0 0 .4375rem #FF0000,
 0 0 .5625rem #00b3ff,
 0 0 .6875rem #FFD600,
 0 0 .8125rem #00b3ff,
 0 0 .9375rem #00FB19,
 0 0 1.0625rem #00b3ff,
 0 0 1.1875rem #00A3FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .3125rem #00b3ff,
 0 0 .4375rem #FF0000,
 0 0 .6875rem #00b3ff,
 0 0 .8125rem #FFD600,
 0 0 .9375rem #00b3ff,
 0 0 1.0625rem #FFD600;
    /* 色调变换360度 */
    filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    filter: hue-rotate(0deg);
  }
}

@keyframes LetterColora {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .3125rem #00b3ff,
 0 0 .4375rem #FF0000,
 0 0 .5625rem #00b3ff,
 0 0 .6875rem #FFD600,
 0 0 .8125rem #00b3ff,
 0 0 .9375rem #00FB19,
 0 0 1.0625rem #00b3ff,
 0 0 1.1875rem #00A3FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .3125rem #00b3ff,
 0 0 .4375rem #FF0000,
 0 0 .6875rem #00b3ff,
 0 0 .8125rem #FFD600,
 0 0 .9375rem #00b3ff,
 0 0 1.0625rem #FFD600;
    /* 色调变换360度 */
    -webkit-filter: hue-rotate(360deg);
            filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}

@-webkit-keyframes LetterColorb {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .3125rem #90F9FF,
 0 0 .4375rem #90F9FF,
 0 0 .5625rem #90F9FF,
 0 0 .6875rem #90F9FF,
 0 0 .8125rem #90F9FF,
 0 0 .9375rem #90F9FF,
 0 0 1.0625rem #90F9FF,
 0 0 1.1875rem #90F9FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .3125rem #90F9FF,
 0 0 .4375rem #90F9FF,
 0 0 .6875rem #90F9FF,
 0 0 .8125rem #90F9FF,
 0 0 .9375rem #90F9FF,
 0 0 1.0625rem #90F9FF;
    /* 色调变换360度 */
    -webkit-filter: hue-rotate(360deg);
            filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}

@-moz-keyframes LetterColorb {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .3125rem #90F9FF,
 0 0 .4375rem #90F9FF,
 0 0 .5625rem #90F9FF,
 0 0 .6875rem #90F9FF,
 0 0 .8125rem #90F9FF,
 0 0 .9375rem #90F9FF,
 0 0 1.0625rem #90F9FF,
 0 0 1.1875rem #90F9FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .3125rem #90F9FF,
 0 0 .4375rem #90F9FF,
 0 0 .6875rem #90F9FF,
 0 0 .8125rem #90F9FF,
 0 0 .9375rem #90F9FF,
 0 0 1.0625rem #90F9FF;
    /* 色调变换360度 */
    filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    filter: hue-rotate(0deg);
  }
}

@-o-keyframes LetterColorb {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .3125rem #90F9FF,
 0 0 .4375rem #90F9FF,
 0 0 .5625rem #90F9FF,
 0 0 .6875rem #90F9FF,
 0 0 .8125rem #90F9FF,
 0 0 .9375rem #90F9FF,
 0 0 1.0625rem #90F9FF,
 0 0 1.1875rem #90F9FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .3125rem #90F9FF,
 0 0 .4375rem #90F9FF,
 0 0 .6875rem #90F9FF,
 0 0 .8125rem #90F9FF,
 0 0 .9375rem #90F9FF,
 0 0 1.0625rem #90F9FF;
    /* 色调变换360度 */
    filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    filter: hue-rotate(0deg);
  }
}

@keyframes LetterColorb {
  0% {
    color: #fff;
    /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
    box-shadow: 0 0 .3125rem #90F9FF,
 0 0 .4375rem #90F9FF,
 0 0 .5625rem #90F9FF,
 0 0 .6875rem #90F9FF,
 0 0 .8125rem #90F9FF,
 0 0 .9375rem #90F9FF,
 0 0 1.0625rem #90F9FF,
 0 0 1.1875rem #90F9FF;
    /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
  30%,
  70% {
    color: #fff;
    /* 减少光晕大小 */
    box-shadow: 0 0 .3125rem #90F9FF,
 0 0 .4375rem #90F9FF,
 0 0 .6875rem #90F9FF,
 0 0 .8125rem #90F9FF,
 0 0 .9375rem #90F9FF,
 0 0 1.0625rem #90F9FF;
    /* 色调变换360度 */
    -webkit-filter: hue-rotate(360deg);
            filter: hue-rotate(360deg);
  }
  100% {
    /* 动画结束字变透明 */
    color: transparent;
    /* 动画结束消除阴影 */
    box-shadow: none;
    /* 动画结束色调重置 */
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg);
  }
}

.xg-xp-xont1 {
  background: url(../images/bjs1ast1.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 10.25rem 0 8.25rem;
}

.xg-xp-xont1 .xptiasd {
  width: 23.59375%;
  margin: 0 auto;
  margin-top: 5rem;
  position: relative;
}

.xg-xp-xont1 .xptiasd::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: LetterColor 3s linear infinite;
     -moz-animation: LetterColor 3s linear infinite;
       -o-animation: LetterColor 3s linear infinite;
          animation: LetterColor 3s linear infinite;
  /* 计算每个字的动画起始时间 */
  -webkit-animation-delay: -webkit-calc(0.1s * var(--o));
     -moz-animation-delay: -moz-calc(0.1s * var(--o));
       -o-animation-delay: calc(0.1s * var(--o));
          animation-delay: calc(0.1s * var(--o));
}

.xg-xp-cont2 {
  background: url(../images/bjs1.jpg) no-repeat center bottom;
  -o-background-size: cover;
     background-size: cover;
  padding: 10.1875rem 0 16.875rem;
}

.xg-xp-cont2 .ahhsdrsa {
  margin-top: 6.25rem;
}

.xg-xp-cont2 .ahhsdrsa p {
  color: #fff;
  font-size: 2.25rem;
  margin-left: 1.5em;
}

.xg-xp-cont2 .ahhsdrsa .fgxpz {
  width: 15.0625rem;
}

.xg-xp-cont2 .ahhsdrsa .fgxpz img {
  -webkit-animation: LetterColor 3s linear infinite;
     -moz-animation: LetterColor 3s linear infinite;
       -o-animation: LetterColor 3s linear infinite;
          animation: LetterColor 3s linear infinite;
  /* 计算每个字的动画起始时间 */
  -webkit-animation-delay: -webkit-calc(0.1s * var(--o));
     -moz-animation-delay: -moz-calc(0.1s * var(--o));
       -o-animation-delay: calc(0.1s * var(--o));
          animation-delay: calc(0.1s * var(--o));
}

.xg-xp-cont3 {
  padding: 9.75rem 0 10.9375rem;
}

.xg-xp-cont3 .wh-a {
  padding: 0 4.21875% 0 12.39583%;
}

.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 {
  width: 36.26444%;
}

.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 .titl_ad {
  color: #333333;
  position: relative;
  z-index: 1;
}

.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 .titl_ad .p p {
  color: #666;
}

.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 .fgxpz {
  width: 19.125rem;
  margin-top: 6.25rem;
}

.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 .fgxpz img {
  -webkit-animation: LetterColora 3s linear infinite;
     -moz-animation: LetterColora 3s linear infinite;
       -o-animation: LetterColora 3s linear infinite;
          animation: LetterColora 3s linear infinite;
  /* 计算每个字的动画起始时间 */
  -webkit-animation-delay: -webkit-calc(0.1s * var(--o));
     -moz-animation-delay: -moz-calc(0.1s * var(--o));
       -o-animation-delay: calc(0.1s * var(--o));
          animation-delay: calc(0.1s * var(--o));
}

.xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b2 {
  width: 54.73958%;
}

.FpulseSlow2 {
  -webkit-animation: FpulseSlow2 infinite 3s linear;
  -moz-animation: FpulseSlow2 infinite 3s linear;
  -o-animation: FpulseSlow2 infinite 3s linear;
  animation: FpulseSlow2 infinite 3s linear;
  opacity: 0.1;
}

@-webkit-keyframes FpulseSlow2 {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@-moz-keyframes FpulseSlow2 {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@-o-keyframes FpulseSlow2 {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes FpulseSlow2 {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@-webkit-keyframes opacitya {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes opacitya {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes opacitya {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes opacitya {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.xg-xp-cont4 {
  padding: 7.5rem 0 5.625rem;
}

.xg-xp-cont4 .cyl-zsa1 {
  width: 34.625rem;
}

@media (max-width: 768px) {
  .xg-xp-cont4 .cyl-zsa1 {
    width: 100%;
  }
}

.xg-xp-cont4 .cyl-zsa1 .titl_ad {
  color: #333333;
}

.xg-xp-cont4 .cyl-zsa1 .titl_ad .p p {
  color: #666666;
}

.xg-xp-cont4 .cyl-zsa1 .a-sd_sd {
  position: relative;
  margin-top: 2rem;
}

.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd1 {
  width: 34.625rem;
  height: 34.625rem;
  border-radius: 50%;
  background: url(../images/qa1.svg) no-repeat center;
  -o-background-size: 100% 100%;
     background-size: 100% 100%;
}

@media (max-width: 768px) {
  .xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd1 {
    width: 26rem;
    height: 26rem;
    margin: 0 auto;
  }
}

.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd2 {
  width: 29.5rem;
  height: 29.5rem;
  border-radius: 50%;
  background: url(../images/qa2.svg) no-repeat center;
  -o-background-size: 100% 100%;
     background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -14.75rem;
  margin-left: -14.75rem;
}

@media (max-width: 768px) {
  .xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd2 {
    width: 23rem;
    height: 23rem;
    margin-top: -11.5rem;
    margin-left: -11.5rem;
  }
}

.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd3 {
  width: 24.75rem;
  height: 24.75rem;
  border-radius: 50%;
  background: url(../images/qa3.svg) no-repeat center;
  -o-background-size: 100% 100%;
     background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -12.375rem;
  margin-left: -12.375rem;
}

@media (max-width: 768px) {
  .xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd3 {
    width: 20rem;
    height: 20rem;
    margin-top: -10rem;
    margin-left: -10rem;
  }
}

.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd4 {
  width: 19.75rem;
  height: 19.75rem;
  border-radius: 50%;
  background: url(../images/qa4.svg) no-repeat center;
  -o-background-size: 100% 100%;
     background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -9.875rem;
  margin-left: -9.875rem;
}

@media (max-width: 768px) {
  .xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ysd4 {
    width: 17rem;
    height: 17rem;
    margin-top: -8.5rem;
    margin-left: -8.5rem;
  }
}

.xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ahher {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 15.4375rem;
}

@media (max-width: 768px) {
  .xg-xp-cont4 .cyl-zsa1 .a-sd_sd .ahher {
    width: 12.4375rem;
  }
}

.xg-xp-cont4 .cyl-zsa2 {
  width: 33.85109%;
}

.xg-xp-cont6 {
  background: url(../images/VCG211356688732.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  padding: 13rem 0;
}

.xg-xp-cont6 .a-sd_sd {
  width: 19.1875rem;
  margin-top: 8rem;
}

.xg-xp-cont6 .a-sd_sd img {
  -webkit-animation: LetterColorb 3s linear infinite;
     -moz-animation: LetterColorb 3s linear infinite;
       -o-animation: LetterColorb 3s linear infinite;
          animation: LetterColorb 3s linear infinite;
  /* 计算每个字的动画起始时间 */
  -webkit-animation-delay: -webkit-calc(0.1s * var(--o));
     -moz-animation-delay: -moz-calc(0.1s * var(--o));
       -o-animation-delay: calc(0.1s * var(--o));
          animation-delay: calc(0.1s * var(--o));
}

.aggts-anc {
  border-bottom: 1px solid #CFCFCF;
  display: none;
}

.aggts-anc dl {
  width: -webkit-calc(100%/8);
  width: -moz-calc(100%/8);
  width: calc(100%/8);
  text-align: center;
}

@media (max-width: 1280px) {
  .aggts-anc dl {
    width: -webkit-calc(100%/4);
    width: -moz-calc(100%/4);
    width: calc(100%/4);
  }
}

.aggts-anc dl a {
  padding: 1em 0;
  display: block;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

.aggts-anc dl i {
  display: block;
  width: 2rem;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 1280px) {
  .aggts-anc dl i {
    width: 15%;
  }
}

@media (max-width: 450px) {
  .aggts-anc dl i {
    width: 30%;
  }
}

.aggts-anc dl i img {
  width: 100%;
}

.aggts-anc dl h2 {
  color: #333333;
  font: 500 15px/1.5em "";
  margin-top: 0.5em;
  padding: 0 1em;
}

@media (max-width: 450px) {
  .aggts-anc dl h2 {
    font-size: 12px;
    padding: 0 0.5em;
  }
}

.aggts-anc dl.active i img {
  -webkit-filter: invert(13%) sepia(23%) saturate(7496%) hue-rotate(224deg) brightness(84%) contrast(91%);
          filter: invert(13%) sepia(23%) saturate(7496%) hue-rotate(224deg) brightness(84%) contrast(91%);
}

.aggts-anc dl.active h2 {
  color: #1E2B6A;
}

.more-msl {
  display: inline-block;
  color: #000;
  border: 1px solid #000;
  text-decoration: none;
  position: relative;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  font: 500 1rem/3rem "sourcehansans";
  border-radius: 1.5rem;
  width: 8.75rem;
  text-align: center;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media (max-width: 768px) {
  .more-msl {
    line-height: 2.7rem;
    width: 7.8rem;
    font-size: .875rem;
  }
}

.more-msl i {
  font-weight: 600;
}

@media (max-width: 768px) {
  .more-msl i {
    font-size: .875rem;
  }
}

.more-msl:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.more-msl:hover {
  color: #fff;
}

.more-msl:hover img {
  -webkit-filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
  filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
}

.more-msl:hover::before {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}

.p-liuyan {
  background: rgba(0, 0, 0, 0.65);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  pointer-events: auto;
  z-index: 9999;
}

.p-liuyan, .p-liuyan * {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.p-liuyan .hzyxclass {
  box-shadow: 1px 1px 3.125rem rgba(0, 0, 0, 0.3);
  background: #fff;
  z-index: 999;
  width: 40.78125%;
  padding: 2.125rem 2.13027% 3rem;
  border-radius: .9375rem;
}

@media (max-width: 768px) {
  .p-liuyan .hzyxclass {
    width: 89%;
    padding: 1.6rem 2.3027% 2rem;
  }
}

.p-liuyan .hzyxclass .msg_tita h2 {
  color: #2F2A2A;
  font: 500 1.8rem/1.6em "sourcehansans";
}

@media (max-width: 768px) {
  .p-liuyan .hzyxclass .msg_tita h2 {
    font-size: 1.6rem;
  }
}

.p-liuyan .hzyxclass .msg_tita .jataxta {
  position: absolute;
  right: -2.9rem;
  top: -2.5rem;
}

.p-liuyan .hzyxclass .msg_tita .jataxta i {
  color: #fff;
  font: 500 3.375rem/1em "sourcehansans";
}

@media (max-width: 768px) {
  .p-liuyan .hzyxclass .msg_tita .jataxta {
    right: 0;
  }
  .p-liuyan .hzyxclass .msg_tita .jataxta i {
    font-size: 2rem;
  }
}

.p-liuyan .hzyxclass form {
  margin-top: 1.5625rem;
}

@media (max-width: 768px) {
  .p-liuyan .hzyxclass form {
    margin-top: 1rem;
  }
}

.p-liuyan .hzyxclass form input {
  width: 100%;
  border-radius: 1.6875rem;
  font: 500 1rem/3.25rem "sourcehansans";
  border: 1px solid #E6E5E5;
  text-indent: 1.4em;
  margin-bottom: 1.375rem;
}

@media (max-width: 768px) {
  .p-liuyan .hzyxclass form input {
    margin-bottom: 1rem;
  }
}

.p-liuyan .hzyxclass form textarea {
  width: 100%;
  border-radius: 1.6875rem;
  font: 500 1rem/1.5rem "sourcehansans";
  border: 1px solid #E6E5E5;
  padding: 1em 1.4em;
  margin-bottom: 1.375rem;
}

.p-liuyan .hzyxclass .div_aghgha .more-msl {
  margin: 0 auto;
  background: #fff;
  display: block;
}

.hidden {
  display: none;
}

.erhggsft-xg {
  position: relative;
  z-index: 1;
}

.erhggsft-xg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/huis2.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  display: none;
}

.erhggsft-xg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/huis1.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  -webkit-animation: opacitya 0.8s linear infinite;
     -moz-animation: opacitya 0.8s linear infinite;
       -o-animation: opacitya 0.8s linear infinite;
          animation: opacitya 0.8s linear infinite;
}

.erhggsft-xg1 {
  position: relative;
  z-index: 1;
}

.erhggsft-xg1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/8-8.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
}

.erhggsft-xg1::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/8.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  -webkit-animation: opacitya 0.8s linear infinite;
     -moz-animation: opacitya 0.8s linear infinite;
       -o-animation: opacitya 0.8s linear infinite;
          animation: opacitya 0.8s linear infinite;
}

.erhggsft-xg2 {
  position: relative;
  z-index: 1;
}

.erhggsft-xg2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  -o-background-size: cover;
     background-size: cover;
}

.erhggsft-xg2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/3.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  -webkit-animation: opacitya 0.8s linear infinite;
     -moz-animation: opacitya 0.8s linear infinite;
       -o-animation: opacitya 0.8s linear infinite;
          animation: opacitya 0.8s linear infinite;
  display: none;
}

.erhggsft-xg2 .wh {
  position: relative;
  z-index: 2;
}

.erhggsft-xg3 {
  position: relative;
  z-index: 1;
}

.erhggsft-xg3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/4-4.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
}

.erhggsft-xg3::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/4.jpg) no-repeat center top;
  -o-background-size: cover;
     background-size: cover;
  -webkit-animation: opacitya 0.8s linear infinite;
     -moz-animation: opacitya 0.8s linear infinite;
       -o-animation: opacitya 0.8s linear infinite;
          animation: opacitya 0.8s linear infinite;
}

@media (max-width: 768px) {
  .tio_naxsa dt {
    font-size: 14px;
    line-height: 50px;
  }
  .tio_naxsa .s_srsa a {
    font-size: .75rem;
    line-height: 50px;
  }
  .yycja-cont1 .as_sst dt {
    font-size: 1.7rem;
  }
  .xg-xp-xont1 {
    padding: 2.5rem 0;
  }
  .titl_ad dt {
    font-size: 1.6rem;
  }
  .titl_ad .p {
    margin-top: 1em;
  }
  .wh-a {
    padding: 0 4%;
  }
  .titl_ad .p p {
    font-size: 1rem;
  }
  .titl_ad .p p span {
    display: inline-block;
  }
  .xg-xp-xont1 .xptiasd {
    margin-top: 1.5rem;
    width: 40%;
  }
  .gxl-cont1 .dlta {
    font-size: 1.2rem;
  }
  .gxl-cont1 {
    padding: 2.5rem 0 18rem;
  }
  .gxl-cont2 {
    padding: 8rem 0;
  }
  .tvgq-cont2 .tvgq-a2_v1 {
    padding: 4% 4%;
  }
  .tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b1 {
    width: 100%;
  }
  .wes-sd-z dt {
    font-size: 1.7rem;
  }
  .wes-sd-z p {
    font-size: 1rem;
  }
  .tvgq-cont2.tvgq-cont2_bj .tvgq-a2_v1 .tvgq-a2_b2 {
    width: 100%;
    margin-top: 1em;
  }
  .xg-xp-cont2 {
    padding: 4rem 0 6rem;
  }
  .titl_ad .p dd {
    font-size: 1.4rem;
  }
  .xg-xp-cont2 .ahhsdrsa {
    margin-top: 3rem;
  }
  .xg-xp-cont2 .ahhsdrsa p {
    margin-left: 0;
    font-size: 1.4rem;
    margin-top: 2rem;
  }
  .gxl-cont2 .dtas {
    font-size: 1.4rem;
  }
  .gxl-cont3 {
    padding: 3.9375rem 0 3.125rem;
  }
  .xg-xp-cont3 {
    padding: 3.5rem 0 2rem;
  }
  .xg-xp-cont3 .wh-a {
    padding: 0 4%;
  }
  .xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 {
    width: 100%;
  }
  .xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b2 {
    width: 100%;
    margin-top: 2rem;
  }
  .xg-xp-cont3 .xg-xp-a3_v1 .xg-xp-a3_b1 .fgxpz {
    margin: 0 auto;
    width: 50%;
    margin-top: 2rem;
  }
  .tvgq-cont2.tvgq-cont2_bj1 .tvgq-a2_v1 .tvgq-a2_b1 {
    width: 100%;
  }
  .tvgq-cont2.tvgq-cont2_bj1 .tvgq-a2_v1 .tvgq-a2_b2 {
    width: 100%;
    margin-top: 1em;
  }
  .ckxsp-cont1 .ckxsp1-a1 {
    width: 62%;
  }
  .ckxsp-cont1 {
    padding: 2.5rem 0 1.5625rem;
  }
  .ckxsp-cont3 .titl_ad p {
    width: 100%;
  }
  .ckxsp-cont3 .dlta {
    font-size: 1.4rem;
  }
  .ckxsp-cont5 {
    padding: 4rem 4%;
  }
  .ckxsp-cont5 .wes-sd-z dt {
    padding: 0 11%;
  }
  .ckxsp-cont5 .tvgq-a2_b2 {
    width: 100%;
    margin: 1.5rem auto 0;
  }
  .ckxsp-cont5 .tvgq-a2_b2 .dlkbj-asd .pr .twentytwenty-horizontal .twentytwenty-container img {
    border-radius: 1rem;
  }
  .xg-xp-cont4 {
    padding: 2.5rem 0;
  }
  .xg-xp-cont4 .wh-b {
    padding: 0 5%;
  }
  .xg-xp-cont4 .cyl-zsa2 {
    width: 74%;
    margin: 0 auto;
  }
  .cdsb-cont3 {
    padding: 2.5rem 0;
  }
  .cdsb-cont3 .cdsb-a1 .titl_ad .p {
    margin-top: 1.5rem;
  }
  .cdsb-cont3 .cdsb-a1 {
    width: 100%;
  }
  .cdsb-cont3 .cdsb-a2 {
    width: 80%;
    margin: 0 auto;
  }
  .xg-xp-cont6 {
    padding: 3rem 0;
  }
  .xg-xp-cont6 .wh-b {
    padding: 0 4%;
  }
  .xg-xp-cont6 .a-sd_sd {
    width: 50%;
    margin: 2em auto 0;
  }
  .tvgq-cont1 .tvgq-a1 {
    height: auto;
  }
  .tvgq-cont1 .tvgq-a1 .wh-a {
    position: static;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    margin: 0 auto 2rem;
  }
  .tvgq-cont1 .sec1aSrcollDiv {
    display: none;
  }
  .tvgq-cont2 .tvgq-a2_v1 .tvgq-a2_b2 {
    width: 100%;
  }
  .led-cont2 {
    height: 54vw;
  }
  .gxl-cont2ta {
    padding: 3.5rem 0;
  }
  .gxl-cont2ta .titl_ad-as {
    font-size: 1.7rem;
  }
  .led-cont2.tvgq-cont1 .sec1aSrcollDiv {
    display: block;
  }
  .led-cont2.tvgq-cont1 .sec1aSrcollDiv .secImg {
    height: auto;
  }
  .led-cont2 .sec1aSrcollDiv.on img {
    border: none;
  }
  .tvgq-cont1 .sec1aSrcollDiv h2 {
    font-size: 1.7rem;
    display: block;
  }
}

.gong-tita dt {
  color: #333;
  font: 600 3.2rem/1.3em "sourcehansans";
}

@media (max-width: 768px) {
  .gong-tita dt {
    font-size: 1.7rem;
  }
}

.gong-tita p {
  color: #666;
  font: 500 1.5rem/1.5em "sourcehansans";
  margin-top: 0.4em;
}

@media (max-width: 768px) {
  .gong-tita p {
    font-size: 1rem;
  }
}

.video video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.xg-ba-cont1 {
  position: relative;
}

.xg-ba-cont1 .gong-tita {
  width: 31%;
  position: absolute;
  top: 8%;
  right: 10%;
  z-index: 1;
}

@media (max-width: 1200px) {
  .xg-ba-cont1 .gong-tita {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    padding: 6rem 4%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
  }
}

.xg-ba-cont2 {
  position: relative;
}

.xg-ba-cont2 .gong-tita {
  position: absolute;
  left: 15%;
  width: 40%;
  top: 35%;
  z-index: 1;
}

@media (max-width: 1200px) {
  .xg-ba-cont2 .gong-tita {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    padding: 6rem 4%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
  }
}

.xg-ba-cont2 .gong-tita dt, .xg-ba-cont2 .gong-tita p {
  color: #fff;
  text-shadow: 0 2px 0.5rem rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
  .xg-ba-cont2 .heng {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .xg-ba-cont2 .heng img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

.xg-ba-cont3 {
  position: relative;
}

.xg-ba-cont3 .gong-tita {
  position: absolute;
  left: 15%;
  width: 35%;
  top: 20%;
  z-index: 1;
}

@media (max-width: 1200px) {
  .xg-ba-cont3 .gong-tita {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    padding: 6rem 4%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
  }
}

.xg-ba-cont3 .gong-tita dt {
  color: #fff;
}

.xg-ba-cont3 .gong-tita p {
  color: #fff;
}

.yycja-cont1::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.led-cont1 .as_sst {
  top: 50%;
  bottom: auto;
  text-align: center;
  z-index: 9;
}

.led-cont1 {
  font-size: 0;
}

.sp_sdt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.video {
  font-size: 0;
}

.tvgq-cont1-a {
  overflow: hidden;
}

.tvgq-cont1-a .sec1aSrcollDiv.on .secImg {
  border-radius: 2.2rem;
  overflow: hidden;
}

.tvgq-cont1-a .sec1aSrcollDiv {
  width: 100%;
  height: 100%;
}

.tvgq-cont1-a .sec1aSrcollDiv h2 {
  color: #fff;
  font: 600 4rem/1.5em "sourcehansans";
  width: 100%;
  text-align: center;
}

.tvgq-cont1-a .sec1aSrcollDiv .tvgq-d1 {
  width: 100%;
  color: #fff;
  text-align: center;
  display: none;
}

.tvgq-cont1-a .sec1aSrcollDiv .tvgq-d1 dt {
  font: 600 3.125rem/1.5em "sourcehansans";
}

.tvgq-cont1-a .sec1aSrcollDiv .tvgq-d1 dd {
  font: 500 2rem/1.4em "sourcehansans";
}

.tvgq-cont1-a .sec1aSrcollDiv .tvgq-d1 p {
  font: 500 1.5rem/1.4em "sourcehansans";
}

.tvgq-cont1-a .sec1aSrcollDiv.onn h2 {
  display: none;
}

.tvgq-cont1-a .sec1aSrcollDiv.onn .tvgq-d1 {
  display: block;
}

.tvgq-cont1-a .tvgq-a1 {
  height: 60vw;
}

.tvgq-cont1-a .tvgq-a1 .wh-a {
  position: absolute;
  width: 69.11458%;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 10vw;
}

.tvgq-cont1-a .tvgq-a1 .wh-a .tvgq-c1 {
  position: relative;
}

.tvgq-cont1-a .tvgq-a1 .wh-a .tvgq-c1 .img-asd i {
  display: block;
  font-size: 0;
}

.tvgq-cont2-b .tvgq-a1 {
  height: 60vw;
}

.tvgq-cont2-b .tvgq-a1 .wh-a {
  position: absolute;
  width: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 10vw;
}

.tvgq-cont2-b .tvgq-a1 .wh-a .tvgq-c1 {
  position: relative;
}

.tvgq-cont2-b .tvgq-a1 .wh-a .tvgq-c1 .img-asd i {
  display: block;
  font-size: 0;
}

.s_srsa {
  display: none;
}

.mhide {
  display: none;
  height: 70vh;
}

.mhide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mhidea {
  display: none;
}

@media (max-width: 1200px) {
  .pchide {
    display: none;
  }
  .mhide {
    display: block;
  }
  .mhidea {
    display: block;
  }
}

.m-gy-wes .tvgq-d1 {
  color: #fff;
  text-shadow: 0 2px 0.5rem rgba(0, 0, 0, 0.5);
  text-align: center;
}

.m-gy-wes .tvgq-d1 dt {
  font: 600 4rem/1.5em "sourcehansans";
}

@media (max-width: 768px) {
  .m-gy-wes .tvgq-d1 dt {
    font-size: 1.7rem;
  }
}

.m-gy-wes .tvgq-d1 dd {
  font: 500 2rem/1.4em "sourcehansans";
}

@media (max-width: 768px) {
  .m-gy-wes .tvgq-d1 dd {
    font-size: 1.25rem;
  }
}

.m-gy-wes .tvgq-d1 p {
  font: 500 1.5rem/1.4em "sourcehansans";
}
.czxsfa .sryta{
  position: relative;
}
.czxsfa .sryta::after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .m-gy-wes .tvgq-d1 p {
    font-size: 1rem;
  }
}