.banner {
  height: 465px;
  width: 100%;
  background: url(../img/banner.png) center no-repeat;
  background-size: cover;
  position: relative;
}

.banner-words {
  position: absolute;
  left: 23.125%;
  top: 79px;
  width: 313px;
  height: 198px;
  background: url(../img/banner-words.svg) no-repeat;
  background-size: contain;
}

.introduce,
.product-solutions,
.advantage {
  margin-top: 90px;
}

.introduce-title,
.product-solutions-title,
.industry-solutions-title,
.advantage-title {
  font-size: 30px;
  color: #333333;
  text-align: center;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
}

.introduce {
  height: 872px;
}

.introduce-txt {
  margin: 30px auto 70px;
  width: 975px;
  height: 60px;
  font-size: 16px;
  color: #444444;
  line-height: 30px;
}

.introduce-video {
  margin: 0 auto;
  width: 830px;
  height: 426px;
}

.introduce-video video {
  width: 100%;
  height: 426px;
}

.introduce-time-axis {
  margin-top: 90px;
  height: 166px;
  background: url(../img/time-axis.png) center no-repeat;
  background-size: cover;
}

.product-solutions {
  height: 670px;
}

.product-solutions-txt {
  font-size: 16px;
  color: #666666;
  text-align: center;
  margin: 30px 0 54px;
  height: 22px;
  line-height: 22px;
}

.product-solutions ul {
  margin: 0 auto;
  list-style: none;
  width: 848px;
  height: 32px;
}

.product-solutions ul li {
  float: left;
  font-size: 20px;
  color: #333333;
  font-weight: 500;
  margin-right: 149px;
  cursor: pointer;
  padding-bottom: 4px;
}

.product-solutions ul li.driver-applet {
  margin-right: unset;
}

.product-solutions ul li.active {
  color: #0065ff;
  border-bottom: 4px solid #0065ff;
}

.product-solutions-info {
  margin-top: 40px;
  height: 458px;
  background-color: #f7fbff;
}

.product-solutions-info .merchant-pc-info,
.product-solutions-info .storage-pc-info,
.product-solutions-info .merchant-applet-info,
.product-solutions-info .driver-applet-info {
  position: relative;
  height: 100%;
  width: 100%;
  display: none;
}

.product-solutions-info .is-active {
  display: block;
}

.product-solutions-info .illustration {
  position: absolute;
  top: 79px;
  left: 16.11111%;
  width: 398px;
  height: 274px;
}

.product-solutions-info .merchant-pc-info .info-content,
.product-solutions-info .storage-pc-info .info-content,
.product-solutions-info .merchant-applet-info .info-content,
.product-solutions-info .driver-applet-info .info-content {
  position: absolute;
  top: 90px;
  left: 47.29167%;
  width: 525px;
  height: 227px;
}

.product-solutions-info .merchant-pc-info .info-content-title,
.product-solutions-info .storage-pc-info .info-content-title,
.product-solutions-info .merchant-applet-info .info-content-title,
.product-solutions-info .driver-applet-info .info-content-title {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
}

.product-solutions-info .merchant-pc-info .info-content-txt,
.product-solutions-info .storage-pc-info .info-content-txt,
.product-solutions-info .merchant-applet-info .info-content-txt,
.product-solutions-info .driver-applet-info .info-content-txt {
  margin-top: 30px;
  height: 90px;
  color: #222222;
  line-height: 30px;
}

.product-solutions-info .merchant-pc-info .merchant-pc-illustration {
  background: url(../img/merchant-pc-illustration.png) no-repeat;
}

.product-solutions-info .storage-pc-info .storage-pc-illustration {
  background: url(../img/storage-pc-illustration.png) no-repeat;
}

.product-solutions-info .merchant-applet-info .merchant-applet-illustration {
  background: url(../img/merchant-applet-illustration.png) no-repeat;
}

.product-solutions-info .driver-applet-info .driver-applet-illustration {
  background: url(../img/driver-applet-illustration.png) no-repeat;
}

.product-solutions-info .merchant-pc-info a.info-content-detail {
  display: inline-block;
  padding: 5px 20px;
  margin-top: 40px;
  width: 106px;
  height: 34px;
  color: #0065ff;
  border: 0.75px solid rgba(0, 101, 255, 1);
  cursor: pointer;
  text-decoration: none;
}

.industry-solutions {
  margin-top: 90px;
  height: 779px;
}

.industry-solutions-up {
  margin-top: 60px;
}

.industry-solutions-up,
.industry-solutions-down {
  height: 344px;
  border-top: 0.75px solid #ebebeb;
}

.industry-solutions-down {
  border-bottom: 0.75px solid #ebebeb;
}

.industry-solutions-up-left,
.industry-solutions-up-right,
.industry-solutions-down-left,
.industry-solutions-down-right {
  width: 49.9%;
  float: left;
  height: 100%;
  position: relative;
}

.industry-solutions-up-left,
.industry-solutions-down-left {
  border-right: 0.75px solid #ebebeb;
}

.industry-solutions-up-left section,
.industry-solutions-up-right section,
.industry-solutions-down-left section,
.industry-solutions-down-right section {
  position: absolute;
  top: 118px;
  width: 433px;
  height: 120px;
}

.industry-solutions-up-left section,
.industry-solutions-down-left section {
  left: 31.48649%;
  right: 6.25%;
}

.industry-solutions-up-right section,
.industry-solutions-down-right section {
  left: 19.48649%;
  right: 6.25%;
}

.industry-solutions-up-left section > p,
.industry-solutions-up-right section > p,
.industry-solutions-down-left section > p,
.industry-solutions-down-right section > p {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
}

.industry-solutions-up-left section article,
.industry-solutions-up-right section article,
.industry-solutions-down-left section article,
.industry-solutions-down-right section article {
  margin-top: 27px;
  color: #222222;
  height: 90px;
  line-height: 30px;
}

.advantage {
  height: 822px;
}

ul.advantage-up {
  margin: 80px auto;
  list-style: none;
  width: 972px;
  height: 272px;
}

ul.advantage-down {
  margin: 78px auto;
  list-style: none;
  width: 734px;
  height: 272px;
}

ul.advantage-up li,
ul.advantage-down li {
  float: left;
  width: 292px;
}

ul.advantage-up li {
  margin-right: 48px;
}

ul.advantage-down li {
  margin-right: 150px;
}

/* ul.advantage-up li.unset-margin,
ul.advantage-down li.unset-margin {
  margin-right: unset;
} */

ul.advantage-up li > img,
ul.advantage-down li > img {
  display: block;
  margin: 0 auto;
}

ul.advantage-up li > p,
ul.advantage-down li > p {
  margin-top: 19px;
  font-size: 24px;
  color: #000000;
  font-weight: 500;
  text-align: center;
}

ul.advantage-up li > article,
ul.advantage-down li > article {
  margin-top: 18px;
  color: #222222;
  line-height: 30px;
}

.customer-voice {
  padding-top: 60px;
  height: 502px;
  background: url(../img/customer-voice-bg.png) center 0 no-repeat;
  background-size: cover;
}

.customer-voice-title {
  font-size: 30px;
  color: #333333;
  text-align: center;
  font-weight: 700;
}

.customer-voice-content {
  width: 1034px;
  height: 300px;
  margin: 60px auto 50px;
  background-color: #ffffff;
  position: relative;
}

.customer-voice-content-personage {
  position: absolute;
  top: 62px;
  left: 68px;
  width: 375px;
}

.customer-voice-content-personage-picture,
.customer-voice-content-personage-info {
  float: left;
}

.customer-voice-content-personage-picture {
  width: 78px;
  height: 78px;
  margin-right: 22px;
}

.customer-voice-content-personage-picture img {
  width: 100%;
  height: 100%;
}

.customer-voice-content-personage-info-company {
  font-size: 23px;
  color: #333333;
  font-weight: 700;
}

.customer-voice-content-personage-info-name {
  margin-top: 16px;
  font-size: 14px;
  color: #999999;
  font-weight: 500;
}

.customer-voice-content-personage-info-name span {
  display: inline-block;
  margin-right: 11px;
}

.customer-voice-content-personage-info article {
  width: 274px;
  height: 110px;
  font-size: 12px;
  color: #666666;
  line-height: 21px;
}

.customer-voice-content-video {
  position: absolute;
  width: 383px;
  height: 220px;
  top: 40px;
  right: 71px;
}

.customer-voice-content-video video {
  width: 100%;
  height: 220px;
}