* {
  font-family: SVN-Gilroy;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 18px;
}

.s-0 {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f0f0f0;
  overflow: hidden;
}

.s-0 .color {
  position: absolute;
  left: -200px;
  top: 260px;
  width: 604px;
  height: 604px;
  background: linear-gradient(249.39deg, #e6a922 1.67%, #e6a922 92.3%);
  border-radius: 335px;
  opacity: 0.15;
}

.s-0 .color2 {
  position: absolute;
  width: 96px;
  height: 96px;
  right: -25px;
  top: 26px;
  background: #e6a922;
  opacity: 0.1;
  border-radius: 100px;
}

.s-0 .wrap {
  padding-top: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1260px;
}

.s-0 .wrap .text-wrap {
  padding-top: 97px;
  width: 47%;
  margin-right: 40px;
}

.s-0 .wrap .text-wrap h2:first-of-type {
  color: #e6a922;
  font-family: SVN-Gilroy Bold;
  font-style: normal;
  font-weight: 800;
  font-size: 53px;
  line-height: 64px;
}

.s-0 .wrap .text-wrap .text-tra-cuu {
  width: 523px;
}

.s-0 .wrap .text-wrap .text-tra-cuu h2 {
  font-family: SVN-Gilroy XBold;
  font-style: normal;
  font-weight: 800;
  font-size: 53px;
  line-height: 64px;
  color: #292824;
}

.s-0 .wrap .pic {
  width: 50%;
}

.s-0 .wrap .pic img {
  width: 90%;
}

.s-1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.s-1 .wrap-s1 {
  padding: 100px 0 100px 20px;
  width: 100%;
  max-width: 1300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.s-1 .wrap-s1 .title {
  width: 100%;
  max-width: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: start;
      align-self: start;
  padding-bottom: 86px;
}

.s-1 .wrap-s1 .title span {
  font-family: SVN-Gilroy Bold;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 46px;
  color: #292824;
}

.s-1 .wrap-s1 .content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}

.s-1 .wrap-s1 .content-wrap .c-1-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
  max-width: 265px;
  margin-right: 13%;
}

.s-1 .wrap-s1 .content-wrap .c-1-wrap .one,
.s-1 .wrap-s1 .content-wrap .c-1-wrap .two,
.s-1 .wrap-s1 .content-wrap .c-1-wrap .three {
  padding-bottom: 42px;
}

.s-1 .wrap-s1 .content-wrap .c-1-wrap .one .number,
.s-1 .wrap-s1 .content-wrap .c-1-wrap .two .number,
.s-1 .wrap-s1 .content-wrap .c-1-wrap .three .number {
  font-family: SVN-Gilroy Bold;
  font-style: normal;
  font-weight: bold;
  font-size: 53px;
  line-height: 56px;
  text-transform: uppercase;
  color: #e5e5e5;
}

.s-1 .wrap-s1 .content-wrap .c-1-wrap .one .nd,
.s-1 .wrap-s1 .content-wrap .c-1-wrap .two .nd,
.s-1 .wrap-s1 .content-wrap .c-1-wrap .three .nd {
  position: absolute;
  left: 37px;
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 78px;
  text-transform: uppercase;
  color: #292824;
}

.s-1 .wrap-s1 .content-wrap .c-2-wrap {
  width: 100%;
  max-width: 400px;
  position: relative;
}

.s-1 .wrap-s1 .content-wrap .c-3-wrap {
  position: relative;
  width: 100%;
  max-width: 370px;
}

.s-1 .wrap-s1 .content-wrap .c-3-wrap .wrap-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  bottom: -10px;
}

.s-1 .wrap-s1 .content-wrap .c-3-wrap .wrap-content .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 142px;
  margin-right: 60px;
  margin-bottom: 31px;
}

.s-1 .wrap-s1 .content-wrap .c-3-wrap .wrap-content .content .pic-wrap {
  position: relative;
}

.s-1 .wrap-s1 .content-wrap .c-3-wrap .wrap-content .content .text {
  width: 100%;
}

.s-1 .wrap-s1 .content-wrap .c-3-wrap .wrap-content .content .text span {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: #52504d;
}

.s-1 .wrap-s1 .content-wrap .c-3-wrap .wrap-content .content-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 139px;
  margin-bottom: 31px;
}

.s-1 .wrap-s1 .content-wrap .c-3-wrap .wrap-content .content-1 .pic-wrap {
  position: relative;
}

.s-1 .wrap-s1 .content-wrap .c-3-wrap .wrap-content .content-1 .text {
  width: 100%;
}

.s-1 .wrap-s1 .content-wrap .c-3-wrap .wrap-content .content-1 .text span {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: #52504d;
}

.s-3 {
  overflow: hidden;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #393c4b;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.s-3 .test-hihi {
  padding: 0 20px;
  width: 100%;
  max-width: 1100px;
  position: relative;
  background-color: #393c4b;
}

.s-3 .test-hihi .wrap-s3 {
  position: relative;
  margin-top: 8%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.s-3 .test-hihi .wrap-s3 .circle {
  position: absolute;
  top: 44%;
  width: 25%;
}

.s-3 .test-hihi .wrap-s3 .text-wrap {
  width: 100%;
  max-width: 580px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding-bottom: 53px;
  position: relative;
  z-index: 999;
}

.s-3 .test-hihi .wrap-s3 .text-wrap span {
  padding-bottom: 15px;
}

.s-3 .test-hihi .wrap-s3 .text-wrap span {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
}

.s-3 .test-hihi .wrap-s3 .content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 10%;
  z-index: 999;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .arrow-1 {
  position: absolute;
  top: 18%;
  left: 100%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .arrow-2 {
  position: absolute;
  top: 33%;
  left: 100%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .pic-wrap-1 {
  position: relative;
  width: 100%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .pic-wrap-1 img {
  width: 100%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .pic-wrap-1 .wrapper {
  position: absolute;
  top: 9%;
  left: 13%;
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: start;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .pic-wrap-1 .wrapper .text-1 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 26px;
  text-transform: uppercase;
  color: #e6a922;
  margin-bottom: 5%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .pic-wrap-1 .wrapper .text-2 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 26px;
  color: #52504d;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .pic-wrap-2 {
  position: relative;
  width: 100%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .pic-wrap-2 img {
  width: 100%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .pic-wrap-2 .wrapper {
  position: absolute;
  top: 14%;
  left: 13%;
  width: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: start;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .pic-wrap-2 .wrapper .text-1 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 26px;
  text-transform: uppercase;
  color: #e6a922;
  margin-bottom: 2%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .left .pic-wrap-2 .wrapper .text-2 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 26px;
  color: #52504d;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .center {
  width: 100%;
  margin-right: 8%;
  position: relative;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .center img {
  position: absolute;
  width: 100%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .center .anh-0-ip {
  top: 7.3%;
  left: 6%;
  width: 88.2%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .center .anh-1-ip {
  top: 30.2%;
  left: 6%;
  width: 88%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .center .anh-2-ip {
  top: 38%;
  left: 6%;
  width: 88.4%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .right {
  width: 100%;
  position: relative;
  padding-top: 20%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .right .arrow-3 {
  position: absolute;
  top: 45%;
  left: -42%;
  z-index: 999;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .right .pic-wrap-3 {
  position: relative;
  width: 100%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .right .pic-wrap-3 img {
  width: 100%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .right .pic-wrap-3 .wrapper {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 9%;
  width: 75%;
  left: 13%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .right .pic-wrap-3 .text-1 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: bold;
  font-size: 0.85rem;
  line-height: 26px;
  text-transform: uppercase;
  color: #e6a922;
  margin-bottom: 2%;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .right .pic-wrap-3 .text-2 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 26px;
  color: #52504d;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .right .pic-wrap-3 ul {
  padding-left: 0;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .right .pic-wrap-3 ul li {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 26px;
  color: #52504d;
  list-style: none;
}

.s-3 .test-hihi .wrap-s3 .content-wrap .right .pic-wrap-3 ul li:before {
  /* Unicode bullet symbol */
  content: "\2022 ";
  /* Bullet color */
  color: #e6a922;
  padding-right: 0.2em;
  font-size: 1.5rem;
}

.s-test-912 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f0f0f0;
}

.s-test-912 .wrap-912 {
  margin-top: 100px;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
  max-width: 1300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.s-test-912 .wrap-912 .text-wrap-912 {
  text-align: center;
  padding-bottom: 100px;
}

.s-test-912 .wrap-912 .text-wrap-912 .big-title-912 {
  width: 100%;
  max-width: 450px;
  text-align: center;
  margin-bottom: 14px;
}

.s-test-912 .wrap-912 .text-wrap-912 .big-title-912 span {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  color: #292824;
}

.s-test-912 .wrap-912 .text-wrap-912 .small-title {
  margin-bottom: 14px;
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #52504d;
}

.s-test-912 .wrap-912 .wrap-ani-912 {
  width: 100%;
  position: relative;
}

.s-test-912 .wrap-912 .wrap-ani-912 .tron-1 {
  position: absolute;
  top: -2%;
  left: -15%;
}

.s-test-912 .wrap-912 .wrap-ani-912 .tron-2 {
  position: absolute;
  top: 15%;
  right: 5%;
}

.s-test-912 .wrap-912 .wrap-ani-912 .tron-3 {
  position: absolute;
  top: 49%;
}

.s-test-912 .wrap-912 .wrap-ani-912 .tron-4 {
  position: absolute;
  top: 62%;
  left: 25%;
}

.s-test-912 .wrap-912 .wrap-ani-912 .tron-5 {
  position: absolute;
  top: 94.5%;
  right: 0;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 120px;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 img {
  border-radius: 10px;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 13%;
  padding-top: 10%;
  width: 50%;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in .text-1-912 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
  color: #e6a922;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in .text-2-912 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #52504d;
  padding-bottom: 15px;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in ul li {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #52504d;
  list-style: none;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in ul li:before {
  content: "\2022 ";
  color: #e6a922;
  padding-right: 0.2em;
  font-size: 25px;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 13%;
  padding-top: 5%;
  width: 50%;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-4 .text-1-912 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
  color: #e6a922;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-4 .text-2-912 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #52504d;
  padding-bottom: 15px;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-4 .ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-4 .ul .ul-1 {
  padding-right: 10%;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-4 .ul ul li {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #52504d;
  list-style: none;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-4 .ul ul li:before {
  content: "\2022 ";
  color: #e6a922;
  padding-right: 0.2em;
  font-size: 25px;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-5 {
  width: 53%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 13%;
  padding-top: 5%;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-5 .text-1-912 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
  color: #e6a922;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-5 .text-2-912 {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #52504d;
  padding-bottom: 15px;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-5 ul li {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #52504d;
  list-style: none;
}

.s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-5 ul li:before {
  content: "\2022 ";
  color: #e6a922;
  padding-right: 0.2em;
  font-size: 25px;
}

.s-3-ip {
  display: none;
}

.pause-hidden {
  visibility: hidden;
}

.pause-hien {
  visibility: inherit;
}

.s-4 {
  padding: 0 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1d1f29), to(#1d1f29));
  background-image: linear-gradient(180deg, #1d1f29 0%, #1d1f29 100%);
}

.s-4 .text-wrap-s4 {
  margin-top: 8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.s-4 .text-wrap-s4 .text-s4 {
  width: 100%;
  max-width: 520px;
  text-align: center;
}

.s-4 .text-wrap-s4 .text-s4 span {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  color: #ffffff;
  padding-bottom: 3%;
}

.s-4 .text-wrap-s4 img {
  padding-top: 2%;
}

.s-4 .video-ani {
  width: 100%;
  max-width: 1110px;
  height: 100%;
  max-height: 1024px;
  margin-bottom: 120px;
}

.s-4 .video-ani .video {
  position: relative;
  width: 100%;
  max-width: 1110px;
  height: 100%;
  max-height: 1024px;
  outline: none;
}

.s-4 .video-ani .pause {
  position: absolute;
  top: 50%;
  left: 47.5%;
  border: none;
  outline: none;
  width: 5%;
}

.s-4 .video-ani .pause:hover {
  cursor: pointer;
}

.s-5 {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1d1f29), to(#1d1f29));
  background-image: linear-gradient(180deg, #1d1f29 0%, #1d1f29 100%);
}

.s-5 .wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5%;
}

.s-5 .wrap .title-mid {
  font-family: SVN-Gilroy;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 5%;
}

.s-5 .wrap .pic-wrap-s5 {
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.s-5 .wrap .pic-wrap-s5 .pic {
  margin-right: 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.s-5 .wrap .pic-wrap-s5 .pic .img-s5 {
  border-radius: 10px;
  max-width: inherit;
}

.s-5 .wrap .pic-wrap-s5 .pic span {
  padding-top: 30px;
  color: white;
}

.s-6 {
  display: none;
}

.section-wapper {
  margin-top: -35px !important;
}

@media all and (max-width: 1025px) {
  .s-0 {
    padding: 0 20px;
  }
  .s-1 .c-1-wrap {
    margin-right: 5% !important;
  }
  .s-3 .pic-wrap-1 .text-1 {
    font-size: 1.2vw !important;
  }
  .s-3 .pic-wrap-1 .text-2 {
    font-size: 1.2vw !important;
  }
  .s-3 .pic-wrap-2 .text-1 {
    font-size: 1.2vw !important;
  }
  .s-3 .pic-wrap-2 .text-2 {
    font-size: 1.2vw !important;
  }
  .s-3 .pic-wrap-3 .text-1 {
    font-size: 1.2vw !important;
  }
  .s-3 .pic-wrap-3 .text-2 {
    font-size: 1.2vw !important;
  }
  .s-3 .pic-wrap-3 ul li {
    font-size: 1.2vw !important;
  }
  .s-3 .pic-wrap-3 ul li::before {
    font-size: 1.2vw !important;
  }
  .s-test-912 {
    padding-right: 20px;
  }
  .s-test-912 #animation .text-wrap-912-in {
    padding-left: 3% !important;
  }
  .s-test-912 #animation-2 .text-wrap-912-in {
    padding-left: 3% !important;
  }
  .s-test-912 #animation-3 .text-wrap-912-in {
    padding-left: 3% !important;
  }
  .s-test-912 #animation-4 .text-wrap-912-in-4 {
    padding-left: 0% !important;
  }
  .s-test-912 #animation-5 .text-wrap-912-in-5 {
    padding-left: 0% !important;
  }
}

@media all and (max-width: 1000px) {
  .s-0 .wrap .text-wrap {
    margin-right: 7%;
    margin-left: 3%;
  }
  .wrap-s1 .title {
    margin-left: 4%;
  }
  .wrap-s1 .content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wrap-s1 .content-wrap .c-1-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 100% !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .wrap-s1 .content-wrap .c-1-wrap .one,
  .wrap-s1 .content-wrap .c-1-wrap .two,
  .wrap-s1 .content-wrap .c-1-wrap .three {
    width: 31% !important;
    position: relative;
  }
  .wrap-s1 .content-wrap .c-1-wrap .one .nd,
  .wrap-s1 .content-wrap .c-1-wrap .two .nd,
  .wrap-s1 .content-wrap .c-1-wrap .three .nd {
    font-size: 2vw !important;
    line-height: 0% !important;
    top: 40px;
  }
  .wrap-s1 .content-wrap .c-2-wrap {
    padding-top: 5%;
    margin-left: 40%;
    padding-bottom: 5%;
  }
  .wrap-s1 .content-wrap .c-3-wrap {
    max-width: 100% !important;
    margin-top: 5%;
  }
  .wrap-s1 .content-wrap .c-3-wrap .wrap-content {
    position: static !important;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media all and (max-width: 769px) {
  .s-0 .color,
  .s-0 .color2 {
    display: none;
  }
  .s-0 .wrap {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100% !important;
  }
  .s-0 .wrap .text-wrap {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .s-0 .wrap .text-wrap h2 {
    font-size: 55px !important;
  }
  .s-0 .wrap .text-tra-cuu {
    width: 100% !important;
  }
  .s-0 .wrap .text-tra-cuu h2 {
    font-size: 45px !important;
  }
  .s-0 .wrap .pic {
    width: 100% !important;
    margin-top: 20px;
  }
  .s-1 .content,
  .s-1 .content-1 {
    margin-right: 20px !important;
  }
  .s-test-912 #animation-4 .text-1-912 {
    font-size: 14px !important;
  }
  .s-test-912 #animation-4 .text-2-912 {
    font-size: 14px !important;
    line-height: 26px !important;
  }
  .s-test-912 #animation-4 .ul .ul-1 {
    padding-right: 8% !important;
  }
  .s-test-912 #animation-4 .ul .ul-1 li {
    font-size: 12px !important;
    line-height: 26px !important;
  }
  .s-test-912 #animation-4 .ul .ul-2 li {
    font-size: 12px !important;
    line-height: 26px !important;
  }
  .s-test-912 #animation-5 .text-1-912 {
    font-size: 14px !important;
  }
  .s-test-912 #animation-5 .text-2-912 {
    font-size: 14px !important;
    line-height: 26px !important;
  }
  .s-test-912 #animation-5 ul li {
    font-size: 12px !important;
    line-height: 26px !important;
  }
  .s-3 .left .pic-wrap-1 .wrapper .text-1,
  .s-3 .left .pic-wrap-2 .wrapper .text-1 {
    line-height: 20px !important;
    font-size: 0.6rem !important;
  }
  .s-3 .left .pic-wrap-1 .wrapper .text-2,
  .s-3 .left .pic-wrap-2 .wrapper .text-2 {
    line-height: 20px !important;
    font-size: 0.6rem !important;
  }
  .s-3 .right .wrapper .text-1 {
    line-height: 20px !important;
    font-size: 0.6rem !important;
  }
  .s-3 .right .wrapper .text-2 {
    line-height: 20px !important;
    font-size: 0.6rem !important;
  }
  .s-3 .right .wrapper ul li {
    line-height: 20px !important;
    font-size: 0.6rem !important;
  }
}

@media all and (max-width: 501px) {
  .s-0 {
    padding: 50px 20px 20px 20px !important;
  }
  .s-1 .wrap-s1 {
    padding-top: 50px;
    padding-bottom: 0px;
  }
  .s-1 .wrap-s1 .title {
    width: 98% !important;
    padding-bottom: 30px;
    margin-left: 2% !important;
  }
  .s-1 .wrap-s1 .title span {
    font-size: 25px !important;
  }
  .s-1 .wrap-s1 .c-1-wrap {
    display: none !important;
  }
  .s-1 .wrap-s1 .c-2-wrap {
    display: none;
  }
  .s-3 {
    display: none;
  }
  .s-3-ip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #393c4b;
    padding: 20px;
    text-align: center;
    padding-bottom: 10%;
  }
  .s-3-ip .wrap-s3-ip {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .s-3-ip .wrap-s3-ip .text-wrap-ip {
    position: relative;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 8%;
  }
  .s-3-ip .wrap-s3-ip .text-wrap-ip span {
    font-family: SVN-Gilroy Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 28px;
    color: #ffffff;
    padding-bottom: 5%;
  }
  .s-3-ip .wrap-s3-ip .text-wrap-ip img {
    padding-bottom: 9%;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-1 {
    position: relative;
    width: 100%;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-1 .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 9%;
    left: 16.5%;
    width: 70%;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-1 .wrapper .text-1 {
    font-family: SVN-Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 26px;
    text-transform: uppercase;
    color: #e6a922;
    margin-bottom: 5%;
    text-align: start;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-1 .wrapper .text-2 {
    font-family: SVN-Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 26px;
    color: #52504d;
    text-align: start;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-2 {
    position: relative;
    width: 100%;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-2 .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 13%;
    left: 16%;
    width: 70%;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-2 .wrapper .text-1 {
    font-family: SVN-Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 26px;
    text-transform: uppercase;
    color: #e6a922;
    margin-bottom: 5%;
    text-align: start;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-2 .wrapper .text-2 {
    font-family: SVN-Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 26px;
    color: #52504d;
    text-align: start;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-3 {
    position: relative;
    width: 100%;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-3 .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 9%;
    left: 16.5%;
    width: 70%;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-3 .wrapper .text-1 {
    font-family: SVN-Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 26px;
    text-transform: uppercase;
    color: #e6a922;
    margin-bottom: 5%;
    text-align: start;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-3 .wrapper .text-2 {
    font-family: SVN-Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 26px;
    color: #52504d;
    text-align: start;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-3 .wrapper ul li {
    font-family: SVN-Gilroy;
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 26px;
    color: #52504d;
    list-style: none;
    text-align: start;
  }
  .s-3-ip .wrap-s3-ip .intro .intro-3 .wrapper ul li:before {
    /* Unicode bullet symbol */
    content: "\2022 ";
    /* Bullet color */
    color: #e6a922;
    padding-right: 0.3em;
    font-size: 1.2rem;
  }
}

@media all and (max-width: 501px) and (max-width: 415px) {
  .s-test-912 {
    padding-right: 0 !important;
  }
  .s-test-912 #animation-4 .text-1-912 {
    font-size: 18px !important;
  }
  .s-test-912 #animation-4 .text-2-912 {
    font-size: 18px !important;
    line-height: 30px !important;
  }
  .s-test-912 #animation-4 .ul .ul-1,
  .s-test-912 #animation-4 .ul .ul-2 {
    margin-bottom: 0 !important;
  }
  .s-test-912 #animation-4 .ul .ul-1 li,
  .s-test-912 #animation-4 .ul .ul-2 li {
    font-size: 18px !important;
    line-height: 30px !important;
  }
  .s-test-912 #animation-5 .text-1-912 {
    font-size: 18px !important;
  }
  .s-test-912 #animation-5 .text-2-912 {
    font-size: 18px !important;
    line-height: 30px !important;
  }
  .s-test-912 #animation-5 ul li {
    font-size: 18px !important;
    line-height: 30px !important;
  }
  .s-test-912 .wrap-912 .wrap-ani-912 .tron-1,
  .s-test-912 .wrap-912 .wrap-ani-912 .tron-2,
  .s-test-912 .wrap-912 .wrap-ani-912 .tron-3,
  .s-test-912 .wrap-912 .wrap-ani-912 .tron-4,
  .s-test-912 .wrap-912 .wrap-ani-912 .tron-5 {
    display: none;
  }
  .s-test-912 .wrap-912 .wrap-ani-912 .animation-912 {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .s-test-912 .wrap-912 .wrap-ani-912 .animation-912 img {
    width: 100%;
  }
  .s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in {
    width: 100%;
  }
  .s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-4 {
    width: 100%;
  }
  .s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-4 .ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .s-test-912 .wrap-912 .wrap-ani-912 .animation-912 .text-wrap-912-in-5 {
    width: 100%;
  }
  .s-4 .text-wrap-s4 .text-s4 {
    font-size: 26px !important;
  }
  .s-4 #pause {
    display: none;
  }
  .s-5 {
    display: none;
  }
  .s-6 {
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1d1f29), to(#1d1f29));
    background-image: linear-gradient(180deg, #1d1f29 0%, #1d1f29 100%);
  }
  .s-6 .title-mid {
    font-family: SVN-Gilroy;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 5%;
  }
  .s-6 .wrap {
    width: 1400px;
    overflow-x: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 15%;
  }
  .s-6 .wrap .pic-wrap-s6 {
    width: 70%;
    display: -webkit-box;
  }
  .s-6 .wrap .pic-wrap-s6 .pic {
    margin-right: 22%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .s-6 .wrap .pic-wrap-s6 .pic .img-s6 {
    border-radius: 10px;
    max-width: 100% !important;
  }
  .s-6 .wrap .pic-wrap-s6 .pic span {
    color: white;
    padding-top: 14px;
  }
}

@media all and (max-width: 501px) and (max-height: 861px) {
  .s-3 .wrap-s3 {
    margin-top: 8%;
  }
  .s-3 .wrap-s3 .circle {
    width: 19% !important;
  }
  .s-3 .wrap-s3 .content-wrap {
    width: 78% !important;
    margin-top: 7%;
  }
  .s-3 .wrap-s3 .content-wrap .left .arrow-1 {
    width: 45%;
  }
  .s-3 .wrap-s3 .content-wrap .left .pic-wrap-1 .wrapper {
    top: 6% !important;
  }
  .s-3 .wrap-s3 .content-wrap .left .pic-wrap-1 .wrapper .text-1 {
    font-size: 0.6rem !important;
  }
  .s-3 .wrap-s3 .content-wrap .left .pic-wrap-1 .wrapper .text-2 {
    font-size: 0.6rem !important;
  }
  .s-3 .wrap-s3 .content-wrap .left .arrow-2 {
    width: 45%;
  }
  .s-3 .wrap-s3 .content-wrap .left .pic-wrap-2 .wrapper {
    top: 8% !important;
  }
  .s-3 .wrap-s3 .content-wrap .left .pic-wrap-2 .wrapper .text-1 {
    font-size: 0.6rem !important;
  }
  .s-3 .wrap-s3 .content-wrap .left .pic-wrap-2 .wrapper .text-2 {
    font-size: 0.6rem !important;
  }
  .s-3 .wrap-s3 .content-wrap .center .anh-0-ip {
    top: 6.9% !important;
  }
  .s-3 .wrap-s3 .content-wrap .center .anh-1-ip {
    top: 30.1% !important;
    left: 6% !important;
  }
  .s-3 .wrap-s3 .content-wrap .right .arrow-3 {
    width: 45%;
    left: -53% !important;
  }
  .s-3 .wrap-s3 .content-wrap .right .pic-wrap-3 .wrapper {
    top: 6% !important;
  }
  .s-3 .wrap-s3 .content-wrap .right .pic-wrap-3 .wrapper .text-1 {
    font-size: 0.6rem !important;
  }
  .s-3 .wrap-s3 .content-wrap .right .pic-wrap-3 .wrapper .text-2 {
    font-size: 0.6rem !important;
  }
  .s-3 .wrap-s3 .content-wrap .right .pic-wrap-3 .wrapper ul li {
    font-size: 0.6rem !important;
  }
}

@media all and (max-width: 501px) and (max-width: 371px) {
  .img-s5 {
    width: 230px;
  }
}
/*# sourceMappingURL=index.css.map */