.page {
  margin-top: 5.12070227vw;
  padding-right: 3.80395026vw;
  padding-left: 7.60790051vw;
  padding-top: 3.87710315vw;
  padding-bottom: 3.87710315vw;
}
.system-intro {
  background: #fff;
  display: flex;
}
.system-intro .title,
.system-intro .intro {
  color: #143266;
}
.system-intro .title {
  font-size: 3.21872714vw;
  margin-top: 8.11997074vw;
}
.system-intro .intro {
  font-size: 1.60936357vw;
  width: 26.04242868vw;
  line-height: 2.7798098vw;
}
.system-intro .small-border {
  width: 5.41331383vw;
  border: 0.36576445vw #4E7FFF solid;
  margin-bottom: 3.36503292vw;
}
.page1 {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.page1 .intro-wrap {
  margin-top: 9.43672275vw;
}
.page1 .intro-wrap .slogan {
  font-size: 3.73079737vw;
  font-weight: bold;
  color: #143266;
  letter-spacing: 1px;
}
.page1 .intro-wrap .caption {
  font-size: 2.48719824vw;
  color: #143266;
  letter-spacing: 1px;
}
.page1 .intro-wrap .apply-btn {
  font-size: 2.04828091vw;
  color: #FAFAFA;
  width: 14.63057791vw;
  height: 3.65764448vw;
  line-height: 3.65764448vw;
  background: #4E7FFF;
  border-radius: 3.65764448vw;
  margin: 3.65764448vw auto;
  cursor: pointer;
}
.page1 .intro-wrap .apply-btn:hover {
  background: #FF6F64;
}
.page1 video {
  width: 45.35479151vw;
}
.page2 {
  text-align: center;
  background: #FAFAFA;
  padding-top: 6.43745428vw;
  padding-bottom: 16.53255304vw;
}
.page2 .slogan {
  font-size: 2.48719824vw;
  color: #143266;
  margin-bottom: 2.41404535vw;
}
.page2 .intro {
  font-size: 1.90197513vw;
  color: #143266;
  margin-bottom: 4.38917337vw;
}
.page2 .items-wrap {
  display: flex;
  justify-content: space-between;
}
.page2 .items-wrap .item {
  width: 16.67885881vw;
  height: 22.23847842vw;
  border-radius: 7px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.page2 .items-wrap .item img {
  width: 11.48500366vw;
  height: 9.65618142vw;
}
.page2 .items-wrap .item p {
  font-size: 2.04828091vw;
  color: #646464;
}
.page3 {
  display: flex;
  justify-content: space-between;
  margin-top: 5.12070227vw;
  padding-right: 3.80395026vw;
  padding-left: 0;
  padding-top: 3.87710315vw;
  padding-bottom: 3.87710315vw;
}
.page3 video {
  width: 51.20702268vw;
  margin-left: 10.97293343vw;
}
.page3 .ttt {
  margin-left: 7.60790051vw;
}
.page5 {
  display: flex;
  justify-content: space-between;
}
.page5 video {
  height: 34.30870519vw;
}
.page4 {
  display: flex;
  justify-content: space-between;
  padding-right: 11.70446233vw;
  padding-left: 8.70519386vw;
}
.page4 video {
  width: 38.77103146vw;
}
.page6 {
  background: #FAFAFA;
  padding-right: 7.60790051vw;
  padding-left: 7.60790051vw;
}
.page6 .slogan,
.page6 .intro {
  text-align: center;
  color: #143266;
}
.page6 .slogan {
  font-size: 2.48719824vw;
  margin-bottom: 1.68251646vw;
}
.page6 .intro {
  font-size: 1.53621068vw;
  margin-bottom: 6.58376006vw;
}
.page6 .item {
  width: 69.64155084vw;
  min-height: 20.48280907vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 14px;
  padding: 3.65764448vw 4.82809071vw;
}
.page6 .item .img-wrap {
  width: 8.77834674vw;
}
.page6 .item .img-wrap img {
  width: 100%;
  height: 100%;
}
.page6 .item .right {
  margin-left: 2.92611558vw;
}
.page6 .item .right .name {
  color: #646464;
  font-size: 1.90197513vw;
  margin-bottom: 1.31675201vw;
}
.page6 .item .right .content {
  color: #646464;
  width: 45.20848574vw;
  line-height: 2.41404535vw;
  font-size: 1.31675201vw;
}
.carousel-indicators li {
  background-color: #bbb;
}
.carousel-control-next,
.carousel-control-prev {
  display: inline-block;
  width: 5.26700805vw;
  height: 5.26700805vw;
  border-radius: 50%;
  background: linear-gradient(0deg, #fafafa 0%, #ffffff 100%);
  box-shadow: 0px 11px 14px 0px rgba(214, 215, 220, 0.52);
  top: 50%;
  transform: translateY(-50%);
}
.carousel-control-next-icon {
  background-image: url(../imgs/right.png);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.carousel-control-prev-icon {
  background-image: url(../imgs/left.png);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}