@font-face {
  font-family: 'Helvetica';
  src: url(static/img/Helvetica.ttf) format('truetype');
  /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: normal;
  font-style: normal;
}
html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 0.4rem;
  background-color: #090909;
  font-family: "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;
}
.helvet {
  font-family: 'Helvetica';
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
@keyframes updown {
  0% {
    transform: translateY(-0.3rem);
  }
  100% {
    transform: translateY(0.5rem);
  }
}
.tit-box {
  padding: 1rem 0;
}
.action {
  color: #00A8FF;
}
.footer-mt2 {
  margin-bottom: 0.2rem;
}
.bg-canvas {
  position: fixed;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100vh;
  z-index: 0;
}
.pdl {
  padding-left: 1.2rem;
}
.main-container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.main-container * {
  transition: opacity linear 0.3s;
}
.main-container .el-button {
  padding: 0.3rem 0.5rem;
  font-size: 0.35rem;
  border-radius: 0.1rem;
}
.move {
  position: relative;
  display: block;
  width: 1px;
  height: 1.25rem;
  border-right: 0.03rem solid #ccc;
  margin: 21vh auto;
  animation: updown 0.8s ease-in-out infinite alternate both;
}
.move::after {
  position: absolute;
  display: block;
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  bottom: -0.35rem;
  left: -0.35rem;
  border-right: 0.02rem solid #ccc;
  border-bottom: 0.02rem solid #ccc;
  transform: rotate(45deg);
}
h1,
h2,
h4 {
  width: 100%;
  text-align: center;
}
h1 {
  font-size: 1.8rem;
  font-weight: 600;
}
h2 {
  font-size: 1.5rem;
  font-weight: 300;
}
h3 {
  font-size: 0.9rem;
  font-weight: normal;
  color: white;
  text-align: center;
}
h4 {
  font-size: 0.45rem;
}
div {
  box-sizing: border-box;
}
a {
  color: #fff;
  text-decoration: none;
}
a:hover {
  color: #00A8FF;
}
.h100 {
  height: 100%;
}
.clear {
  clear: both;
}
.pr {
  position: relative;
}
.wt100 {
  width: 100%!important;
}
.sanjiaoxin {
  width: 1rem;
  font-size: 0.4rem;
  margin-left: -1rem;
}
.sanjiaoxin::after {
  width: 0;
  height: 0;
  content: '';
  border-top: 0.13rem solid #fff;
  border-bottom: 0.13rem solid transparent;
  border-left: 0.13rem solid transparent;
  border-right: 0.13rem solid transparent;
  position: absolute;
  top: 0.22rem;
  margin-left: 0.1rem;
}
.sanjiaoxin:hover::after {
  border-top: 0.13rem solid #00A8FF;
}
.sect-a1.bgclr::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 3.1rem;
  background: url(static/img/bgclr.png) no-repeat;
  background-size: cover;
  left: 0;
  bottom: -1.5rem;
}
.screen {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 90vh;
  min-width: 20rem;
  min-height: 17.5rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
.sect-a2,
.sect-a3,
.sect-a4 {
  position: relative;
  visibility: hidden;
  opacity: 0;
}
.sect-a2.visible,
.sect-a3.visible,
.sect-a4.visible {
  opacity: 1;
  visibility: visible;
}
.trigger2,
.trigger3,
.trigger4 {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 3rem;
  right: 0;
}
.screen-content {
  position: relative;
  box-sizing: border-box;
  width: 80%;
  margin: 0 auto;
}
.h1-tit {
  letter-spacing: 0.2rem;
  font-size: 1.8rem;
}
.span-tit {
  letter-spacing: 0;
  font-size: 1.8rem;
  padding: 0 0.2rem;
}
.h4-tit {
  font-weight: 300;
  font-size: 0.95rem;
}
.cover {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
  width: 100%;
  height: 100%;
}
.page-header {
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0 5rem;
  transition: opacity 2s;
  -webkit-transition: opacity 2s;
  /* Safari */
}
.page-header .logo {
  background-image: url(static/img/logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.2rem;
  height: 1.25rem;
  position: absolute;
  left: 0;
  top: 0.82rem;
}
.page-header .el-col {
  position: relative;
  padding: 1rem 00;
}
.headerOpacity {
  opacity: 0;
}
.headerFixed {
  position: fixed!important;
  top: 0;
  width: 100%;
  background-color: #000 !important;
  opacity: 1;
  z-index: 3;
  transition: opacity 2s;
  -webkit-transition: opacity 2s;
  /* Safari */
}
.main-menus > .menu-item {
  display: inline-block;
  width: 10%;
  min-width: 3.8rem;
  text-align: center;
  font-size: 0.45rem;
  float: right;
}
.page-footer {
  position: relative;
  padding-top: 2rem;
  background-image: url(static/img/logo-big.png);
  background-size: 38%;
  background-repeat: no-repeat;
  background-position: center -28%;
  background-color: white;
}
.page-footer .el-row {
  height: 5rem;
}
.page-footer .brand {
  position: relative;
  width: 100%;
  min-height: 5vh;
}
.page-footer .logo {
  background-image: url(static/img/logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 3rem;
  height: 1.25rem;
  position: absolute;
  right: 2rem;
  top: 0.25rem;
}
.page-footer .QRcode {
  background-image: url(static/img/code.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  left: 0rem;
  top: 0.5rem;
}
.page-footer .infos > div {
  position: relative;
  font-size: 0.4rem;
}
.page-footer .infos > div::before {
  position: absolute;
  display: block;
  content: '';
  top: 0.2rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.page-footer .phone,
.page-footer .email,
.page-footer .addr,
.page-footer .weibo,
.page-footer .douyin,
.page-footer .linyin {
  padding-left: 0.6rem;
}
.page-footer .weibo::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAACYUlEQVQ4ja2UaYiPURTGf2PNMmNkC/GBEjMTUhSyJVKuyJKaD3wgpSSiJqXIh2ks35QikqWsSTn5YCs7zT/J0mQpJCIxZG2sHT1vrvt/+TJz6u3ee+49z73v85xzSgqFAs2wjgptMrNvKUyrZgBXAh/1fQ0hnAshjGwp8HvAOuAI8AqYBFwOISxsCXCn4SKwDRgIrAdaA7tCCOP9QJuikD9WAkwGpgJdgf3A+Wi/PXBagE+AOaJoM7AVGPYvQccA24GqyOeBPYFPkW+4Ll8r/yCgXmNZHi2r9LtVib8T0DdadwHumNkmYDnQC5gFnNB+aQpeB2z5jxZjgT0S8C3wOoTggJe03x94oXnbmPPVQE0R3N+2O1mXKWYcsAE4BMzWXlMGPl1C5Nkb4D3QGeiWs/9MBeRpSQjBxXwIvHRBS4EH4sztB3BU2XEBeBcBlSuflwJT5DvlgppZfXqrg68BarW+D8wHbir9ZgJDgUbgOHA7il2ijMpsp/vM7GfmcOGqNXchJgh4lC5yjleKT/fPjcB2AHuj9WJgRvxyBx+ieV2ktIN219z5bNDZjcmfn0nWI1LwL5rf1dgPqAAOiqIrns/aG5CA9U7WT1Pws5pXamyncQVwGHgMzJOvIYrtIN4z84w6loLXKkNq9JJHwA1V2klggc5+UJZkD9inhpXZMjNrTMGvA4uAHsBVYKKEPaBLnVevWqfKG5cXzDU1KrfPHm9msbi/LW5c3oQcxDuhp5y/2mnwPPfiGQxMi3rOd9WD57gXTZHldUXvaJ5So6VDH5W5v9AFu6U/cH6fm1keLgC/ACLbpEcEqHnDAAAAAElFTkSuQmCC);
}
.page-footer .douyin::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAABJklEQVQ4jaXUr0sEURAH8M8dYlGDHOIfoCD2M4nYDQpGm8UiWgwGRQ0mwX/BZhZEsyYR7rBYDP4KGkQxqHBFQR68hWXfesfhFxbezHxn9jvzZrfSbDZ1wCEWIuUYc3l6tX1ugin0/6fAINbzjp6E0hkb+MYeWt0qCKhgB69odFuglTv3oV7WwgjGIvmsEDuIieFWehWGGJw3uMUp1pLSfGIRNUyGc6Yg9LSd0FMMRM8XLsITFExjq0B9iEqKSGYWFKzGyQY8xU27SlL/QDX2kmG3m2SxQC1n3yeMEtnF4GPOrhfi4aomcvZzWYGjnL2JZYxiBudxLzKcFAuEz3kY1xhqJzW+aL5MwQtm8d4muYGlskA2oEuMYx93+MFHXJaV+B94S7LxC/MRMyzHzs+oAAAAAElFTkSuQmCC);
}
.page-footer .linyin::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAABeUlEQVQ4je2Vuy6EYRCGn11siEQjFCRCQaISiUo0otBsXAEalUpCIWoNIuICaLiFKSSi3cZegIgShY1jdsWZTDK/jO+3K7v/lt7qnS8zeeeU+VL5fB6HMWATaAd2gHX+gIhUdgAaHW8F9oA+s9cAzeAoFlUl0s69DegJwgeSChCIXGn1zr4FDmMRNcC36x2YAeaBDmAfOKuHSDj4WqDdyIjIU7nYUGQB6Df+CaxaG4eBOee3C1wAK8C4Lc01cABsi8hdJZFjYMTZg8AJMG3ti7AFTABDsbQhB0yKSDF6SAcOJce1kg/jr4HfYhkBxWhQdUykGpwCG1ZVIYibqodIwdq1LCJLwKxVHqE3m81mkoroFTh3ds4GH0EFmpKKXAb2C1B0tq+qZpFU7KUCkgz+X4QGx1Ou9+EMfmuzj/X8xxVW6M25N64b8mz80b0rHoI4vQg39icp9Jv4vhJ6u7pdZp1AsxPRVdUvoMXOfwQV9KKKLpf02/eaQ+kL+SRZNd+/8ucAAAAASUVORK5CYII=);
}
.page-footer .phone::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABBUlEQVQokZXSvyvFYRTH8Zd7Q6Kkrn9Ax2iwsF91bSZhMBuU/8Bm8A8YpJTVj0UsBnalDEYnfwBlUAZxy3C/t76uH32deuo5n57355zzPE9fZtZxgHnMRcSdilHDNlYxjqvMnPoPvF7KG/8xqBWrHA3sV4Uve7R3bFWFj0t5G4sRcVYVPsRjkdfxWgWEWkS89bS5l5mjVSvDLm6L/QSOMnOgEhwRH1jGS6G3cJGZY92DmbmQmTeZOdvV+spOmdnEOYYK6QFrGMYJ+osCrYi4/gKXDE4xUpLbOpfZjRe0vsGFwaTOK0z/MfJz7+8CEXGPGWzg6Rf4/MfKPV0MYgVLaOIDO9j8BFGESuL9H1x/AAAAAElFTkSuQmCC);
}
.page-footer .email::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAA7UlEQVQ4jc3SMS9EURCG4Wcv2Q4/QKGVUB40CoVGZxUaEVFKdEKQoBOtZOO2KrVfoNGesJ1KoVCrRCguhXMLyyXrKnzJNJP53pkzZxoxxjbWkPmdCuQZFmpAJO9ihnGc1gCdYSzDTAhhFbO47QFwh7kQwhKmGzHGV5xjHQ84wAb6KgAFjrGHIbTRKnczjxusYAcTuPoCco2p1Gg5eVp8XPIATnCJ52TYxFOKLUziMdXkGCzN5dO69YIjHGI45e6xi200uw1V397EPjoYSdFJuU8Q6K8AlRrFxQ81307Us/4nqPgDTpF5v4c6sAL5G0hkM9S2jtyjAAAAAElFTkSuQmCC);
}
.page-footer .addr::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAYAAADQ4S5JAAABBElEQVQokY3QLUtFURCF4eccBJuiwWBQkybbgEEQ7DYR/QNaDBpv0WwWf4DeZhduMvvBJG+z+AFaFZtYDO4DR7mKCzbMrHmHvfauFGXmKHawjtli3+IUhxHxClWB53GGKYP1iJWI6FeZOY4+Jn+BGz1jvkbnB3yO5XLOW/4kOlVm3mO6mA+Yi4j3EnW4vKOJelf/yN1vYCj1TWs+U+OtZSxm5kTTlHqpNX8bQg8bxRjDZWYe+frBbYy0FnpVZi7g0v+0UEfEFbr/gLsRcV2XZhdPf8BPhVFDRLxgDR8D4A+sFkZzg4i4wNaAhc0S27eFsnSM/Za1FxEnf0T9UmYeZObBoNkntEpORyYavGQAAAAASUVORK5CYII=);
}
.page-footer .footer-wrapper {
  background-color: #141414;
  width: 100%;
  height: 6.25rem;
  padding-top: 1.25rem;
  line-height: 0.75rem;
  overflow: hidden;
}
.txt-center {
  text-align: center;
}
@-webkit-keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main-container {
  height: auto;
}
.bannerEn {
  font-size: 0.8rem;
  margin-top: 0.4rem;
}
.sect-a1 {
  background-image: url(static/img/homebg.jpg);
  background-position-y: 1rem;
  position: relative;
}
.sect-a1 .screen-content {
  padding-top: 28vh;
}
.sect-a1 .video {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.sect-a1 .parterner {
  width: 100%;
  text-align: center;
  font-size: 0.35rem;
  position: absolute;
  bottom: -3.1rem;
}
.sect-a1 .parterner > span {
  position: relative;
  display: inline-block;
  padding: 0.25rem 0.75rem;
}
.sect-a1 .parterner > span b {
  position: absolute;
  display: block;
  bottom: 0.5rem;
  right: 0;
  width: 2rem;
  font-weight: normal;
}
.vh99 {
  height: 99vh;
}
.title-line {
  line-height: 1.3rem;
  color: #999;
}
.sect-a2 {
  background-image: url(static/img/dotbg.png);
  padding-top: 12vh;
}
.sect-a2 .caba-circle-1,
.sect-a2 .caba-circle-2,
.sect-a2 .caba-circle-3 {
  opacity: 0;
}
.sect-a2.visible .caba-circle-1,
.sect-a2.visible .caba-circle-1 > div {
  opacity: 1;
  transition: all 1s linear;
}
.sect-a2.visible .caba-circle-2,
.sect-a2.visible .caba-circle-2 > div {
  opacity: 1;
  transition: all 1s linear 0.5s;
}
.sect-a2.visible .caba-circle-3,
.sect-a2.visible .caba-circle-3 > div {
  opacity: 1;
  transition: all 1s linear 1.5s;
}
.sect-a2 .caba-circle-1,
.sect-a2 .caba-circle-2,
.sect-a2 .caba-circle-3 {
  border: 0.025rem solid #fff;
  border-radius: 100%;
}
.sect-a2 .caba-circle-1 {
  position: relative;
  margin: 10vh auto;
  width: 55vh;
  height: 55vh;
}
.sect-a2 .caba-circle-1 .caba-1-dot-1 {
  left: 15vh;
  bottom: 2vh;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #fff;
}
.sect-a2 .caba-1-icon-1,
.sect-a2 .caba-1-icon-2,
.sect-a2 .caba-1-icon-3,
.sect-a2 .caba-1-dot-1 {
  position: absolute;
  background-color: #00A8FF;
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center center;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.6rem;
  line-height: 1.125rem;
  border-radius: 100%;
}
.sect-a2 .caba-1-icon-1 b,
.sect-a2 .caba-1-icon-2 b,
.sect-a2 .caba-1-icon-3 b,
.sect-a2 .caba-1-dot-1 b {
  color: #fff;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
  display: block;
}
.sect-a2 .caba-1-icon-1 .info,
.sect-a2 .caba-1-icon-2 .info,
.sect-a2 .caba-1-icon-3 .info,
.sect-a2 .caba-1-dot-1 .info {
  position: absolute;
  display: block;
}
.sect-a2 .caba-1-icon-1 .info,
.sect-a2 .caba-1-icon-3 .info,
.sect-a2 .caba-1-icon-2 .info {
  background-color: #6a6a6a75;
  padding: 0.4rem;
  border-radius: 0.4rem;
  text-align: center;
  top: -0.3rem;
}
.sect-a2 .caba-1-icon-1 .info span,
.sect-a2 .caba-1-icon-3 .info span,
.sect-a2 .caba-1-icon-2 .info span {
  color: #00A8FF;
  margin-right: 0.2rem;
}
.sect-a2 .caba-1-icon-1 {
  /*background-image: url('./img/icon-c2b.png');*/
  position: absolute;
  top: 13vh;
  left: 0;
}
.sect-a2 .caba-1-icon-1 .info {
  position: absolute;
  width: 10.5rem;
  right: 1.8rem;
}
.sect-a2 .caba-1-icon-2 {
  /*background-image: url('./img/icon-c2m.png');*/
  position: absolute;
  top: 4vh;
  right: 7vh;
}
.sect-a2 .caba-1-icon-2 .info {
  width: 11.25rem;
  position: absolute;
  left: 1.5rem;
  top: -1.5rem;
}
.sect-a2 .caba-1-icon-3 {
  /*background-image: url('./img/icon-b2b.png');*/
  position: absolute;
  bottom: 10vh;
  right: 2vh;
}
.sect-a2 .caba-1-icon-3 .info {
  position: absolute;
  width: 11.25rem;
  left: 0.5rem;
  top: 1.6rem;
}
.sect-a2 .caba-circle-2 {
  position: relative;
  margin: 10vh auto;
  width: 35vh;
  height: 35vh;
}
.sect-a2 .caba-circle-2 h4 {
  color: #00A8FF;
}
.sect-a2 .caba-circle-2 .info {
  position: absolute;
  bottom: 3vh;
  left: 0;
  width: 100%;
  text-align: center;
  height: 6vh;
  line-height: 2vh;
  font-size: 0.32rem;
}
.sect-a2 .caba-circle-2 .info h4 {
  margin-bottom: 0.1rem;
}
.sect-a2 .caba-2-dot-1,
.sect-a2 .caba-2-dot-2 {
  position: absolute;
  border: 0.025rem solid #fff;
  background-color: #fff;
  border-radius: 100%;
  width: 0.25rem;
  height: 0.25rem;
}
.sect-a2 .caba-2-dot-1 {
  left: 12.6vh;
  top: 0;
}
.sect-a2 .caba-2-dot-2 {
  right: 0;
  bottom: 12.6vh;
}
.sect-a2 .caba-circle-3 {
  margin: 11vh auto;
  width: 13vh;
  height: 13vh;
  background: url(static/img/icon-caba.png) white center center no-repeat;
  background-size: 80% 80%;
  -webkit-animation: rotate360 20s ease-in-out 1s infinite alternate both;
  animation: rotate360 20s ease-in-out 1s infinite alternate both;
}
.sect-a3 {
  padding-top: 12vh;
  padding-top: 16vh;
  font-size: 0.7rem;
  line-height: 1.3rem;
  font-weight: 200;
  height: 77vh;
}
.sect-a3 .c-left {
  padding-right: 0.7rem;
}
.sect-a3 .choose-content ul {
  padding-left: 0.8rem;
  margin-top: 2rem;
}
.sect-a3 .choose-content ul li {
  font-size: 0.6rem;
  line-height: 1.5rem;
}
.sect-a3 .choose-content .h3 {
  margin-left: -0.8rem;
  line-height: 3rem;
  color: #00A8FF;
  list-style: none;
  font-size: 0.7rem;
}
.sect-a3 .start-your {
  position: relative;
  width: 100%;
  height: 30vh;
  margin-top: 5vh;
  box-sizing: border-box;
}
.sect-a3 .start-your .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(static/img/start-project.jpg) no-repeat;
  background-size: cover;
  opacity: 0.5;
}
.sect-a3 .start-your .wrapper {
  position: relative;
  width: 80%;
  margin: 0 auto;
  line-height: 0.75rem;
  padding-top: 10vh;
}
.sect-a3 .start-your h3,
.sect-a3 .start-your h4 {
  width: 80%;
  text-align: left;
  margin: 0 auto;
  line-height: 1.1rem;
}
.sect-a3 .start-your h4 {
  font-weight: 300;
}
.sect-a3 .start-your a:hover {
  color: #eee;
}
.sect-a3 .project {
  margin: 0.5rem auto 0 auto;
  width: 80%;
}
.sect-a3 .project > span {
  font-size: 0.45rem;
  padding-right: 0.75rem;
}
.sect-a3 .project a,
.sect-a3 .project a:hover {
  color: #00A8FF;
}
.sect-a3 .know {
  position: absolute;
  font-size: 0.45rem;
  color: #fff;
  right: 2.5rem;
  top: 12vh;
  padding: 0.125rem 0.5rem;
  border-radius: 0.125rem;
  border: 0.025rem solid #333;
  background-color: #00A8FF;
}
.sect-a4 {
  height: auto!important;
  margin-bottom: 3rem;
}
.sect-a4 .move {
  margin: 5vh auto;
}
.slider-wrapper {
  position: relative;
  margin: 1.25rem auto 0 auto;
  max-width: 90%;
  width: 34.5rem;
  height: 16.5rem;
}
.slider-wrapper img {
  width: 100%;
  display: block;
}
.slider-wrapper .slider-body {
  position: relative;
  float: right;
  width: 75%;
  height: 100%;
  overflow: hidden;
}
.slider-wrapper .slider-body .content {
  transition: all linear 0.3s;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.slider-wrapper .slider-body .content.actived {
  visibility: visible;
  opacity: 1;
}
.slider-wrapper .slider-body .text-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.5rem;
  font-size: 0.55rem;
  line-height: 0.8rem;
  padding-top: 0.4rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.slider-wrapper .slider-body .text-wrapper .bigText {
  line-height: 0.8rem;
}
.slider-wrapper .slider-body .text-wrapper .time {
  padding-top: 0.75rem;
  text-align: right;
  font-size: 0.4rem;
  /*line-height: 1.2rem;*/
}
.slider-wrapper .slider-abbr {
  position: relative;
  float: left;
  width: 25%;
  height: 100%;
  overflow: hidden;
}
.slider-wrapper .slider-abbr .cover-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.slider-wrapper .slider-abbr .cover-wrapper .title {
  line-height: 0.6rem;
  margin-bottom: 0.6rem;
  font-size: 0.6rem;
  color: rgba(204, 204, 204, 0.6);
}
.slider-wrapper .slider-abbr .cover-wrapper .time {
  color: rgba(204, 204, 204, 0.6);
}
.slider-wrapper .slider-abbr .actived .cover-wrapper .title {
  color: #fff;
}
.slider-wrapper .slider-abbr .actived .cover-wrapper .time {
  color: #fff;
}
.slider-wrapper .slider-abbr .menu-wrapper {
  transition: all linear 0.3s;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  height: 33.33333%;
  width: 100%;
  overflow: hidden;
}
.slider-wrapper .slider-abbr .menu-wrapper.actived .cover-wrapper {
  background-color: rgba(0, 0, 0, 0);
}
.slider-wrapper .slider-abbr .text {
  position: absolute;
  bottom: 0.125rem;
  left: 0.2rem;
  font-size: 0.325rem;
  padding-left: 0.25rem;
  line-height: 0.5rem;
}
.slider-wrapper .slider-abbr b {
  font-weight: bold;
}
.slider-wrapper .slider-abbr .time {
  font-size: 0.37rem;
  margin-bottom: 0.2rem;
}
.slider-wrapper::after {
  clear: both;
}