.new-year-landing-page{background: #000000;}
.nowrap{white-space: nowrap; }
a{
  text-decoration: none;
}
.m-show{display: none}
.pc-show{display: block}
@media(max-width:736px) {.m-show{display: block} .pc-show{display: none}}
.overview-content .hero-banner {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  height: 53em;
  position: relative;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  background-image: url("images/hero-banner.png");
background-color:#000000;
}
.overview-content .hero-banner .w-container {
  width: 85.375em;
  margin: 0 auto
}
.overview-content .hero-banner .text {
  padding: 5.5em 0 0 0;
  text-align: center;
  color: #fff;
}
.overview-content .hero-banner h1 {
  font-size: 2.8em;
  font-weight: 500;
  line-height: 1.2;
  padding: 0 0 0.8em;
}
.overview-content .hero-banner p {
  font-size: 1.2em;
	font-weight:300;
	line-height: 1.5;
}
@media(max-width:1680px) {
  .overview-content .hero-banner {
    font-size: 14px
  }
}
@media(max-width:1440px) {
  .overview-content .hero-banner {
    font-size: 12px
  }
}
@media (max-width:1024px){ .overview-content .hero-banner {font-size:11px;} }
@media(max-width:736px) {
  .overview-content .hero-banner {
    font-size: 10.35px;
    height: 100vw;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("images/hero-banner-m.png")
  }
  .overview-content .hero-banner .w-container {
    width: auto
  }
  .overview-content .hero-banner .text {
    padding: 10vw 6vw 0 6vw;
    text-align: center;
  }
  .overview-content .hero-banner h1 {
  font-size: 7vw;
  padding: 0 0 3vw;
}
.overview-content .hero-banner p {
  font-size: 3.4vw;
}
}
@media(max-width:414px) {
  .overview-content .hero-banner {
    font-size: 2.5vw
  }
}



.overview-content .c {
  font-size: 16px;
  margin: 0 auto;
  max-width: 120em;
	background: #000;
}

.overview-content .c .swiper {
  overflow: hidden;
  position: relative;
  padding: 0 0 8em 0;
width: 70em;
	margin:0 auto;
}

.overview-content .c .swiper-slide .w-container {
  width: 70em;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.overview-content .c h2 {
  font-size: 1.9em;
  font-weight: 500;
  line-height: 1.2;
  padding: 0 0 .5em;
}
.overview-content .c p {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.5;
	padding-bottom:0.7em;
}
.overview-content .c .swiper-slide .img-container {
  width: 55em;margin:auto;
}
.overview-content .c .swiper-slide .img-container img {
  width: 100%;
}
.overview-content .c .swiper-pagination-bullet {
  background: #ccc;
}
.overview-content .c .swiper-pagination-bullet-active {
  background: #2273FF;
}

.overview-content .c .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 5em;
}

.overview-content .c .prev {
  position: absolute;
  top: 40%;
  left: 0;
  transform: translateY(-50%);
  width: 3em;
  z-index: 3;
  cursor: pointer;
}

.overview-content .c .next {
  position: absolute;
  top: 40%;
  right: 0;
  transform: translateY(-50%);
  width: 3em;
  z-index: 3;
  cursor: pointer;
}

@media (max-width:1680px) {
  .overview-content .c {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .overview-content .c {
    font-size: 12px;
  }
}
@media (max-width:1024px){ .overview-content .c{font-size:11px;} }
@media (max-width:736px) {
  .overview-content .c {
    font-size: 10.35px;

  }
.overview-content .c .swiper {
width: 94vw;
	  padding: 0;
	text-align: center;
}

  .overview-content .c .swiper-slide .w-container {
    width: auto;
    flex-wrap: wrap;
  }

  .overview-content .c .swiper-slide .img-container {
    width: 56vw;
    margin: 0 auto;
	  padding:0 0 3.5vw 0;
  }

  .overview-content .c .prev {
    width: 7vw;
  }

  .overview-content .c .next {
    width: 7vw;

  }
}

@media (max-width:414px) {
  .overview-content .c {
    font-size: 2.5vw;
  }
}


.overview-content .c .swiper-slide .text a{color:#000!important}
.overview-content .c .swiper-slide .text a:hover{color:#666!important}








.overview-content .d{font-size: 16px;text-align:center;background-color: #000; color:#fff;max-width: 120em;margin:0 auto;}
.overview-content .d .w-container {width: 85.375em;margin: 0 auto;padding:2em 0 2em 0;}
.overview-content .d h1{font-size: 2.2em; line-height:1.3; font-weight:500;padding-bottom:1em;}
.overview-content .d h2{font-size: 1.3em; font-weight: 500;line-height: 1.4;margin:0;padding:0 0 0.15em}
.overview-content .d h3{font-size: 1em; font-weight: 500;line-height: 1.4;margin:0;padding:0 0 0.15em}
.overview-content .d p{font-size: 0.8em;line-height: 1.4}
.overview-content .d .disclaimer{font-size: 0.9em;}
.overview-content .d a{color:#fff}
.overview-content .d .button{color:#fff;margin:1.1em auto 0 auto; padding:0.9em; width:8em;font-size:0.8em; background:#2273FF;border-radius:0.5em}
.overview-content .d ul{list-style:none;margin:0;padding:0}
.overview-content .d li{width:15em;display: inline-block; vertical-align:top;font-size:1.28em;margin:0 1em 3em 1em;padding:0;font-weight: 200;line-height: 1.5}
.overview-content .d li:last-child{border-right:0!important}
.overview-content .d .userscenario{width:100%; height:auto;margin-bottom:0.5em; border-radius: 10px}
@media (max-width:1680px){ .overview-content .d{font-size:14px;}}
@media (max-width:1440px){ .overview-content .d{font-size:12px;} }
@media (max-width:1024px){ .overview-content .d{font-size:11px;} }
@media (max-width:736px){
  .overview-content .d {
    font-size: 10.35px;
	 width:auto;
  }
.overview-content .d .w-container {padding:12vw 6vw 12vw 6vw;width: auto;max-width: 100%;}
.overview-content .d h1{font-size: 5.5vw;padding-bottom:0;}
.overview-content .d h2{font-size: 4.5vw;}
.overview-content .d h3{font-size: 3.6vw;}
.overview-content .d p{font-size: 3.5vw;}
.overview-content .d .disclaimer{font-size: 2.7vw;}
.overview-content .d .button{margin:3vw auto 0 auto; padding:2vw; width:23vw;font-size:3vw; border-radius:1.2vw}
.overview-content .d li{width:38vw;border:0;padding:9vw 0 0 0; font-size: 3.1vw; margin:0 2vw;}
.overview-content .d .userscenario{width:100%; height:auto;margin-bottom:2vw}	
}
@media (max-width:414px) {
  .overview-content .d {
    font-size: 2.5vw;
  }
}