body {
  opacity: 0;
  position: relative;
  overflow-x: hidden;
}

html {
  scroll-behavior: auto;
  transition: .3s;
  transition-timing-function: ease-in-out;
}

body.wd {
  opacity: 1;
  transition: 1s;
}

body.make {
  opacity: 1;
}

body#index .pagebox {
  display: none;
  height: 100vh !important;
}

.debug .pagebox {
  display: block !important;
}

.make .pagebox {
  display: block !important;
}

.wd .pagebox > div > div {
  width: 100%;
  opacity: 0;
  transform: translateY(120px);
  visibility: hidden;
  will-change: transform;
}

.wd .pagebox > div > div.normal {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  will-change: transform;
}

.wd .pagebox > div.w_bbox-001 > div {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
}

.wd .pagebox > div > div.show {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}

.wd .w_wbox-001 {
  /*     overflow: hidden; */
}

#w-header {
  width: 100vw;
  height: 90px;
  position: fixed;
  padding: 15px 0px;
  top: -100px;
  left: 0px;
  z-index: 9999;
}

#w-header.w-hide {
  top: -100px !important;
  top: 0px !important;
  transition: 1s !important;
}

#w-header.w-small-nav {
  background-color: rgba(0, 0, 0, 0.7);
  background-color: #38BBB9;
  height: 75px;
}

#w-header .logo img {
  margin-left: 20px;
  transition: 1s;
}

#w-header.w-small-nav .logo img {
  height: 45px;
  margin-left: 20px;
}

.loaded #w-header {
  transition: top 1s;
  top: 0px;
}

#w-header .wrapper {
  position: relative;
  top: 0px;
  left: 0px;
  width: 1180px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#w-header .nav {
  position: static;
  top: 41px;
  left: 240px;
  display: flex;
  transition: 1s;
  align-items: center;
}

#w-header.w-small-nav .nav {
  top: 18px;
  left: 180px;
}

#w-header .nav .more {
  display: block;
  position: absolute;
  top: 8px;
  left: 190px;
  transition: 1s;
  opacity: 1;
  visibility: hidden;
}

#w-header.show-full-nav .nav .more {
  opacity: 0;
  left: 220px;
  visibility: hidden;
}

#w-header .nav .more span {
  display: block;
  float: left;
  margin-right: 5px;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
}

#w-header .nav a {
  font-size: 16px;
  color: #fff;
  padding: 0px 13px;
  position: relative;
  top: 0px;
  left: 0px;
}

#w-header .nav a:hover {
  text-decoration: underline;
}

#w-header .nav a:nth-child(2):before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 13px;
  background: url(/img/20190403073840.png) top left no-repeat;
  margin-right: 5px;
  position: relative;
  top: 1px;
}

#w-header .nav a:after {
  content: "";
  display: block;
  width: 55px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 28px;
  left: 15px;
  transform: scale(0,1);
  transform-origin: top left;
  transition: 1s;
  display: none;
}

#w-header .nav a.current:after {
  transform: scale(1);
}

#w-header .nav a:hover:after {
  transform: scale(1,1);
}

#w-header .nav a:nth-child(3) ~ a {
  /*
    opacity: 0;
    visibility: hidden;
    transition: 1s;
    left:30px;
    */
}

#w-header.show-full-nav .nav a {
  opacity: 1;
  visibility: visible;
}

#w-header.show-full-nav .nav a:nth-child(4) {
  transition-delay: .1s;
  opacity: 1;
  visibility: visible;
  left: 0px;
}

#w-header.show-full-nav .nav a:nth-child(5) {
  transition-delay: .1s;
  opacity: 1;
  visibility: visible;
  left: 0px;
}

#w-header.show-full-nav .nav a:nth-child(6) {
  transition-delay: .1s;
  opacity: 1;
  visibility: visible;
  left: 0px;
}

#w-header.show-full-nav .nav a:nth-child(7) {
  transition-delay: .1s;
  opacity: 1;
  visibility: visible;
  left: 0px;
}

#w-header.show-full-nav .nav a:nth-child(8) {
  transition-delay: .1s;
  opacity: 1;
  visibility: visible;
  left: 0px;
}

#w-header.show-full-nav .nav a:nth-child(9) {
  transition-delay: .1s;
  opacity: 1;
  visibility: visible;
  left: 0px;
}

#w-header.show-full-nav .nav a:nth-child(10) {
  transition-delay: .1s;
  opacity: 1;
  visibility: visible;
  left: 0px;
}

#w-banner {
  width: 100vw;
  height: calc(100vh - 0px);
  background-color: #eee;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
  opacity: 0;
  transform: scale(0.8);
}

.loaded #w-banner {
  transition: 1s;
  opacity: 1;
  transform: scale(1);
}

#w-banner .tip {
  width: 100vw;
  height: 70px;
  position: absolute;
  bottom: 10px;
  left: 0px;
  z-index: 1110;
  text-align: center;
  color: #fff;
  font-size: 12px;
  animation: fadeOutUp 1s both;
}

.loaded #w-banner .tip {
  animation: fadeInUp 1s 1s both;
}

@keyframes banner-tip {
  from {
    height: 0px;
  }

  to {
    height: 50px;
  }
}

#w-banner .tip:after {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  background-color: #fff;
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -0.5px;
  transform-origin: bottom left;
  animation: banner-tip 1s infinite;
}

#w-banner img {
  /*
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    object-fit: cover;
    visibility: hidden;
    z-index: 1;
    transition: 1s;
    width: 100%;
    height: 100%;
    */
}

#w-banner img.current {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.w-aboutus-culture .a {
  font-size: 48px;
  line-height: 48px;
  color: #fff;
  width: 100%;
  font-weight: bold;
  font-family: microsoft yahei;
  margin-bottom: 20px;
}

.w-aboutus-culture .b {
  font-size: 18px;
  color: #fff;
  width: 100%;
  font-family: microsoft yahei;
}

.w-aboutus-culture i {
  visibility: hidden;
  width: 3px;
  height: 1em;
  display: inline-block;
  background-color: #fff;
  margin-left: 10px;
  position: relative;
  top: 3px;
  animation: flash 3s ease-in-out infinite;
}

.w-aboutus-culture .a i {
  position: relative;
  top: 8px;
}

.w-aboutus-culture .show i {
  visibility: visible;
}

.w-footer-erweima .item {
  display: inline-block;
  margin-right: 22px;
  text-align: center;
}

.w-footer-erweima .item p {
  margin-top: 15px;
  color: #aaa;
}

.w-footer-nav .item {
  float: left;
  width: 110px;
  margin-right: 20px;
}

.w-footer-nav .item h1 {
  font-size: 15px;
  color: #ddd;
  text-align: left;
  margin-bottom: 10px;
  height: 40px;
  font-weight: normal;
  position: relative;
}

.w-footer-nav .item h1:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 3px;
  width: 20px;
  height: 2px;
  background-color: #777;
}

.w-footer-nav .item a {
  display: block;
  font-size: 12px;
  line-height: 28px;
  color: #aaa;
  text-decoration: none;
}

.w-footer-nav .item a:hover {
  text-decoration: underline;
  color: #ddd;
}

.w-footer-nav .item:nth-child(2) {
  width: 250px;
}

.w-footer-nav .item:nth-child(2) a {
  width: 100px;
  float: left;
}

.w-footer-nav .item:nth-child(2) a:last-child {
  width: 140px;
}

.w-footer-copyright p {
  font-size: 12px;
  color: #aaa;
}

.w-footer-copyright p a {
  color: #aaa;
  text-decoration: none;
}

.w-footer-copyright p a:hover {
  text-decoration: underline;
  color: #ddd;
}

.w-index-products-category {
  width: 100vw;
  /* height: 611px; */
  position: relative;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5% 0;
}

.w-index-products-category .wrapper {
  max-width: 1500px;
  height: 553px;
  margin: auto;
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  /* margin-left: -40px; */
  /* margin-top: 20px; */
  width: 90%;
  position: relative;
}

.w-index-products-category .wrapper:before {
  content: "";
  display: block;
  width: 390px;
  height: 500px;
  border: 2px solid #39BAB8;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 0;
  z-index: 99;
}

.wd #c_public_htmlCode-15447585895297049 {
  width: 100vw !important;
  height: 100% !important;
  top: 0px !important;
  left: 0px !important;
}

.w-index-products-category .item {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
  visibility: hidden;
  z-index: 1;
  transition: 1s;
  width: 100%;
  height: 100%;
  animation: fadeOutRight 1s both;
}

.w-scroll-in.w-index-products-category .item {
  animation: fadeInLeft 1s both;
}

.w-index-products-category .item.current {
  opacity: 1;
  visibility: visible;
  transition: 1s;
}

.w-index-products-category .item .w-image {
  max-width: 1069px;
  width: 61%;
  height: 513px;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 5;
  transition: 1s;
  margin-left: 0;
  opacity: 0;
  visibility: hidden;
}

.w-index-products-category .item.current .w-image {
  opacity: 1;
  visibility: visible;
  margin-left: 0px;
}

.w-index-products-category .item .w-image:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #E4E4E4;
  z-index: 1;
  position: absolute;
  top: 30px;
  left: 30px;
}

.w-index-products-category .item .w-image a {
  display: block;
  position: relative;
  z-index: 2;
}

.w-index-products-category .item .w-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 2s;
}

@keyframes w-ani-scale {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.05);
  }
}

.w-index-products-category .item .w-image:hover img {
  /*  animation:3s pulse infinite; */
}

.w-index-products-category .item .w-english {
  position: absolute;
  top: 120px;
  right: -50px;
  z-index: 3;
  animation: fadeOutLeft 1s both;
}

.w-scroll-in.w-index-products-category .item .w-english {
  animation: fadeInRight 1s both;
}

.w-index-products-category .item .w-english span {
  font-size: 112px;
  color: #f3f3f3;
  opacity: 0.6;
  font-family: arial;
  display: block;
  width: 497px;
  overflow: hidden;
}

.w-index-products-category .item .w-english p {
  position: absolute;
  left: 53px;
  top: 70px;
  font-size: 14px;
  color: #333;
  font-family: arial;
  visibility: hidden;
}

.w-index-products-category .item .w-title {
  position: absolute;
  right: 0px;
  bottom: 70px;
  text-align: right;
  max-width: 388px;
  width: 30%;
  padding-right: 70px;
  z-index: 99;
}

.w-index-products-category .item .w-title p {
  font-size: 30px;
  color: #000000;
  font-weight: normal;
  margin-bottom: 10px;
  text-align: right;
  opacity: 0;
  transition: 1s;
  position: relative;
  top: 50px;
  top: 0px;
}

.w-index-products-category .item.current .w-title p {
  opacity: 1;
  top: 0px;
}

.w-index-products-category .item .summary {
  opacity: 0;
  transition: 1s;
  position: relative;
  top: 50px;
  top: 0px;
  text-align: right;
  float: right;
  width: 250px;
  margin-bottom: 30px;
  line-height: 1.6em;
}

.w-index-products-category .item.current .summary {
  opacity: 1;
  top: 0px;
  transition-delay: .2s;
}

.w-index-products-category .item .w-title article {
  font-size: 14px;
  color: #555555;
}

.w-index-products-category .item .w-more {
  display: block;
  margin-top: 55px;
  text-align: right;
  transition: 1s;
  opacity: 0;
  position: relative;
  top: 50px;
  top: 0px;
}

.w-index-products-category .item.current .w-more {
  opacity: 1;
  top: 0px;
  transition-delay: .3s;
}

.w-index-products-category .item .w-more a {
  display: inline-block;
  width: 215px;
  height: 44px;
  background: url(/img/20181214141551.png) top left no-repeat;
  text-align: center;
  line-height: 44px;
  background-image: none;
  background-color: #39BAB8;
  color: #fff;
  font-size: 17px;
}

.w-index-products-category .item .w-more a:hover {
  background-image: none;
  background-color: #39BAB8;
  color: #fff;
}

.w-index-products-category .w-btns {
  position: absolute;
  bottom: 0px;
  left: 1085px;
  display: none;
}

.w-index-products-category .w-btns span {
  width: 6px;
  height: 6px;
  background-color: #333;
  opacity: 0.3;
  display: block;
  margin: 5px 0px;
  border-radius: 50px;
  transition: 1s;
}

.w-index-products-category .w-btns span:last-child {
  margin-bottom: 0px;
}

.w-index-products-category .w-btns span.current {
  height: 22px;
  opacity: 1;
}

.w-index-products-category .w-scroller {
  position: absolute;
  height: 6px;
  background-color: #f0f0f0;
  width: 30%;
  bottom: -50px;
  right: 427px;
  border-radius: 50px;
  overflow: hidden;
  visibility: hidden;
}

.w-index-products-category .w-scroller span {
  width: 6px;
  background-color: #6a6a6a;
  opacity: 0;
  height: 6px;
  display: block;
  transition: 1s;
  border-radius: 50px;
  float: left;
}

.w-index-products-category .w-scroller span:hover {
  opacity: 1;
}

.w-index-products-category .w-scroller span:last-child {
  margin-bottom: 0px;
}

.w-index-products-category .w-scroller span.current {
  opacity: 1;
}

.w-index-products-category .w-cate-left {
  position: absolute;
  top: 0px;
  margin-top: 30px;
  right: 0px;
  z-index: 11200;
  animation: fadeOutLeft 1s both;
  width: 389px;
}

.w-scroll-in.w-index-products-category .w-cate-left {
  animation: fadeInRight 1s both;
}

.w-index-products-category .w-cate-left a {
  display: block;
  line-height: 30px;
  font-size: 16px;
  color: #555;
  position: relative;
  text-align: right;
  cursor: pointer;
  transition: 1s;
  padding-right: 100px;
}

.w-index-products-category .w-cate-left a:before {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  background-color: #555;
  position: absolute;
  top: 13px;
  right: 75px;
  transition: 1s;
}

.w-index-products-category .w-cate-left a:hover {
  color: #38BAB8;
  background-color: #38BAB8;
  color: #fff;
}

.w-index-products-category .w-cate-left a.current {
  color: #00A044;
  background-color: #38BAB8;
  color: #fff;
}

.w-index-products-category .w-cate-left a.current:before {
  background-color: #fff;
}

.w-index-products-category .w-cate-left a:hover:before {
  background-color: #fff;
}

.wd #c_public_htmlCode-15456634807280588 {
  top: 0px !important;
  width: 100vw !important;
  height: 100vh !important;
}

.wd .w-index-advantage {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 1000px;
}

.wd .w-index-advantage .right-btns {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 999;
  transform: translateY(-50%);
  visibility: hidden;
  display: none;
}

.wd .w-index-advantage .right-btns div {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  margin: 15px 15px;
  cursor: pointer;
  opacity: 0.5;
}

.wd .w-index-advantage .right-btns div.current {
  background-color: #fff;
  opacity: 1;
}

.wd .w-index-advantage .item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1920px;
  height: 1000px;
  margin-top: -500px;
  margin-left: -960px;
  visibility: hidden;
  opacity: 0;
  transition: 2s;
}

.wd .w-index-advantage .item-5 {
  background-color: #292929;
}

.wd .w-index-advantage .item-5 .bgs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: flex;
}

.wd .w-index-advantage .item-5 .bgs div {
  width: 100vw;
  height: 1000px;
  transition: 1s;
  position: relative;
  overflow: hidden;
  min-width: 100vw;
}

.wd .w-index-advantage .item-5 .bgs div.left-0 {
  margin-left: 0px;
}

.wd .w-index-advantage .item-5 .bgs div.left-1 {
  margin-left: -100vw;
}

.wd .w-index-advantage .item-5 .bgs div.left-2 {
  margin-left: -200vw;
}

.wd .w-index-advantage .item-5 .bgs div.left-3 {
  margin-left: -300vw;
}

.wd .w-index-advantage .item-5 .bgs div video {
  width: 100vw !important;
  height: 1000px !important;
  object-fit: cover;
  opacity: 0.3;
  position: relative;
  left: 0px;
  transform: scale(1.05);
}

.wd .w-index-advantage .item-5 .content {
  position: absolute;
  top: 250px;
  left: 150px;
  overflow: hidden;
  height: 300px;
}

@keyframes w-skew-out {
  from {
    opacity: 1;
    transform: skew(0deg, 0deg) translateY(0px);
  }

  to {
    opacity: 0;
    transform: skew(-10deg, 2deg) translateY(100px);
  }
}

@keyframes w-skew-in {
  from {
    opacity: 0;
    transform: skew(-10deg, 2deg) translateY(100px);
  }

  to {
    opacity: 1;
    transform: skew(0deg, 0deg) translateY(0px);
  }
}

.wd .w-index-advantage .item-5 .content h1 {
  font-size: 24px;
  color: #fff;
  font-weight: normal;
  animation: w-skew-out 1s both;
}

.wd .w-scroll-in .w-index-advantage .item-5 .content h1 {
  animation: w-skew-in 1s both;
}

.wd .w-index-advantage .item-5 .content .cate {
  margin-top: 50px;
  margin-bottom: 30px;
  animation: w-skew-out 1s both;
}

.wd .w-scroll-in .w-index-advantage .item-5 .content .cate {
  animation: w-skew-in 1s both;
}

.wd .w-index-advantage .item-5 .content .cate ul:after {
  content: "";
  display: block;
  clear: both;
}

.wd .w-index-advantage .item-5 .content .cate ul li {
  width: 196px;
  height: 47px;
  float: left;
  margin-right: 20px;
  background-color: #4A4A4A;
  line-height: 47px;
  padding-left: 55px;
  font-size: 16px;
  color: #fff;
  border-radius: 2px;
  position: relative;
  transition: 1s;
}

.wd .w-index-advantage .item-5 .content .cate ul li:before {
  content: "";
  display: block;
  width: 16px;
  height: 20px;
  position: absolute;
  top: 13px;
  left: 23px;
  background: url(/img/20190122162050.png) top left no-repeat;
  transition: .8s;
}

.wd .w-index-advantage .item-5 .content .cate ul li.current:before {
  background: url(/img/20190122162046.png) top left no-repeat;
  left: 32px;
  transition-delay: .5s;
}

.wd .w-index-advantage .item-5 .content .cate ul li:hover:before {
  background: url(/img/20190122162046.png) top left no-repeat;
  left: 32px;
  transition-delay: .5s;
}

.wd .w-index-advantage .item-5 .content .cate ul li.current {
  background-color: #38BBB9;
  color: #333;
}

.wd .w-index-advantage .item-5 .content .cate ul li span {
  position: relative;
  transition: left 1s;
  left: 0px;
}

.wd .w-index-advantage .item-5 .content .cate ul li:hover span {
  left: 10px;
  transition-delay: .5s;
}

.wd .w-index-advantage .item-5 .content .cate ul li.current span {
  left: 10px;
  transition-delay: .5s;
}

.wd .w-index-advantage .item-5 .content .cate ul li:hover {
  background-color: #38BBB9;
  color: #333;
}

.wd .w-index-advantage .item-5 .content .summary {
  position: relative;
  animation: w-skew-out 1s both;
}

.wd .w-scroll-in .w-index-advantage .item-5 .content .summary {
  animation: w-skew-in 1s both;
}

.wd .w-index-advantage .item-5 .content .summary li {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  max-width: 800px;
  animation: fadeOutLeft 1s both;
}

.wd .w-index-advantage .item-5 .content .summary li p {
  font-size: 14px;
  color: #fff;
  line-height: 28px;
}

.wd .w-index-advantage .item-5 .content .summary li:first-child {
  position: relative;
}

.wd .w-index-advantage .item-5 .content .summary li.current {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  animation: fadeInUp 1s both;
}

.wd .w-index-advantage .item.current {
  visibility: visible;
  opacity: 1;
  z-index: 100;
}

.wd .w-index-advantage .item.item-1 .circle {
  width: 1920px;
  height: 1000px;
  position: absolute;
  top: 0%;
  left: 50%;
  margin-left: -960px;
  z-index: 5;
}

.wd .w-index-advantage .item.item-1 .circle .c {
  width: 38px;
  height: 38px;
  background: url(/img/20181225002302.png) top left no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: -19px;
  margin-top: -19px;
}

.wd .w-index-advantage .item.item-1 .circle .c span {
  font-size: 18px;
  color: #fff;
  display: block;
  width: 200px;
  position: absolute;
  top: 40px;
  text-align: center;
  transform: translateX(-50%);
  margin-left: 18px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(1) {
  top: 702px;
  left: 169px;
}

.wd #w_img-1545718589939 {
  display: none;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(2) {
  left: 435px;
  top: 520px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(3) {
  left: 477px;
  top: 777px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(4) {
  left: 734px;
  top: 468px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(5) {
  left: 614px;
  top: 912px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(6) {
  left: 823px;
  top: 644px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(7) {
  left: 1043px;
  top: 700px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(8) {
  left: 1044px;
  top: 856px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(9) {
  left: 1210px;
  top: 543px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(10) {
  left: 1362px;
  top: 698px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(11) {
  left: 1469px;
  top: 491px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(12) {
  left: 1636px;
  top: 618px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(13) {
  left: 1436px;
  top: 883px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(14) {
  left: 1630px;
  top: 764px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(14) {
  left: 1630px;
  top: 764px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(15) {
  left: 1684px;
  top: 936px;
}

.wd .w-index-advantage .item.item-1 .circle .c:nth-child(16) {
  left: 1863px;
  top: 643px;
}

.wd .w-index-advantage .item.item-1 .lines {
  width: 1920px;
  height: 1000px;
  position: absolute;
  top: 0%;
  left: 50%;
  margin-left: -960px;
}

.wd .w-index-advantage .item.item-1 .lines .line {
  position: absolute;
  overflow: hidden;
}

.wd .w-index-advantage .item.item-1 .lines .line .a {
  position: relative;
  overflow: hidden;
}

.wd .w-index-advantage .item.item-1 .lines .line .b {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: auto;
  background-repeat: no-repeat;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(1) {
  top: 444px;
  left: 474px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(1) .a {
  width: 260px;
  height: 330px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(1) .b {
  background-image: url(/img/20181225002349.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(2) {
  top: 464px;
  left: 1362px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(2) .a {
  width: 107px;
  height: 234px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(2) .b {
  background-image: url(/img/20181225002340.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(3) {
  top: 631px;
  left: 477px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(3) .a {
  width: 570px;
  height: 217px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(3) .b {
  background-image: url(/img/20181225002351.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(4) {
  top: 701px;
  left: 1433px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(4) .a {
  width: 200px;
  height: 182px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(4) .b {
  background-image: url(/img/20181225002338.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(5) {
  top: 410px;
  left: 434px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(5) .a {
  width: 393px;
  height: 232px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(5) .b {
  background-image: url(/img/20181225002347.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(6) {
  top: 619px;
  left: 1634px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(6) .a {
  width: 99px;
  height: 318px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(6) .b {
  background-image: url(/img/20181225002335.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(7) {
  top: 469px;
  left: 169px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(7) .a {
  width: 269px;
  height: 237px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(7) .b {
  background-image: url(/img/20181225002346.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(8) {
  top: 195px;
  left: 174px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(8) .a {
  width: 1297px;
  height: 506px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(8) .b {
  background-image: url(/img/20181225002330.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(9) {
  top: 473px;
  left: 1464px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(9) .a {
  width: 172px;
  height: 146px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(9) .b {
  background-image: url(/img/20181225002325.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(10) {
  top: 849px;
  left: 1435px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(10) .a {
  width: 251px;
  height: 80px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(10) .b {
  background-image: url(/img/20181225002337.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(11) {
  top: 600px;
  left: 1043px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(11) .a {
  width: 322px;
  height: 101px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(11) .b {
  background-image: url(/img/20181225002345.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(12) {
  top: 380px;
  left: 1211px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(12) .a {
  width: 424px;
  height: 233px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(12) .b {
  background-image: url(/img/20181225002326.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(13) {
  top: 280px;
  left: 731px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(13) .a {
  width: 734px;
  height: 214px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(13) .b {
  background-image: url(/img/20181225002327.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(14) {
  top: 538px;
  left: 1631px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(14) .a {
  width: 234px;
  height: 104px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(14) .b {
  background-image: url(/img/20181225002333.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(15) {
  top: 570px;
  left: 613px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(15) .a {
  width: 429px;
  height: 342px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(15) .b {
  background-image: url(/img/20181225002352.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(15) {
  top: 570px;
  left: 613px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(15) .a {
  width: 429px;
  height: 342px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(15) .b {
  background-image: url(/img/20181225002352.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(16) {
  top: 229px;
  left: 475px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(16) .a {
  width: 1383px;
  height: 539px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(16) .b {
  background-image: url(/img/20181225002332.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(17) {
  top: 319px;
  left: 436px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(17) .a {
  width: 1198px;
  height: 449px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(17) .b {
  background-image: url(/img/20181225002329.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(18) {
  top: 520px;
  left: 1042px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(18) .a {
  width: 171px;
  height: 174px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(18) .b {
  background-image: url(/img/20181225002343.png);
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(19) {
  top: 383px;
  left: 1207px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(19) .a {
  width: 262px;
  height: 165px;
}

.wd .w-index-advantage .item.item-1 .lines .line:nth-child(19) .b {
  background-image: url(/img/20181225002341.png);
}

.wd .w-index-advantage .item .mask {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 99;
  visibility: hidden;
  display: none;
}

.wd .w-index-advantage .item-1 .words {
  width: 795px;
  height: 285px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  margin-left: calc(-795px / 2);
  margin-top: calc(-285px / 2);
}

.wd .w-index-advantage .item-1 .words .bg-black-4 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
}

.wd .w-index-advantage .item-1 .words .c .a {
  text-align: center;
  -webkit-mask-image: url(/img/20181225223216.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-image: url(/img/20181225223216.png);
  mask-repeat: no-repeat;
  mask-position: center center;
  position: absolute;
  top: -150px;
  left: 50%;
  margin-left: calc(-795px / 2);
  width: 100%;
}

.wd .w-index-advantage .item-1 .words .c .a img {
  animation: w-ani-rotate 12s linear infinite;
}

@keyframes w-ani-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.wd .w-index-advantage .item-1 .words .c .words-each-ani {
  position: absolute;
  top: 160px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
}

.wd .w-index-advantage .item-1 .words .c .words-each-ani span {
  height: 24px;
  line-height: 24px;
  display: inline-block;
}

.wd .w-index-advantage .bg {
  width: 1920px;
  height: 1000px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
}

.wd .w-index-advantage .item-2 .content {
  width: 1920px !important;
  height: 1000px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
}

.wd .w-index-advantage .item-2 .words {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  transform: translate(-50%, -50%);
  text-align: right;
}

.wd .w-index-advantage .item-2 .words p:nth-child(1) {
  font-size: 36px;
  color: #fff;
  text-shadow: 1px 1px 15px #333;
}

.wd .w-index-advantage .item-2 .words p:nth-child(2) {
  font-size: 20px;
  color: #fff;
  margin-top: 15px;
  text-shadow: 1px 1px 15px #333;
}

.wd .w-index-advantage .item-2 .content .l {
  position: absolute;
  opacity: 0;
}

.wd .w-index-advantage .item-2 .content .l img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 11px;
  margin-left: 7px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(2) {
  top: 40px;
  left: 41px;
  opacity: 1;
  z-index: 2;
  width: 318px;
  height: 318px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(3) {
  top: 273px;
  left: 306px;
  opacity: 1;
  z-index: 1;
  width: 157px;
  height: 157px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(4) {
  top: 488px;
  left: 246px;
  opacity: 1;
  z-index: 2;
  width: 173px;
  height: 173px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(5) {
  top: 744px;
  left: 96px;
  opacity: 1;
  z-index: 2;
  width: 119px;
  height: 119px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(6) {
  top: 88px;
  left: 678px;
  opacity: 1;
  z-index: 2;
  width: 365px;
  height: 323px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(7) {
  top: 664px;
  left: 463px;
  opacity: 1;
  z-index: 2;
  width: 267px;
  height: 267px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(8) {
  top: 618px;
  left: 873px;
  opacity: 1;
  z-index: 2;
  width: 189px;
  height: 189px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(9) {
  top: 908px;
  left: 784px;
  opacity: 1;
  z-index: 2;
  width: 184px;
  height: 184px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(10) {
  top: 74px;
  left: 1184px;
  opacity: 1;
  z-index: 2;
  width: 115px;
  height: 115px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(11) {
  top: 324px;
  left: 1166px;
  opacity: 1;
  z-index: 2;
  width: 87px;
  height: 87px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(12) {
  top: -104px;
  left: 1491px;
  opacity: 1;
  z-index: 2;
  width: 291px;
  height: 291px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(13) {
  top: 170px;
  left: 1375px;
  opacity: 1;
  z-index: 2;
  width: 189px;
  height: 189px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(14) {
  top: 441px;
  left: 1526px;
  opacity: 1;
  z-index: 2;
  width: 189px;
  height: 189px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(15) {
  top: 735px;
  left: 1239px;
  opacity: 1;
  z-index: 2;
  width: 139px;
  height: 139px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(16) {
  top: 664px;
  left: 1349px;
  opacity: 1;
  z-index: 1;
  width: 116px;
  height: 116px;
}

.wd .w-index-advantage .item-2 .content .l:nth-child(17) {
  top: 769px;
  left: 1526px;
  opacity: 1;
  z-index: 1;
  width: 189px;
  height: 189px;
}

.wd .w-index-advantage .item-3 .content {
  width: 502px !important;
  height: 467px;
  background-color: #CADA43;
  position: absolute;
  top: 120px;
  right: 100px;
  z-index: 99;
}

.wd .w-index-advantage .item-3 .content:before {
  content: "";
  display: block;
  width: 134px;
  height: 154px;
  background: url(/img/20181226231027.png) top left no-repeat;
  position: absolute;
  top: 200px;
  left: 200px;
  animation: w-ani-rotate-y 5s infinite;
}

.wd .w-index-advantage .item-3 .content:after {
  content: "";
  display: block;
  width: 37px;
  height: 386px;
  background: url(/img/20181226231351.png) top left no-repeat;
  position: absolute;
  top: 20px;
  right: 20px;
}

@keyframes w-ani-rotate-y {
  from {
    transform: rotateY(0deg);
  }

  to {
    transform: rotateY(1turn);
  }
}

.wd .w-index-advantage .item-3 .content .w1 {
  font-size: 48px;
  color: #fff;
  margin-top: 156px;
  margin-left: 40px;
}

.wd .w-index-advantage .item-3 .content .w2 {
  font-size: 18px;
  color: #fff;
  width: 280px;
  margin-top: 30px;
  margin-left: 40px;
  line-height: 1.4em;
}

.wd .w-index-advantage .item-4 {
  background-color: #CADA43;
}

.wd .w-index-advantage .item-4 .content {
  width: 1920px !important;
  height: 1000px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -960px;
}

.wd .w-index-advantage .item-4 .content .w-l {
  width: 760px;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-mask-image: url(/img/20181226232136.png);
  mask-image: url(/img/20181226232136.png);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div {
  animation: w-ani-rotateY 2s linear infinite;
  animation-direction: alternate-reverse;
}

@keyframes w-ani-rotateY {
  0% {
    transform: rotateY(360deg) translateX(10px);
  }

  60% {
    transform: rotateY(0deg) translateX(0px);
  }

  100% {
    transform: rotateY(0deg) translateX(0px);
  }
}

@keyframes w-ani-translateY {
  from {
    transform: translateY(-5px);
  }

  to {
    transform: translateY(0px);
  }
}

.wd .w-index-advantage .item-4 .content .w-l .c {
  width: 1000vw;
}

.wd .w-index-advantage .item-4 .content .w-l div.c div {
  float: left;
  height: 1000px;
  background-repeat: no-repeat;
  background-image: url(/img/20181226085029.jpg);
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(1) {
  width: 10px;
  background-position: calc(-10px * 0) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(2) {
  width: 10px;
  background-position: calc(-10px * 1) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(3) {
  width: 10px;
  background-position: calc(-10px * 2) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(4) {
  width: 10px;
  background-position: calc(-10px * 3) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(5) {
  width: 10px;
  background-position: calc(-10px * 4) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(6) {
  width: 10px;
  background-position: calc(-10px * 5) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(7) {
  width: 10px;
  background-position: calc(-10px * 6) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(8) {
  width: 10px;
  background-position: calc(-10px * 7) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(9) {
  width: 10px;
  background-position: calc(-10px * 8) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(10) {
  width: 10px;
  background-position: calc(-10px * 9) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(11) {
  width: 10px;
  background-position: calc(-10px * 10) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(12) {
  width: 10px;
  background-position: calc(-10px * 11) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(13) {
  width: 10px;
  background-position: calc(-10px * 12) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(14) {
  width: 10px;
  background-position: calc(-10px * 13) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(15) {
  width: 10px;
  background-position: calc(-10px * 14) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(16) {
  width: 10px;
  background-position: calc(-10px * 15) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(17) {
  width: 10px;
  background-position: calc(-10px * 16) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(18) {
  width: 10px;
  background-position: calc(-10px * 17) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(19) {
  width: 10px;
  background-position: calc(-10px * 18) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(20) {
  width: 10px;
  background-position: calc(-10px * 19) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(21) {
  width: 10px;
  background-position: calc(-10px * 20) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(22) {
  width: 10px;
  background-position: calc(-10px * 21) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(23) {
  width: 10px;
  background-position: calc(-10px * 22) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(24) {
  width: 10px;
  background-position: calc(-10px * 23) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(25) {
  width: 10px;
  background-position: calc(-10px * 24) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(26) {
  width: 10px;
  background-position: calc(-10px * 25) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(27) {
  width: 10px;
  background-position: calc(-10px * 26) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(28) {
  width: 10px;
  background-position: calc(-10px * 27) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(29) {
  width: 10px;
  background-position: calc(-10px * 28) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(30) {
  width: 10px;
  background-position: calc(-10px * 29) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(31) {
  width: 10px;
  background-position: calc(-10px * 30) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(32) {
  width: 10px;
  background-position: calc(-10px * 31) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(33) {
  width: 10px;
  background-position: calc(-10px * 32) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(34) {
  width: 10px;
  background-position: calc(-10px * 33) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(35) {
  width: 10px;
  background-position: calc(-10px * 34) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(36) {
  width: 10px;
  background-position: calc(-10px * 35) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(37) {
  width: 10px;
  background-position: calc(-10px * 36) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(38) {
  width: 10px;
  background-position: calc(-10px * 37) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(39) {
  width: 10px;
  background-position: calc(-10px * 38) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(40) {
  width: 10px;
  background-position: calc(-10px * 39) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(41) {
  width: 10px;
  background-position: calc(-10px * 40) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(42) {
  width: 10px;
  background-position: calc(-10px * 41) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(43) {
  width: 10px;
  background-position: calc(-10px * 42) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(44) {
  width: 10px;
  background-position: calc(-10px * 43) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(45) {
  width: 10px;
  background-position: calc(-10px * 44) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(46) {
  width: 10px;
  background-position: calc(-10px * 45) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(47) {
  width: 10px;
  background-position: calc(-10px * 46) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(48) {
  width: 10px;
  background-position: calc(-10px * 47) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(49) {
  width: 10px;
  background-position: calc(-10px * 48) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(50) {
  width: 10px;
  background-position: calc(-10px * 49) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(51) {
  width: 10px;
  background-position: calc(-10px * 50) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(52) {
  width: 10px;
  background-position: calc(-10px * 51) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(53) {
  width: 10px;
  background-position: calc(-10px * 52) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(54) {
  width: 10px;
  background-position: calc(-10px * 53) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(55) {
  width: 10px;
  background-position: calc(-10px * 54) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(56) {
  width: 10px;
  background-position: calc(-10px * 55) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(57) {
  width: 10px;
  background-position: calc(-10px * 56) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(58) {
  width: 10px;
  background-position: calc(-10px * 57) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(59) {
  width: 10px;
  background-position: calc(-10px * 58) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(60) {
  width: 10px;
  background-position: calc(-10px * 59) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(61) {
  width: 10px;
  background-position: calc(-10px * 60) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(62) {
  width: 10px;
  background-position: calc(-10px * 61) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(63) {
  width: 10px;
  background-position: calc(-10px * 62) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(64) {
  width: 10px;
  background-position: calc(-10px * 63) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(65) {
  width: 10px;
  background-position: calc(-10px * 64) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(66) {
  width: 10px;
  background-position: calc(-10px * 65) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(67) {
  width: 10px;
  background-position: calc(-10px * 66) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(68) {
  width: 10px;
  background-position: calc(-10px * 67) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(69) {
  width: 10px;
  background-position: calc(-10px * 68) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(70) {
  width: 10px;
  background-position: calc(-10px * 69) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(71) {
  width: 10px;
  background-position: calc(-10px * 70) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(72) {
  width: 10px;
  background-position: calc(-10px * 71) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(73) {
  width: 10px;
  background-position: calc(-10px * 72) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(74) {
  width: 10px;
  background-position: calc(-10px * 73) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(75) {
  width: 10px;
  background-position: calc(-10px * 74) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(76) {
  width: 10px;
  background-position: calc(-10px * 75) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(77) {
  width: 10px;
  background-position: calc(-10px * 76) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(78) {
  width: 10px;
  background-position: calc(-10px * 77) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(79) {
  width: 10px;
  background-position: calc(-10px * 78) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(80) {
  width: 10px;
  background-position: calc(-10px * 79) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(81) {
  width: 10px;
  background-position: calc(-10px * 80) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(82) {
  width: 10px;
  background-position: calc(-10px * 81) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(83) {
  width: 10px;
  background-position: calc(-10px * 82) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(84) {
  width: 10px;
  background-position: calc(-10px * 83) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(85) {
  width: 10px;
  background-position: calc(-10px * 84) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(86) {
  width: 10px;
  background-position: calc(-10px * 85) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(87) {
  width: 10px;
  background-position: calc(-10px * 86) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(88) {
  width: 10px;
  background-position: calc(-10px * 87) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(89) {
  width: 10px;
  background-position: calc(-10px * 88) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(90) {
  width: 10px;
  background-position: calc(-10px * 89) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(91) {
  width: 10px;
  background-position: calc(-10px * 90) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(92) {
  width: 10px;
  background-position: calc(-10px * 91) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(93) {
  width: 10px;
  background-position: calc(-10px * 92) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(94) {
  width: 10px;
  background-position: calc(-10px * 93) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(95) {
  width: 10px;
  background-position: calc(-10px * 94) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(96) {
  width: 10px;
  background-position: calc(-10px * 95) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(97) {
  width: 10px;
  background-position: calc(-10px * 96) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(98) {
  width: 10px;
  background-position: calc(-10px * 97) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(99) {
  width: 10px;
  background-position: calc(-10px * 98) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l .c div:nth-child(100) {
  width: 10px;
  background-position: calc(-10px * 99) 0px;
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(1) {
  animation-delay: calc(0.01*1s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(2) {
  animation-delay: calc(0.01*2s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(3) {
  animation-delay: calc(0.01*3s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(4) {
  animation-delay: calc(0.01*4s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(5) {
  animation-delay: calc(0.01*5s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(6) {
  animation-delay: calc(0.01*6s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(7) {
  animation-delay: calc(0.01*7s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(8) {
  animation-delay: calc(0.01*8s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(9) {
  animation-delay: calc(0.01*9s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(10) {
  animation-delay: calc(0.01*10s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(11) {
  animation-delay: calc(0.01*11s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(12) {
  animation-delay: calc(0.01*12s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(13) {
  animation-delay: calc(0.01*13s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(14) {
  animation-delay: calc(0.01*14s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(15) {
  animation-delay: calc(0.01*15s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(16) {
  animation-delay: calc(0.01*16s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(17) {
  animation-delay: calc(0.01*17s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(18) {
  animation-delay: calc(0.01*18s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(19) {
  animation-delay: calc(0.01*19s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(20) {
  animation-delay: calc(0.01*20s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(21) {
  animation-delay: calc(0.01*21s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(22) {
  animation-delay: calc(0.01*22s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(23) {
  animation-delay: calc(0.01*23s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(24) {
  animation-delay: calc(0.01*24s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(25) {
  animation-delay: calc(0.01*25s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(26) {
  animation-delay: calc(0.01*26s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(27) {
  animation-delay: calc(0.01*27s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(28) {
  animation-delay: calc(0.01*28s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(29) {
  animation-delay: calc(0.01*29s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(30) {
  animation-delay: calc(0.01*30s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(31) {
  animation-delay: calc(0.01*31s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(32) {
  animation-delay: calc(0.01*32s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(33) {
  animation-delay: calc(0.01*33s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(34) {
  animation-delay: calc(0.01*34s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(35) {
  animation-delay: calc(0.01*35s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(36) {
  animation-delay: calc(0.01*36s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(37) {
  animation-delay: calc(0.01*37s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(38) {
  animation-delay: calc(0.01*38s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(39) {
  animation-delay: calc(0.01*39s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(40) {
  animation-delay: calc(0.01*40s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(41) {
  animation-delay: calc(0.01*41s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(42) {
  animation-delay: calc(0.01*42s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(43) {
  animation-delay: calc(0.01*43s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(44) {
  animation-delay: calc(0.01*44s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(45) {
  animation-delay: calc(0.01*45s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(46) {
  animation-delay: calc(0.01*46s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(47) {
  animation-delay: calc(0.01*47s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(48) {
  animation-delay: calc(0.01*48s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(49) {
  animation-delay: calc(0.01*49s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(50) {
  animation-delay: calc(0.01*50s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(51) {
  animation-delay: calc(0.01*51s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(52) {
  animation-delay: calc(0.01*52s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(53) {
  animation-delay: calc(0.01*53s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(54) {
  animation-delay: calc(0.01*54s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(55) {
  animation-delay: calc(0.01*55s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(56) {
  animation-delay: calc(0.01*56s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(57) {
  animation-delay: calc(0.01*57s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(58) {
  animation-delay: calc(0.01*58s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(59) {
  animation-delay: calc(0.01*59s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(60) {
  animation-delay: calc(0.01*60s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(61) {
  animation-delay: calc(0.01*61s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(62) {
  animation-delay: calc(0.01*62s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(63) {
  animation-delay: calc(0.01*63s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(64) {
  animation-delay: calc(0.01*64s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(65) {
  animation-delay: calc(0.01*65s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(66) {
  animation-delay: calc(0.01*66s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(67) {
  animation-delay: calc(0.01*67s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(68) {
  animation-delay: calc(0.01*68s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(69) {
  animation-delay: calc(0.01*69s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(70) {
  animation-delay: calc(0.01*70s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(71) {
  animation-delay: calc(0.01*71s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(72) {
  animation-delay: calc(0.01*72s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(73) {
  animation-delay: calc(0.01*73s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(74) {
  animation-delay: calc(0.01*74s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(75) {
  animation-delay: calc(0.01*75s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(76) {
  animation-delay: calc(0.01*76s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(77) {
  animation-delay: calc(0.01*77s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(78) {
  animation-delay: calc(0.01*78s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(79) {
  animation-delay: calc(0.01*79s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(80) {
  animation-delay: calc(0.01*80s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(81) {
  animation-delay: calc(0.01*81s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(82) {
  animation-delay: calc(0.01*82s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(83) {
  animation-delay: calc(0.01*83s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(84) {
  animation-delay: calc(0.01*84s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(85) {
  animation-delay: calc(0.01*85s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(86) {
  animation-delay: calc(0.01*86s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(87) {
  animation-delay: calc(0.01*87s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(88) {
  animation-delay: calc(0.01*88s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(89) {
  animation-delay: calc(0.01*89s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(90) {
  animation-delay: calc(0.01*90s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(91) {
  animation-delay: calc(0.01*91s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(92) {
  animation-delay: calc(0.01*92s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(93) {
  animation-delay: calc(0.01*93s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(94) {
  animation-delay: calc(0.01*94s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(95) {
  animation-delay: calc(0.01*95s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(96) {
  animation-delay: calc(0.01*96s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(97) {
  animation-delay: calc(0.01*97s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(98) {
  animation-delay: calc(0.01*98s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(99) {
  animation-delay: calc(0.01*99s);
}

.wd .w-index-advantage .item-4 .content .w-l.current .c div:nth-child(100) {
  animation-delay: calc(0.01*100s);
}

.wd .w-index-advantage .item-4 .content .w-m {
  width: 1408px;
  position: absolute;
  top: 0px;
  left: 199px;
  -webkit-mask-image: url(/img/20181226232151.png);
  -webkit-mask-position: top right;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(/img/20181226232151.png);
  z-index: 9;
}

.wd .w-index-advantage .item-4 .content .w-m .c {
  width: 1000vw;
  position: relative;
  left: -140px;
}

.wd .w-index-advantage .item-4 .content .w-m div.c div {
  float: left;
  height: 1000px;
  background-repeat: no-repeat;
  background-image: url(/img/20181227002947.jpg);
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(1) {
  width: 20px;
  background-position: calc(-20px * 0) 0px;
  margin-left: 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(2) {
  width: 20px;
  background-position: calc(-20px * 1) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(3) {
  width: 20px;
  background-position: calc(-20px * 2) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(4) {
  width: 20px;
  background-position: calc(-20px * 3) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(5) {
  width: 20px;
  background-position: calc(-20px * 4) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(6) {
  width: 20px;
  background-position: calc(-20px * 5) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(7) {
  width: 20px;
  background-position: calc(-20px * 6) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(8) {
  width: 20px;
  background-position: calc(-20px * 7) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(9) {
  width: 20px;
  background-position: calc(-20px * 8) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(10) {
  width: 20px;
  background-position: calc(-20px * 9) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(11) {
  width: 20px;
  background-position: calc(-20px * 10) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(12) {
  width: 20px;
  background-position: calc(-20px * 11) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(13) {
  width: 20px;
  background-position: calc(-20px * 12) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(14) {
  width: 20px;
  background-position: calc(-20px * 13) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(15) {
  width: 20px;
  background-position: calc(-20px * 14) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(16) {
  width: 20px;
  background-position: calc(-20px * 15) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(17) {
  width: 20px;
  background-position: calc(-20px * 16) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(18) {
  width: 20px;
  background-position: calc(-20px * 17) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(19) {
  width: 20px;
  background-position: calc(-20px * 18) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(20) {
  width: 20px;
  background-position: calc(-20px * 19) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(21) {
  width: 20px;
  background-position: calc(-20px * 20) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(22) {
  width: 20px;
  background-position: calc(-20px * 21) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(23) {
  width: 20px;
  background-position: calc(-20px * 22) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(24) {
  width: 20px;
  background-position: calc(-20px * 23) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(25) {
  width: 20px;
  background-position: calc(-20px * 24) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(26) {
  width: 20px;
  background-position: calc(-20px * 25) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(27) {
  width: 20px;
  background-position: calc(-20px * 26) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(28) {
  width: 20px;
  background-position: calc(-20px * 27) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(29) {
  width: 20px;
  background-position: calc(-20px * 28) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(30) {
  width: 20px;
  background-position: calc(-20px * 29) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(31) {
  width: 20px;
  background-position: calc(-20px * 30) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(32) {
  width: 20px;
  background-position: calc(-20px * 31) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(33) {
  width: 20px;
  background-position: calc(-20px * 32) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(34) {
  width: 20px;
  background-position: calc(-20px * 33) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(35) {
  width: 20px;
  background-position: calc(-20px * 34) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(36) {
  width: 20px;
  background-position: calc(-20px * 35) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(37) {
  width: 20px;
  background-position: calc(-20px * 36) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(38) {
  width: 20px;
  background-position: calc(-20px * 37) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(39) {
  width: 20px;
  background-position: calc(-20px * 38) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(40) {
  width: 20px;
  background-position: calc(-20px * 39) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(41) {
  width: 20px;
  background-position: calc(-20px * 40) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(42) {
  width: 20px;
  background-position: calc(-20px * 41) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(43) {
  width: 20px;
  background-position: calc(-20px * 42) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(44) {
  width: 20px;
  background-position: calc(-20px * 43) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(45) {
  width: 20px;
  background-position: calc(-20px * 44) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(46) {
  width: 20px;
  background-position: calc(-20px * 45) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(47) {
  width: 20px;
  background-position: calc(-20px * 46) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(48) {
  width: 20px;
  background-position: calc(-20px * 47) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(49) {
  width: 20px;
  background-position: calc(-20px * 48) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(50) {
  width: 20px;
  background-position: calc(-20px * 49) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(51) {
  width: 20px;
  background-position: calc(-20px * 50) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(52) {
  width: 20px;
  background-position: calc(-20px * 51) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(53) {
  width: 20px;
  background-position: calc(-20px * 52) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(54) {
  width: 20px;
  background-position: calc(-20px * 53) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(55) {
  width: 20px;
  background-position: calc(-20px * 54) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(56) {
  width: 20px;
  background-position: calc(-20px * 55) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(57) {
  width: 20px;
  background-position: calc(-20px * 56) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(58) {
  width: 20px;
  background-position: calc(-20px * 57) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(59) {
  width: 20px;
  background-position: calc(-20px * 58) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(60) {
  width: 20px;
  background-position: calc(-20px * 59) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(61) {
  width: 20px;
  background-position: calc(-20px * 60) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(62) {
  width: 20px;
  background-position: calc(-20px * 61) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(63) {
  width: 20px;
  background-position: calc(-20px * 62) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(64) {
  width: 20px;
  background-position: calc(-20px * 63) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(65) {
  width: 20px;
  background-position: calc(-20px * 64) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(66) {
  width: 20px;
  background-position: calc(-20px * 65) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(67) {
  width: 20px;
  background-position: calc(-20px * 66) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(68) {
  width: 20px;
  background-position: calc(-20px * 67) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(69) {
  width: 20px;
  background-position: calc(-20px * 68) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(70) {
  width: 20px;
  background-position: calc(-20px * 69) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(71) {
  width: 20px;
  background-position: calc(-20px * 70) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(72) {
  width: 20px;
  background-position: calc(-20px * 71) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(73) {
  width: 20px;
  background-position: calc(-20px * 72) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(74) {
  width: 20px;
  background-position: calc(-20px * 73) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(75) {
  width: 20px;
  background-position: calc(-20px * 74) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(76) {
  width: 20px;
  background-position: calc(-20px * 75) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(77) {
  width: 20px;
  background-position: calc(-20px * 76) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(78) {
  width: 20px;
  background-position: calc(-20px * 77) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(79) {
  width: 20px;
  background-position: calc(-20px * 78) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(80) {
  width: 20px;
  background-position: calc(-20px * 79) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(81) {
  width: 20px;
  background-position: calc(-20px * 80) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(82) {
  width: 20px;
  background-position: calc(-20px * 81) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(83) {
  width: 20px;
  background-position: calc(-20px * 82) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(84) {
  width: 20px;
  background-position: calc(-20px * 83) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(85) {
  width: 20px;
  background-position: calc(-20px * 84) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(86) {
  width: 20px;
  background-position: calc(-20px * 85) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(87) {
  width: 20px;
  background-position: calc(-20px * 86) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(88) {
  width: 20px;
  background-position: calc(-20px * 87) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(89) {
  width: 20px;
  background-position: calc(-20px * 88) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(90) {
  width: 20px;
  background-position: calc(-20px * 89) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(91) {
  width: 20px;
  background-position: calc(-20px * 90) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(92) {
  width: 20px;
  background-position: calc(-20px * 91) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(93) {
  width: 20px;
  background-position: calc(-20px * 92) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(94) {
  width: 20px;
  background-position: calc(-20px * 93) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(95) {
  width: 20px;
  background-position: calc(-20px * 94) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(96) {
  width: 20px;
  background-position: calc(-20px * 95) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(97) {
  width: 20px;
  background-position: calc(-20px * 96) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(98) {
  width: 20px;
  background-position: calc(-20px * 97) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(99) {
  width: 20px;
  background-position: calc(-20px * 98) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m .c div:nth-child(100) {
  width: 20px;
  background-position: calc(-20px * 99) 0px;
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(1) {
  animation-delay: calc(0.01*1s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(2) {
  animation-delay: calc(0.01*2s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(3) {
  animation-delay: calc(0.01*3s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(4) {
  animation-delay: calc(0.01*4s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(5) {
  animation-delay: calc(0.01*5s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(6) {
  animation-delay: calc(0.01*6s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(7) {
  animation-delay: calc(0.01*7s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(8) {
  animation-delay: calc(0.01*8s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(9) {
  animation-delay: calc(0.01*9s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(10) {
  animation-delay: calc(0.01*10s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(11) {
  animation-delay: calc(0.01*11s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(12) {
  animation-delay: calc(0.01*12s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(13) {
  animation-delay: calc(0.01*13s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(14) {
  animation-delay: calc(0.01*14s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(15) {
  animation-delay: calc(0.01*15s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(16) {
  animation-delay: calc(0.01*16s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(17) {
  animation-delay: calc(0.01*17s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(18) {
  animation-delay: calc(0.01*18s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(19) {
  animation-delay: calc(0.01*19s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(20) {
  animation-delay: calc(0.01*20s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(21) {
  animation-delay: calc(0.01*21s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(22) {
  animation-delay: calc(0.01*22s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(23) {
  animation-delay: calc(0.01*23s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(24) {
  animation-delay: calc(0.01*24s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(25) {
  animation-delay: calc(0.01*25s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(26) {
  animation-delay: calc(0.01*26s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(27) {
  animation-delay: calc(0.01*27s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(28) {
  animation-delay: calc(0.01*28s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(29) {
  animation-delay: calc(0.01*29s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(30) {
  animation-delay: calc(0.01*30s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(31) {
  animation-delay: calc(0.01*31s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(32) {
  animation-delay: calc(0.01*32s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(33) {
  animation-delay: calc(0.01*33s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(34) {
  animation-delay: calc(0.01*34s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(35) {
  animation-delay: calc(0.01*35s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(36) {
  animation-delay: calc(0.01*36s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(37) {
  animation-delay: calc(0.01*37s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(38) {
  animation-delay: calc(0.01*38s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(39) {
  animation-delay: calc(0.01*39s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(40) {
  animation-delay: calc(0.01*40s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(41) {
  animation-delay: calc(0.01*41s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(42) {
  animation-delay: calc(0.01*42s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(43) {
  animation-delay: calc(0.01*43s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(44) {
  animation-delay: calc(0.01*44s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(45) {
  animation-delay: calc(0.01*45s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(46) {
  animation-delay: calc(0.01*46s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(47) {
  animation-delay: calc(0.01*47s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(48) {
  animation-delay: calc(0.01*48s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(49) {
  animation-delay: calc(0.01*49s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(50) {
  animation-delay: calc(0.01*50s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(51) {
  animation-delay: calc(0.01*51s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(52) {
  animation-delay: calc(0.01*52s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(53) {
  animation-delay: calc(0.01*53s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(54) {
  animation-delay: calc(0.01*54s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(55) {
  animation-delay: calc(0.01*55s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(56) {
  animation-delay: calc(0.01*56s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(57) {
  animation-delay: calc(0.01*57s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(58) {
  animation-delay: calc(0.01*58s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(59) {
  animation-delay: calc(0.01*59s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(60) {
  animation-delay: calc(0.01*60s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(61) {
  animation-delay: calc(0.01*61s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(62) {
  animation-delay: calc(0.01*62s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(63) {
  animation-delay: calc(0.01*63s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(64) {
  animation-delay: calc(0.01*64s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(65) {
  animation-delay: calc(0.01*65s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(66) {
  animation-delay: calc(0.01*66s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(67) {
  animation-delay: calc(0.01*67s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(68) {
  animation-delay: calc(0.01*68s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(69) {
  animation-delay: calc(0.01*69s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(70) {
  animation-delay: calc(0.01*70s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(71) {
  animation-delay: calc(0.01*71s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(72) {
  animation-delay: calc(0.01*72s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(73) {
  animation-delay: calc(0.01*73s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(74) {
  animation-delay: calc(0.01*74s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(75) {
  animation-delay: calc(0.01*75s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(76) {
  animation-delay: calc(0.01*76s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(77) {
  animation-delay: calc(0.01*77s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(78) {
  animation-delay: calc(0.01*78s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(79) {
  animation-delay: calc(0.01*79s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(80) {
  animation-delay: calc(0.01*80s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(81) {
  animation-delay: calc(0.01*81s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(82) {
  animation-delay: calc(0.01*82s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(83) {
  animation-delay: calc(0.01*83s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(84) {
  animation-delay: calc(0.01*84s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(85) {
  animation-delay: calc(0.01*85s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(86) {
  animation-delay: calc(0.01*86s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(87) {
  animation-delay: calc(0.01*87s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(88) {
  animation-delay: calc(0.01*88s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(89) {
  animation-delay: calc(0.01*89s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(90) {
  animation-delay: calc(0.01*90s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(91) {
  animation-delay: calc(0.01*91s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(92) {
  animation-delay: calc(0.01*92s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(93) {
  animation-delay: calc(0.01*93s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(94) {
  animation-delay: calc(0.01*94s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(95) {
  animation-delay: calc(0.01*95s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(96) {
  animation-delay: calc(0.01*96s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(97) {
  animation-delay: calc(0.01*97s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(98) {
  animation-delay: calc(0.01*98s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(99) {
  animation-delay: calc(0.01*99s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div:nth-child(100) {
  animation-delay: calc(0.01*100s);
}

.wd .w-index-advantage .item-4 .content .w-m.current .c div {
  animation: w-ani-rotateY 2s linear infinite;
  animation-direction: alternate-reverse;
}

.wd .w-index-advantage .item-4 .content .w-r {
  width: 876px;
  position: absolute;
  top: 0px;
  right: 0px;
  -webkit-mask-image: url(/img/20181226232202.png);
  mask-image: url(/img/20181226232202.png);
  z-index: 2;
}

.wd .w-index-advantage .item-4 .content .w-r div.c div {
  float: left;
  height: 1000px;
  background-repeat: no-repeat;
  background-image: url(/img/20181226085151.jpg);
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(1) {
  width: 20px;
  background-position: calc(-20px * 0) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(2) {
  width: 20px;
  background-position: calc(-20px * 1) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(3) {
  width: 20px;
  background-position: calc(-20px * 2) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(4) {
  width: 20px;
  background-position: calc(-20px * 3) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(5) {
  width: 20px;
  background-position: calc(-20px * 4) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(6) {
  width: 20px;
  background-position: calc(-20px * 5) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(7) {
  width: 20px;
  background-position: calc(-20px * 6) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(8) {
  width: 20px;
  background-position: calc(-20px * 7) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(9) {
  width: 20px;
  background-position: calc(-20px * 8) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(10) {
  width: 20px;
  background-position: calc(-20px * 9) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(11) {
  width: 20px;
  background-position: calc(-20px * 10) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(12) {
  width: 20px;
  background-position: calc(-20px * 11) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(13) {
  width: 20px;
  background-position: calc(-20px * 12) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(14) {
  width: 20px;
  background-position: calc(-20px * 13) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(15) {
  width: 20px;
  background-position: calc(-20px * 14) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(16) {
  width: 20px;
  background-position: calc(-20px * 15) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(17) {
  width: 20px;
  background-position: calc(-20px * 16) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(18) {
  width: 20px;
  background-position: calc(-20px * 17) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(19) {
  width: 20px;
  background-position: calc(-20px * 18) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(20) {
  width: 20px;
  background-position: calc(-20px * 19) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(21) {
  width: 20px;
  background-position: calc(-20px * 20) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(22) {
  width: 20px;
  background-position: calc(-20px * 21) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(23) {
  width: 20px;
  background-position: calc(-20px * 22) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(24) {
  width: 20px;
  background-position: calc(-20px * 23) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(25) {
  width: 20px;
  background-position: calc(-20px * 24) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(26) {
  width: 20px;
  background-position: calc(-20px * 25) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(27) {
  width: 20px;
  background-position: calc(-20px * 26) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(28) {
  width: 20px;
  background-position: calc(-20px * 27) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(29) {
  width: 20px;
  background-position: calc(-20px * 28) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(30) {
  width: 20px;
  background-position: calc(-20px * 29) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(31) {
  width: 20px;
  background-position: calc(-20px * 30) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(32) {
  width: 20px;
  background-position: calc(-20px * 31) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(33) {
  width: 20px;
  background-position: calc(-20px * 32) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(34) {
  width: 20px;
  background-position: calc(-20px * 33) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(35) {
  width: 20px;
  background-position: calc(-20px * 34) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(36) {
  width: 20px;
  background-position: calc(-20px * 35) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(37) {
  width: 20px;
  background-position: calc(-20px * 36) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(38) {
  width: 20px;
  background-position: calc(-20px * 37) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(39) {
  width: 20px;
  background-position: calc(-20px * 38) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(40) {
  width: 20px;
  background-position: calc(-20px * 39) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(41) {
  width: 20px;
  background-position: calc(-20px * 40) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(42) {
  width: 20px;
  background-position: calc(-20px * 41) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(43) {
  width: 20px;
  background-position: calc(-20px * 42) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(44) {
  width: 20px;
  background-position: calc(-20px * 43) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(45) {
  width: 20px;
  background-position: calc(-20px * 44) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(46) {
  width: 20px;
  background-position: calc(-20px * 45) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(47) {
  width: 20px;
  background-position: calc(-20px * 46) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(48) {
  width: 20px;
  background-position: calc(-20px * 47) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(49) {
  width: 20px;
  background-position: calc(-20px * 48) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(50) {
  width: 20px;
  background-position: calc(-20px * 49) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(51) {
  width: 20px;
  background-position: calc(-20px * 50) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(52) {
  width: 20px;
  background-position: calc(-20px * 51) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(53) {
  width: 20px;
  background-position: calc(-20px * 52) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(54) {
  width: 20px;
  background-position: calc(-20px * 53) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(55) {
  width: 20px;
  background-position: calc(-20px * 54) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(56) {
  width: 20px;
  background-position: calc(-20px * 55) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(57) {
  width: 20px;
  background-position: calc(-20px * 56) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(58) {
  width: 20px;
  background-position: calc(-20px * 57) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(59) {
  width: 20px;
  background-position: calc(-20px * 58) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(60) {
  width: 20px;
  background-position: calc(-20px * 59) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(61) {
  width: 20px;
  background-position: calc(-20px * 60) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(62) {
  width: 20px;
  background-position: calc(-20px * 61) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(63) {
  width: 20px;
  background-position: calc(-20px * 62) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(64) {
  width: 20px;
  background-position: calc(-20px * 63) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(65) {
  width: 20px;
  background-position: calc(-20px * 64) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(66) {
  width: 20px;
  background-position: calc(-20px * 65) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(67) {
  width: 20px;
  background-position: calc(-20px * 66) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(68) {
  width: 20px;
  background-position: calc(-20px * 67) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(69) {
  width: 20px;
  background-position: calc(-20px * 68) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(70) {
  width: 20px;
  background-position: calc(-20px * 69) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(71) {
  width: 20px;
  background-position: calc(-20px * 70) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(72) {
  width: 20px;
  background-position: calc(-20px * 71) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(73) {
  width: 20px;
  background-position: calc(-20px * 72) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(74) {
  width: 20px;
  background-position: calc(-20px * 73) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(75) {
  width: 20px;
  background-position: calc(-20px * 74) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(76) {
  width: 20px;
  background-position: calc(-20px * 75) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(77) {
  width: 20px;
  background-position: calc(-20px * 76) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(78) {
  width: 20px;
  background-position: calc(-20px * 77) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(79) {
  width: 20px;
  background-position: calc(-20px * 78) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(80) {
  width: 20px;
  background-position: calc(-20px * 79) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(81) {
  width: 20px;
  background-position: calc(-20px * 80) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(82) {
  width: 20px;
  background-position: calc(-20px * 81) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(83) {
  width: 20px;
  background-position: calc(-20px * 82) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(84) {
  width: 20px;
  background-position: calc(-20px * 83) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(85) {
  width: 20px;
  background-position: calc(-20px * 84) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(86) {
  width: 20px;
  background-position: calc(-20px * 85) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(87) {
  width: 20px;
  background-position: calc(-20px * 86) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(88) {
  width: 20px;
  background-position: calc(-20px * 87) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(89) {
  width: 20px;
  background-position: calc(-20px * 88) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(90) {
  width: 20px;
  background-position: calc(-20px * 89) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(91) {
  width: 20px;
  background-position: calc(-20px * 90) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(92) {
  width: 20px;
  background-position: calc(-20px * 91) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(93) {
  width: 20px;
  background-position: calc(-20px * 92) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(94) {
  width: 20px;
  background-position: calc(-20px * 93) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(95) {
  width: 20px;
  background-position: calc(-20px * 94) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(96) {
  width: 20px;
  background-position: calc(-20px * 95) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(97) {
  width: 20px;
  background-position: calc(-20px * 96) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(98) {
  width: 20px;
  background-position: calc(-20px * 97) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(99) {
  width: 20px;
  background-position: calc(-20px * 98) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r .c div:nth-child(100) {
  width: 20px;
  background-position: calc(-20px * 99) 0px;
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div {
  animation: w-ani-rotateY 2s linear infinite;
  animation-direction: alternate-reverse;
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(1) {
  animation-delay: calc(0.01*0s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(2) {
  animation-delay: calc(0.01*1s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(3) {
  animation-delay: calc(0.01*2s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(4) {
  animation-delay: calc(0.01*3s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(5) {
  animation-delay: calc(0.01*4s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(6) {
  animation-delay: calc(0.01*5s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(7) {
  animation-delay: calc(0.01*6s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(8) {
  animation-delay: calc(0.01*7s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(9) {
  animation-delay: calc(0.01*8s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(10) {
  animation-delay: calc(0.01*9s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(11) {
  animation-delay: calc(0.01*10s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(12) {
  animation-delay: calc(0.01*11s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(13) {
  animation-delay: calc(0.01*12s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(14) {
  animation-delay: calc(0.01*13s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(15) {
  animation-delay: calc(0.01*14s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(16) {
  animation-delay: calc(0.01*15s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(17) {
  animation-delay: calc(0.01*16s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(18) {
  animation-delay: calc(0.01*17s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(19) {
  animation-delay: calc(0.01*18s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(20) {
  animation-delay: calc(0.01*19s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(21) {
  animation-delay: calc(0.01*20s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(22) {
  animation-delay: calc(0.01*21s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(23) {
  animation-delay: calc(0.01*22s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(24) {
  animation-delay: calc(0.01*23s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(25) {
  animation-delay: calc(0.01*24s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(26) {
  animation-delay: calc(0.01*25s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(27) {
  animation-delay: calc(0.01*26s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(28) {
  animation-delay: calc(0.01*27s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(29) {
  animation-delay: calc(0.01*28s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(30) {
  animation-delay: calc(0.01*29s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(31) {
  animation-delay: calc(0.01*30s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(32) {
  animation-delay: calc(0.01*31s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(33) {
  animation-delay: calc(0.01*32s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(34) {
  animation-delay: calc(0.01*33s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(35) {
  animation-delay: calc(0.01*34s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(36) {
  animation-delay: calc(0.01*35s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(37) {
  animation-delay: calc(0.01*36s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(38) {
  animation-delay: calc(0.01*37s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(39) {
  animation-delay: calc(0.01*38s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(40) {
  animation-delay: calc(0.01*39s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(41) {
  animation-delay: calc(0.01*40s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(42) {
  animation-delay: calc(0.01*41s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(43) {
  animation-delay: calc(0.01*42s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(44) {
  animation-delay: calc(0.01*43s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(45) {
  animation-delay: calc(0.01*44s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(46) {
  animation-delay: calc(0.01*45s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(47) {
  animation-delay: calc(0.01*46s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(48) {
  animation-delay: calc(0.01*47s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(49) {
  animation-delay: calc(0.01*48s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(50) {
  animation-delay: calc(0.01*49s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(51) {
  animation-delay: calc(0.01*50s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(52) {
  animation-delay: calc(0.01*51s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(53) {
  animation-delay: calc(0.01*52s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(54) {
  animation-delay: calc(0.01*53s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(55) {
  animation-delay: calc(0.01*54s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(56) {
  animation-delay: calc(0.01*55s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(57) {
  animation-delay: calc(0.01*56s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(58) {
  animation-delay: calc(0.01*57s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(59) {
  animation-delay: calc(0.01*58s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(60) {
  animation-delay: calc(0.01*59s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(61) {
  animation-delay: calc(0.01*60s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(62) {
  animation-delay: calc(0.01*61s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(63) {
  animation-delay: calc(0.01*62s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(64) {
  animation-delay: calc(0.01*63s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(65) {
  animation-delay: calc(0.01*64s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(66) {
  animation-delay: calc(0.01*65s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(67) {
  animation-delay: calc(0.01*66s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(68) {
  animation-delay: calc(0.01*67s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(69) {
  animation-delay: calc(0.01*68s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(70) {
  animation-delay: calc(0.01*69s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(71) {
  animation-delay: calc(0.01*70s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(72) {
  animation-delay: calc(0.01*71s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(73) {
  animation-delay: calc(0.01*72s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(74) {
  animation-delay: calc(0.01*73s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(75) {
  animation-delay: calc(0.01*74s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(76) {
  animation-delay: calc(0.01*75s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(77) {
  animation-delay: calc(0.01*76s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(78) {
  animation-delay: calc(0.01*77s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(79) {
  animation-delay: calc(0.01*78s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(80) {
  animation-delay: calc(0.01*79s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(81) {
  animation-delay: calc(0.01*80s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(82) {
  animation-delay: calc(0.01*81s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(83) {
  animation-delay: calc(0.01*82s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(84) {
  animation-delay: calc(0.01*83s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(85) {
  animation-delay: calc(0.01*84s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(86) {
  animation-delay: calc(0.01*85s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(87) {
  animation-delay: calc(0.01*86s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(88) {
  animation-delay: calc(0.01*87s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(89) {
  animation-delay: calc(0.01*88s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(90) {
  animation-delay: calc(0.01*89s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(91) {
  animation-delay: calc(0.01*90s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(92) {
  animation-delay: calc(0.01*91s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(93) {
  animation-delay: calc(0.01*92s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(94) {
  animation-delay: calc(0.01*93s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(95) {
  animation-delay: calc(0.01*94s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(96) {
  animation-delay: calc(0.01*95s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(97) {
  animation-delay: calc(0.01*96s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(98) {
  animation-delay: calc(0.01*97s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(99) {
  animation-delay: calc(0.01*98s);
}

.wd .w-index-advantage .item-4 .content .w-r.current .c div:nth-child(100) {
  animation-delay: calc(0.01*99s);
}

.wd .w-index-advantage .item-1 .words {
  width: 297px;
  height: 292px;
  position: absolute;
  top: 50vh;
  left: 50%;
  z-index: 10;
  margin-left: calc(-297px / 2);
  margin-top: calc(-292px / 2);
  top: 120px;
  left: 20px;
  margin-top: 0px;
  margin-left: 0px;
  transform: scale(0.8);
}

.wd .w-index-advantage .item-1 .words .a {
  position: relative;
  height: 230px;
}

.wd .w-index-advantage .item-1 .words .a div {
  position: absolute;
  font-size: 41px;
  color: #fff;
  text-shadow: 1px 1px 7px #777;
}

.wd .w-index-advantage .item-1 .words .a div:nth-child(1) {
  top: 0px;
  left: 0px;
}

.wd .w-index-advantage .item-1 .words .a div:nth-child(2) {
  top: 41px;
  left: 0px;
}

.wd .w-index-advantage .item-1 .words .a div:nth-child(3) {
  top: 82px;
  left: 0px;
}

.wd .w-index-advantage .item-1 .words .a div:nth-child(4) {
  top: 123px;
  left: 0px;
}

.wd .w-index-advantage .item-1 .words .a div:nth-child(5) {
  top: 164px;
  left: 0px;
}

.wd .w-index-advantage .item-1 .words .a div:nth-child(6) {
  top: 10px;
  left: 50px;
}

.wd .w-index-advantage .item-1 .words .a div:nth-child(7) {
  top: 10px;
  left: 170px;
}

.wd .w-index-advantage .item-1 .words .a div:nth-child(8) {
  top: 128px;
  left: 50px;
  font-size: 72px;
}

.wd .w-index-advantage .item-1 .words .a div:nth-child(9) {
  top: 128px;
  left: 135px;
  font-size: 72px;
}

.wd .w-index-advantage .item-1 .words .a div:nth-child(10) {
  top: 128px;
  left: 220px;
  font-size: 72px;
}

.wd .w-index-advantage .item-1 .words .b {
  position: relative;
  font-size: 18px;
  color: #fff;
}

.wd .w-index-advantage .item-1 .words .a div.current {
  animation: w-index-advantage-item-4-rotateY 4s linear;
  transform-origin: top center;
}

@keyframes w-index-advantage-item-4-rotateY {
  from {
    transform: rotateY(360deg);
  }

  to {
    transform: rotateY(0deg);
  }
}

.wd #c_xnews_list-15451838154389007 {
  margin: auto;
}

.wd #w-advantage {
  position: relative;
  overflow: hidden;
  animation: fadeOutUp 1s both;
}

.wd #w-advantage.w-scroll-in {
  animation: fadeInUp 1s both;
}

.wd #w-advantage .w-btn-prev {
  width: 46px;
  height: 123px;
  background: url(/img/20190326112807.png) top left no-repeat;
  position: absolute;
  top: 50%;
  left: 5vw;
  z-index: 2000;
  margin-top: calc(-123px / 2);
  opacity: 0.5;
  transition: 1s;
  cursor: pointer;
}

.wd #w-advantage .w-btn-prev:hover {
  opacity: 1;
}

.wd #w-advantage .w-btn-next {
  width: 46px;
  height: 123px;
  background: url(/img/20190326112816.png) top left no-repeat;
  position: absolute;
  top: 50%;
  right: 5vw;
  z-index: 2000;
  margin-top: calc(-123px / 2);
  opacity: 0.5;
  transition: 1s;
  cursor: pointer;
}

.wd #w-advantage .w-btn-next:hover {
  opacity: 1;
}

::-webkit-scrollbar {
  width: 6px;
  height: 1px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #F90;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #EDEDED;
}

#w-news .w-container {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  justify-content: space-between;
}

#w-news .w-container > .w-title {
  height: auto;
  position: absolute;
  top: -140px;
  right: 40%;
}

#w-news .w-container > .w-title div:nth-child(1) {
  font-size: 112px;
  color: #ddd;
  text-transform: uppercase;
  position: absolute;
  top: 0px;
  left: 0px;
}

#w-news .w-container > .w-title div:nth-child(2) {
  font-size: 30px;
  color: #222;
  position: absolute;
  font-weight: bold;
  top: 40px;
  left: 50px;
  width: 30vw;
}

#w-news .w-container > .w-title div:nth-child(2) span {
  color: #38BBB9;
}

#w-news .w-left {
  width: 40%;
  height: auto;
  position: relative;
  top: 20px;
  right: 0;
  padding-left: 0;
  margin-left: 0;
  order: 2;
  z-index: 999;
}

#w-news .w-left:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 180px;
  background-image: linear-gradient(rgba(255,255,255,0) 0,#fff 100%);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0) 0,#fff 100%);
  transform: rotate(180deg);
  opacity: 0;
  visibility: hidden;
}

#w-news .w-left:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 180px;
  background-image: linear-gradient(rgba(255,255,255,0) 0,#fff 100%);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0) 0,#fff 100%);
  opacity: 0;
  visibility: hidden;
}

#w-news .w-right {
  width: 50%;
  height: auto;
  position: relative;
  bottom: 0px;
  left: 0px;
  animation: w-skew-out 1s both;
}

#w-news.w-scroll-in .w-right {
  animation: w-skew-in 1s both;
}

#w-news .w-right .w-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  transition: 1s;
  box-shadow: 5px 5px 15px #777;
}

#w-news .w-right .w-image.current {
  opacity: 1 !important;
}

#w-news .w-right .w-image.w-hide {
  animation: fadeOutDown 1s both;
}

#w-news.w-scroll-in .w-right.current-2 .w-image:nth-child(1) {
  z-index: 0;
  margin-top: -100px;
  margin-right: -100px;
  opacity: 0.1;
}

#w-news.w-scroll-in .w-right.current-2 .w-image:nth-child(2) {
  z-index: 5;
  margin-top: 0px;
  margin-right: 0px;
  opacity: 1;
}

#w-news.w-scroll-in .w-right.current-2 .w-image:nth-child(3) {
  z-index: 4;
  margin-top: -20px;
  margin-right: -20px;
  opacity: 0.8;
}

#w-news.w-scroll-in .w-right.current-2 .w-image:nth-child(4) {
  z-index: 3;
  margin-top: -40px;
  margin-right: -40px;
  opacity: 0.6;
}

#w-news.w-scroll-in .w-right.current-2 .w-image:nth-child(5) {
  z-index: 2;
  margin-top: -60px;
  margin-right: -60px;
  opacity: 0.4;
}

#w-news.w-scroll-in .w-right.current-2 .w-image:nth-child(6) {
  z-index: 1;
  margin-top: -80px;
  margin-right: -80px;
  opacity: 0.2;
}

#w-news.w-scroll-in .w-right.current-3 .w-image:nth-child(2) {
  z-index: 0;
  margin-top: -100px;
  margin-right: -100px;
  opacity: 0.1;
}

#w-news.w-scroll-in .w-right.current-3 .w-image:nth-child(3) {
  z-index: 5;
  margin-top: 0px;
  margin-right: 0px;
  opacity: 1;
}

#w-news.w-scroll-in .w-right.current-3 .w-image:nth-child(4) {
  z-index: 4;
  margin-top: -20px;
  margin-right: -20px;
  opacity: 0.8;
}

#w-news.w-scroll-in .w-right.current-3 .w-image:nth-child(5) {
  z-index: 3;
  margin-top: -40px;
  margin-right: -40px;
  opacity: 0.6;
}

#w-news.w-scroll-in .w-right.current-3 .w-image:nth-child(6) {
  z-index: 2;
  margin-top: -60px;
  margin-right: -60px;
  opacity: 0.4;
}

#w-news.w-scroll-in .w-right.current-3 .w-image:nth-child(1) {
  z-index: 1;
  margin-top: -80px;
  margin-right: -80px;
  opacity: 0.2;
}

#w-news.w-scroll-in .w-right.current-4 .w-image:nth-child(3) {
  z-index: 0;
  margin-top: -100px;
  margin-right: -100px;
  opacity: 0.1;
}

#w-news.w-scroll-in .w-right.current-4 .w-image:nth-child(4) {
  z-index: 5;
  margin-top: 0px;
  margin-right: 0px;
  opacity: 1;
}

#w-news.w-scroll-in .w-right.current-4 .w-image:nth-child(5) {
  z-index: 4;
  margin-top: -20px;
  margin-right: -20px;
  opacity: 0.8;
}

#w-news.w-scroll-in .w-right.current-4 .w-image:nth-child(6) {
  z-index: 3;
  margin-top: -40px;
  margin-right: -40px;
  opacity: 0.6;
}

#w-news.w-scroll-in .w-right.current-4 .w-image:nth-child(2) {
  z-index: 2;
  margin-top: -60px;
  margin-right: -60px;
  opacity: 0.4;
}

#w-news.w-scroll-in .w-right.current-4 .w-image:nth-child(1) {
  z-index: 1;
  margin-top: -80px;
  margin-right: -80px;
  opacity: 0.2;
}

#w-news.w-scroll-in .w-right.current-5 .w-image:nth-child(4) {
  z-index: 0;
  margin-top: -100px;
  margin-right: -100px;
  opacity: 0.1;
}

#w-news.w-scroll-in .w-right.current-5 .w-image:nth-child(5) {
  z-index: 5;
  margin-top: 0px;
  margin-right: 0px;
  opacity: 1;
}

#w-news.w-scroll-in .w-right.current-5 .w-image:nth-child(6) {
  z-index: 4;
  margin-top: -20px;
  margin-right: -20px;
  opacity: 0.8;
}

#w-news.w-scroll-in .w-right.current-5 .w-image:nth-child(1) {
  z-index: 3;
  margin-top: -40px;
  margin-right: -40px;
  opacity: 0.6;
}

#w-news.w-scroll-in .w-right.current-5 .w-image:nth-child(2) {
  z-index: 2;
  margin-top: -60px;
  margin-right: -60px;
  opacity: 0.4;
}

#w-news.w-scroll-in .w-right.current-5 .w-image:nth-child(3) {
  z-index: 1;
  margin-top: -80px;
  margin-right: -80px;
  opacity: 0.2;
}

#w-news.w-scroll-in .w-right.current-6 .w-image:nth-child(5) {
  z-index: 0;
  margin-top: -100px;
  margin-right: -100px;
  opacity: 0.1;
}

#w-news.w-scroll-in .w-right.current-6 .w-image:nth-child(6) {
  z-index: 5;
  margin-top: 0px;
  margin-right: 0px;
  opacity: 1;
}

#w-news.w-scroll-in .w-right.current-6 .w-image:nth-child(1) {
  z-index: 4;
  margin-top: -20px;
  margin-right: -20px;
  opacity: 0.8;
}

#w-news.w-scroll-in .w-right.current-6 .w-image:nth-child(2) {
  z-index: 3;
  margin-top: -40px;
  margin-right: -40px;
  opacity: 0.6;
}

#w-news.w-scroll-in .w-right.current-6 .w-image:nth-child(3) {
  z-index: 2;
  margin-top: -60px;
  margin-right: -60px;
  opacity: 0.4;
}

#w-news.w-scroll-in .w-right.current-6 .w-image:nth-child(4) {
  z-index: 1;
  margin-top: -80px;
  margin-right: -80px;
  opacity: 0.2;
}

#w-news .w-right .w-image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

#w-news .w-right .w-image a {
  display: block;
  width: 100%;
  height: 100% !important;
  position: absolute;
  margin-top: 0px !important;
}

#w-news .w-right .w-image:nth-child(1) {
  z-index: 5;
}

#w-news .w-right .w-image:nth-child(2) {
  z-index: 4;
  margin-top: -20px;
  margin-right: -20px;
  opacity: 0.8;
}

#w-news .w-right .w-image:nth-child(3) {
  z-index: 3;
  margin-top: -40px;
  margin-right: -40px;
  opacity: 0.6;
}

#w-news .w-right .w-image:nth-child(4) {
  z-index: 2;
  margin-top: -60px;
  margin-right: -60px;
  opacity: 0.4;
}

#w-news .w-right .w-image:nth-child(5) {
  z-index: 1;
  margin-top: -80px;
  margin-right: -80px;
  opacity: 0.2;
}

#w-news .w-right .w-image:nth-child(6) {
  z-index: 0;
  margin-top: -100px;
  margin-right: -100px;
  opacity: 0.1;
}

#w-news .w-left .w-item {
  margin-bottom: 0;
  padding-bottom: 45px;
  position: relative;
  padding-left: 0;
  height: auto;
  animation: w-skew-out 1s both;
  padding: 3%;
  padding-bottom: -;
  background: #fff;
}

#w-news .w-left .w-item.current {
  background-color: #38BBB9;
}

#w-news.w-scroll-in .w-left .w-item {
  animation: w-skew-in 1s both;
}

#w-news.w-scroll-in .w-left .w-item:nth-child(1) {
  animation-delay: 0.1s;
}

#w-news.w-scroll-in .w-left .w-item:nth-child(2) {
  animation-delay: 0.2s;
}

#w-news.w-scroll-in .w-left .w-item:nth-child(3) {
  animation-delay: 0.3s;
}

#w-news.w-scroll-in .w-left .w-item:nth-child(4) {
  animation-delay: 0.4s;
}

#w-news.w-scroll-in .w-left .w-item:nth-child(5) {
  animation-delay: 0.5s;
}

#w-news.w-scroll-in .w-left .w-item:nth-child(6) {
  animation-delay: 0.6s;
}

#w-news.w-scroll-in .w-left .w-item:nth-child(7) {
  animation-delay: 0.7s;
}

#w-news.w-scroll-in .w-left .w-item:nth-child(8) {
  animation-delay: 0.8s;
}

#w-news.w-scroll-in .w-left .w-item:nth-child(9) {
  animation-delay: 0.9s;
}

#w-news.w-scroll-in .w-left .w-item:nth-child(10) {
  animation-delay: 1s;
}

#w-news .w-left .w-item:hover:before {
  height: 80%;
  top: 6px;
}

#w-news .w-left .w-item:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url(/img/20181212204320.png) top left repeat-x;
}

#w-news .w-left .w-item .p_title {
  display: block;
  width: 100%;
  height: auto;
  line-height: 24px;
  margin-bottom: 6px;
  color: #222;
  text-decoration: none;
  height: auto;
  overflow: hidden;
  position: relative;
  padding-left: 10px;
  transition: .3s;
  font-size: 18px;
  line-height: 1.6em;
}

#w-news .w-left .w-item .p_title:hover {
  color: #38BBB9;
}

#w-news .w-left .w-item.current .p_title {
  color: #fff;
}

#w-news .w-left .w-item.current .p_time {
  color: #eee;
}

#w-news .w-left .w-item.title-in:before {
  width: 100%;
  height: 2px;
  top: 28px;
  left: 10px;
  background: #e58910;
}

#w-news .w-left .w-item.current:before {
  width: 100%;
  height: 2px;
  top: 28px;
  left: 10px;
  background: #e58910;
  visibility: hidden;
}

#w-news .w-left .w-item:before {
  content: "";
  display: block;
  width: 3px;
  height: 21px;
  background: #aaa;
  position: absolute;
  top: 3px;
  left: 0;
  transition: 1s;
  visibility: hidden;
}

#w-news .w-left .w-item .p_time {
  font-size: 12px;
  color: #A5A5A5;
  margin-bottom: 0;
  padding-left: 10px;
  position: relative;
  bottom: 0px;
}

#w-news .w-left .w-item .p_summary {
  font-size: 12px;
  color: #969696;
  line-height: 20px;
  text-align: left;
  max-height: 60px;
  overflow: hidden;
  padding-left: 10px;
  /* display: none; */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

#w-news .w-left .w-item.current .p_summary {
  color: #fff;
}

#w-news .w-container .w-btns {
  width: 36px;
  height: auto;
  position: absolute;
  left: 660px;
  top: 120px;
  animation: w-skew-out 1s both;
  display: none;
}

#w-news.w-scroll-in .w-container .w-btns {
  animation: w-skew-in 1s both;
}

#w-news .w-container .w-btns div {
  display: block;
  width: 36px;
  height: 36px;
  background: url(/img/20181212203248.png) top left no-repeat;
  margin-bottom: 13px;
  opacity: 0.1;
  cursor: pointer;
  transition: 1s;
}

#w-news .w-container .w-btns div:hover {
  opacity: 0.4;
}

#w-news .w-container .w-btns div.next {
  background: url(/img/20181212203235.png) top left no-repeat;
}

.wd #w-news {
  padding: 5%;
  background-color: #EEEEEE;
  animation: fadeOut 1s both;
  padding-top: 200px;
}

.wd #w-news.w-scroll-in {
  animation: fadeIn 1s both;
}

.wd #w-partner {
  width: 100%;
  height: auto;
  padding: 100px 0px;
  text-align: center;
}

.wd #w-partner .w-title {
  animation: fadeOutDown 1s both;
}

.wd #w-partner.w-scroll-in .w-title {
  animation: fadeInUp 1s both;
}

.wd #w-partner .w-sub-title {
  margin-top: 20px;
  margin-bottom: 20px;
  animation: fadeOutUp 1s both;
  width: 79%;
  margin-left: auto;
  margin-right: auto;
  max-width: 870px;
}

.wd #w-partner.w-scroll-in .w-sub-title {
  animation: fadeInUp 1s .3s both;
}

.wd #w-partner .w-list {
  margin: auto;
  text-align: center;
  animation: fadeOutUp 1s both;
}

.wd #w-partner.w-scroll-in .w-list {
  animation: fadeInUp 1s .6s both;
}

.wd #w-partner .w-more {
  margin-top: 70px;
  animation: fadeOutUp 1s both;
}

.wd #w-partner.w-scroll-in .w-more {
  animation: fadeInUp 1s .9s both;
}

.wd #w-partner .w-list img {
  width: auto;
  height: auto;
}

.wd #w-contact {
  width: 100vw;
  height: 674px;
  background-color: #B4C734;
  background-color: #eee;
  position: relative;
  z-index: 10;
  display: none;
}

.wd #w-contact:after {
  content: "";
  display: block;
  width: 1000px;
  height: 100%;
  background-color: #B4C734;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  right: -450px;
  visibility: hidden;
}

#w-contact .wrapper {
  width: 1300px;
  margin: auto;
  position: relative;
  top: 70px;
  color: #fff;
}

#w-contact .wrapper .w-title {
  background-color: #B4C734;
  background: linear-gradient(to right, #B4C734, #EEEEEE);
  border-radius: 350px;
  padding-top: 60px;
  margin-bottom: 35px;
  position: relative;
  left: -84px;
}

#w-contact .wrapper .w-title span:nth-child(1) {
  position: absolute;
  top: 0px;
  left: 265px;
  display: block;
  opacity: 0.1;
}

#w-contact .wrapper .w-title span:nth-child(2) {
  position: relative;
  top: -25px;
  left: 24px;
  display: block;
  z-index: 10;
  padding-left: 60px;
}

#w-contact .wrapper .w-title span:nth-child(2):before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background: url(/img/20190122110701.png) top left no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
}

.wd #w-footer {
  width: 100vw;
  height: auto;
  position: relative;
}

.wd #w-footer.w-scroll-in {
  animation: fadeIn 1s both;
}

.wd #w-footer .top {
  background-color: #2B2B2B;
}

#w-contact .wrapper .w-content {
  height: auto;
}

#w-contact .wrapper .w-content .item {
  float: left;
  margin-right: 75px;
}

#w-contact .wrapper .w-content .item p span {
  color: #333 !important;
}

#w-contact .wrapper .w-content .item p a {
  color: #333 !important;
}

#w-contact .wrapper .w-content .item p a:hover {
  color: #01A045 !important;
}

#w-contact .wrapper .w-content .item p:first-child {
  margin-bottom: 30px;
}

#w-contact .wrapper .w1 {
  position: absolute;
  top: -144px;
  right: 0px;
  width: auto;
  height: auto;
  z-index: 60;
}

#w-contact .wrapper .w2 {
  position: absolute;
  top: 260px;
  right: 200px;
  width: auto;
  height: auto;
  z-index: 40;
}

#w-contact .b1 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: auto;
  height: auto;
  z-index: 50;
  animation: w-index-contact-b1-ani 10s linear infinite;
  animation-direction: alternate-reverse;
}

@keyframes w-index-contact-b1-ani {
  from {
    left: 0px;
  }

  to {
    left: calc(100vw - 3275px);
  }
}

#w-contact .b2 {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: auto;
  height: auto;
  animation: w-index-contact-b2-ani 20s linear infinite;
  animation-direction: alternate-reverse;
}

@keyframes w-index-contact-b2-ani {
  from {
    left: 0px;
  }

  to {
    left: calc(100vw - 3525px);
  }
}

.wd #w-footer .wrapper {
  width: 1500px;
  margin: auto;
  position: relative;
  padding-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 260px;
}

.wd #w-footer .wrapper .w-left {
  position: absolute;
  top: 38px;
  left: 0;
}

.wd #w-footer .wrapper .w-left a:nth-child(1) {
  margin-bottom: 23px;
}

.wd #w-footer .wrapper .w-left a {
  display: block;
}

.wd #w-footer .wrapper .w-left a:nth-child(2), .wd #w-footer .wrapper .w-left a:nth-child(3) {
  width: 193px;
  height: 48px;
  background-color: #2e7ab9;
  background-color: #5FC2BF;
  line-height: 48px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  margin-top: 14px;
}

.wd #w-footer .w-footer-erweima {
  float: right;
}

.wd #w-footer .wrapper:after {
  content: "";
  display: block;
  clear: both;
}

.wd #w-footer .bottom {
  height: auto;
  background-color: #323232;
}

.wd #w-footer .bottom .wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.wd #w-footer .bottom .wrapper .w-footer-copyright {
  float: left;
  line-height: 28px;
}

.wd #w-footer .bottom .wrapper .w-footer-share {
  float: right;
}

.w--more {
  display: inline-block;
  margin: auto;
  padding: 15px 75px;
  border: 1px solid #555;
  position: relative;
}

.w--more:hover {
  border-color: #38BBB9;
}

.w--more:hover span {
  color: #38BBB9;
}

.w--more:before {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 2px;
  background-color: #fff;
  top: -1px;
  left: 200px;
  transition: 1s;
}

.w--more:after {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 2px;
  background-color: #fff;
  top: -1px;
  left: 230px;
  transition: 1s;
}

.w--more:hover:before {
  left: 50px;
}

.w--more:hover:after {
  left: 70px;
}

.w--more span {
  font-size: 14px;
  color: #555;
}

.resetHtmlCssStyle p {
  font-size: 14px;
  color: #333;
  line-height: 28px;
  margin-bottom: 7px;
}

.w-auto-height {
  /* height:auto !important; */
}

.wd #w_wbox-1509346924929 {
  transform: none !important;
  margin-left: calc(-100vw / 2);
  transition: 1s;
  z-index: 9999999 !important;
}

.wd #w_wbox-1509346924929.w-hide {
  top: -100px;
  top: 0;
}

.wd #w_wbox-1509346924929 .p_wbox {
  transition: 1s;
}

.wd #w_wbox-1509346924929.w-small-nav .p_wbox {
}

.w-sub-contact {
  display: block;
}

.w-sub-contact div:nth-child(2) {
  margin-top: 50px;
}

.w-sub-contact p:nth-child(1) {
  font-size: 18px;
  line-height: 44px;
  background: linear-gradient(to right, #CADA43, #DFCE8E);
  background: #5FC2BF;
  max-width: 400px;
  border-radius: 50px;
  padding-left: 30px;
  color: #fff;
  margin-bottom: 15px;
  transition: 1s;
}

.w-sub-contact p:nth-child(1):hover {
  letter-spacing: 4px;
}

.w-sub-contact p:nth-child(1):before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 12px;
  position: relative;
  top: 1px;
  background-color: #fff;
  margin-right: 10px;
  animation: w-sub-contact-ani 3s infinite;
}

.w-sub-contact .right p:nth-child(1):before {
  animation-delay: .3s;
}

@keyframes w-sub-contact-ani {
  from {
    transform: rotate(180deg);
  }

  to {
    transform: rotate(-180deg);
  }
}

.w-sub-contact p a {
  color: #333 !important;
}

.w-sub-contact p a:hover {
  text-decoration: underline !important;
}

.w-sub-contact p:nth-child(1) ~ p {
  margin-left: 40px;
}

#w-index-aboutus {
  padding: 140px 0 0px;
}

#w-index-aboutus .w-title {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}

#w-index-aboutus .w-title span {
  font-size: 112px;
  color: #EEEEEE;
}

#w-index-aboutus .w-sub-title {
  width: 1083px;
  margin: auto;
}

#w-index-aboutus .w-list {
  width: 1136px;
  margin: auto;
  margin-top: 50px;
}

#w-index-aboutus .w-title p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  font-size: 30px;
  color: #000;
}

#w-back-to-top {
  width: 100%;
  background-color: #8F949A;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

#w-back-to-top:before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -20px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #8F949A;
}

#w-back-to-top:after {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  top: -10px;
  left: 50%;
  margin-left: -7.5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(-45deg);
}

#w-back-to-top span {
  font-size: 14px;
  color: #fff;
}

.w-float-service {
  position: fixed;
  top: 50%;
  left: 20px;
  z-index: 9999;
  background: url(/img/w_float_service.png) top left no-repeat;
  padding-top: 90px;
}

.w-float-service a {
  display: block;
  margin-bottom: 10px;
}

.wd-search {
  position: relative;
}

.wd-search input {
  width: 200px;
  height: 35px;
  line-height: 35px;
  padding: 5px;
  padding-left:20px;
  border-radius: 50px;
  border: none;
}

.wd-search input::placeholder {
  font-size:12px;
  color:#aaa;
}

.wd-search svg {
  width:25px;
  height:25px;
  position: absolute;
  top: 50%;
  margin-top: -12.5px;
  right: 2px;
  cursor: pointer;
}

.wd-search svg path {
  fill: rgb(101, 184, 184);
}