body {
  background-color: rgba(16, 38, 176, 0.03);
}
.index-wrapper {
  padding-top: 80px;
}
.index-wrapper .banner-content {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  border: solid 1px transparent;
  box-sizing: border-box;
  background-position: center;
  margin-bottom: 120px;
}
.index-wrapper .banner-content .banner-des {
  margin-top: 238px;
  color: #fff;
  width: 1200px;
  margin: 180px auto 0px;
}
.index-wrapper .banner-content .banner-title {
  font-family: Medium;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0px;
  text-align: center;
}
.index-wrapper .banner-content .technology-des {
  font-family: Light;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.3px;
  text-align: center;
  color: #FFFFFF;
  margin-top: 10px;
}
.index-wrapper .banner-content .technology-list {
  width: 1200px;
  margin: 220px auto 0px;
  display: flex;
  justify-content: center;
  padding-bottom: 59px;
}
.index-wrapper .banner-content .technology-list .technology-item {
  text-align: center;
  position: relative;
  width: 245px;
}
.index-wrapper .banner-content .technology-list .technology-item:nth-of-type(1) {
  margin-right: 43.5px;
}
.index-wrapper .banner-content .technology-list .technology-item:nth-of-type(2) {
  margin-left: 51.5px;
  margin-right: 47.5px;
}
.index-wrapper .banner-content .technology-list .technology-item:nth-of-type(3) {
  width: 180px;
  margin-left: 80px;
  margin-right: 85px;
}
.index-wrapper .banner-content .technology-list .technology-item:nth-of-type(4) {
  margin-left: 42.5px;
}
.index-wrapper .banner-content .technology-list .technology-item::before {
  content: " ";
  display: block;
  width: 71px;
  height: 2px;
  background-color: #E5E5EA;
  transform: rotate(90deg);
  left: -87px;
  top: 92px;
  position: absolute;
}
.index-wrapper .banner-content .technology-list .technology-item:first-child::before {
  content: " ";
  display: block;
  width: 30%;
  height: 2px;
  background-color: transparent;
  transform: rotate(90deg);
  margin-left: -20px;
}
.index-wrapper .banner-content .technology-list .technology-item:nth-of-type(3)::before {
  left: -115px;
}
.index-wrapper .banner-content .technology-list .technology-item:nth-of-type(4)::before {
  left: -76px;
}
.index-wrapper .banner-content .technology-item .technology-item-title {
  font-family: Medium;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.index-wrapper .banner-content .technology-item .technology-item-title:after {
  content: " ";
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-100%);
  top: 25px;
  z-index: -1;
}
.index-wrapper .banner-content .technology-item:nth-of-type(1) .technology-item-title:after {
  background-color: #40A2D5;
}
.index-wrapper .banner-content .technology-item:nth-of-type(2) .technology-item-title:after {
  background-color: #FF7F5C;
  transform: translateX(-150%);
}
.index-wrapper .banner-content .technology-item:nth-of-type(3) .technology-item-title:after {
  background-color: #22D497;
  transform: translateX(-200%);
}
.index-wrapper .banner-content .technology-item:nth-of-type(4) .technology-item-title:after {
  background-color: #FF5043;
  transform: translateX(-200%);
}
.index-wrapper .banner-content .technology-item .technology-item-des {
  font-family: Light;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.3px;
  text-align: center;
  margin-top: 28px;
}
.index-wrapper .index-content {
  width: 1200px;
  margin: 0 auto;
}
.index-wrapper .index-content .moblie-list {
  display: flex;
  justify-content: space-between;
}
.index-wrapper .index-content .moblie-list .moblie-item {
  width: 380px;
  height: 350px;
}
.index-wrapper .index-content .moblie-list .moblie-item {
  border: solid 1px transparent;
  box-sizing: border-box;
  padding-left: 33px;
  border-radius: 20px;
  background-color: #FFFFFF;
}
.index-wrapper .index-content .moblie-list .moblie-item .moblie-item-img img {
  width: 60px;
  height: 60px;
  margin-top: 52px;
}
.index-wrapper .index-content .moblie-list .moblie-item .moblie-title {
  font-family: Medium;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.03px;
  height: 60px;
  line-height: 60px;
  margin-top: 17px;
}
.index-wrapper .index-content .moblie-list .moblie-item .moblie-des {
  font-family: Light;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.02px;
  width: 318px;
}
.index-wrapper .index-content .moblie-list .moblie-item .moblie-read {
  width: 102px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 20px;
  cursor: pointer;
}
.index-wrapper .about-wapper {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  background-color: #fff;
  padding-bottom: 120px;
}
.index-wrapper .about-wapper .about-content {
  width: 830px;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 120px auto 0px;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 15px;
  background-position: center;
}
.index-wrapper .about-wapper .about-content .about-us {
  font-family: Medium;
  font-size: 36px;
  font-weight: 800;
  line-height: 60px;
  letter-spacing: -0.03px;
  height: 60px;
  text-align: center;
  margin-top: 60px;
  color: #FFFFFF;
}
.index-wrapper .about-wapper .about-content .about-des {
  font-family: Light;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.02px;
  text-align: center;
  margin: 13px 40px 0px;
  color: #FFFFFF;
}
.index-wrapper .about-wapper .about-content .video-go {
  height: 47px;
  width: 162px;
  border-radius: 47px;
  text-align: center;
  line-height: 47px;
  background-color: #FF7F5C;
  margin: 21px auto 0px;
  color: #FFFFFF;
  font-family: Medium;
  cursor: pointer;
  font-size: 16px;
}
.index-wrapper .about-wapper .video-info-content {
  width: 830px;
  height: 400px;
  margin: 120px auto 0px;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 15px;
  display: none;
  align-items: center;
  justify-content: center;
}
.index-wrapper .about-wapper .video-info-content video {
  border-radius: 15px;
  width: 100%;
}
.index-wrapper .list-des-wapper {
  padding-top: 120px;
  background-color: #FFFFFF;
  padding-bottom: 120px;
}
.index-wrapper .list-des-wapper .list-des-content {
  width: 1200px;
  margin: 0 auto;
}
.index-wrapper .list-des-wapper .list-des-content .list-des {
  display: flex;
  justify-content: space-between;
}
.index-wrapper .list-des-wapper .list-des-content .list-des .list-des-item {
  width: 226px;
}
.index-wrapper .list-des-wapper .list-des-content .list-des .list-des-item .list-des-img {
  width: 72px;
  height: 72px;
  margin: -6px 0px 0px -12px;
}
.index-wrapper .list-des-wapper .list-des-content .list-des .list-des-item .list-des-title {
  font-family: Medium;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.1px;
  text-align: left;
  color: #181433;
  margin-top: 10px;
  white-space: nowrap;
}
.index-wrapper .list-des-wapper .list-des-content .list-des .list-des-item .list-des-p {
  color: #181433;
  font-family: Light;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2px;
  text-align: left;
  line-height: 20px;
  margin-top: 10px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: inherit;
}
.index-wrapper .list-des-wapper .list-des-content .list-des .list-des-item .list-des-p:first-child {
  margin-top: 20px;
}
.index-wrapper .list-des-wapper .list-des-content .list-des .list-des-item .list-item-bg {
  position: absolute;
  margin-top: -70px;
  margin-left: -30px;
}
.index-wrapper .list-des-wapper .list-des-content .list-des .list-des-item:not(:first-child) .list-item-bg {
  margin-left: -80px;
  margin-top: -75px;
}
.index-wrapper .list-img-wrapper {
  background-color: #FFFFFF;
  padding-top: 120px;
  padding-bottom: 120px;
}
.index-wrapper .list-img-wrapper .list-img-content {
  width: 1224px;
  margin: 0 auto;
}
.index-wrapper .list-img-wrapper .list-img-content .list-wrapper-title {
  font-family: Medium;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: center;
}
.index-wrapper .list-img-wrapper .list-img-content .list-wrapper-p {
  font-family: Light;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.24px;
  text-align: center;
  margin-top: 24px;
  color: #373F41;
}
.index-wrapper .list-img-wrapper .list-img-content .list-img-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 80px;
}
.index-wrapper .list-img-wrapper .list-img-content .list-img-content .list-img-item {
  width: 282px;
  height: 124px;
  margin-bottom: 24px;
  margin: 12px;
  box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.04);
}
.index-wrapper .list-img-wrapper .list-img-content .list-img-content .list-img-item .img-bohai {
  padding: 32px 56px;
}
.index-wrapper .list-img-wrapper .list-img-content .list-img-content .list-img-item .img-kcb {
  padding: 32px 72px;
}
.index-wrapper .list-img-wrapper .list-img-content .list-img-content .list-img-item .img-oab {
  padding: 36px 96px;
}
.index-wrapper .list-img-wrapper .list-img-content .list-img-content .list-img-item .img-grameen {
  padding: 40px 64px;
}
.index-wrapper .index-des-wrapper {
  width: 100%;
  height: 894px;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  box-sizing: border-box;
  background-position: center;
}
.index-wrapper .index-des-wrapper .index-des-title {
  font-family: Medium;
  font-size: 48px;
  font-weight: 500;
  line-height: 76px;
  letter-spacing: 0px;
  text-align: center;
  height: 72px;
  line-height: 72px;
  margin-top: 167px;
  color: #FAFAFA;
}
.index-wrapper .index-des-wrapper .index-des-content {
  width: 1090px;
  margin: 0 auto;
}
.index-wrapper .index-des-wrapper .index-des-content .index-des-left-img,
.index-wrapper .index-des-wrapper .index-des-content .index-des-right-img img {
  width: 96px;
  height: 61px;
}
.index-wrapper .index-des-wrapper .index-des-content .index-des-left-img {
  text-align: left;
}
.index-wrapper .index-des-wrapper .index-des-content .index-des-right-img {
  text-align: right;
}
.index-wrapper .index-des-wrapper .index-des-content .index-des-content-article {
  width: 900px;
  margin: 0 auto;
}
.index-wrapper .index-des-wrapper .index-des-content .index-des-content-article .index-des-p {
  font-family: Light;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: left;
  color: #FAFAFA;
}
.index-wrapper .index-des-wrapper .index-des-content .index-des-content-article .index-des-p:last-child {
  margin-top: 50px;
}