.scene-page {
  width: 100%;
}
.banner {
  width: 100%;
  height: 425px;
  position: relative;
}
.banner__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.banner__content {
  position: absolute;
  top: 50%;
  left: calc(50% - 580px);
  transform: translate(-0%, -50%);
  width: 580px;
  color: #fff;
}
.banner__content .banner__title {
  font-size: 48px;
}
.banner__content .banner__subtitle {
  font-size: 20px;
  line-height: 1.5;
  margin-top: 20px;
}
.banner__content .banner-btn {
  font-size: 16px;
  font-weight: bold;
  width: 204px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background: #3c55ff;
  border-radius: 4px;
  margin-top: 10px;
  cursor: pointer;
  margin-top: 60px;
}
.banner__content .banner-btn-2 {
  font-size: 16px;
  font-weight: bold;
  width: 204px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background: #fff;
  color: #3c55ff;
  border-radius: 4px;
  margin-top: 10px;
  cursor: pointer;
  margin-top: 60px;
}
.banner-btn:hover {
  background: #566cff;
}
.mrg-t-40 {
  margin-top: 40px;
}
.content-title {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
}
.content-1 {
  width: 100%;
  box-sizing: border-box;
  padding: 40px;
  box-sizing: border-box;
}
.content-1 .content-title {
  margin: 10px 0 30px 0;
}
.content-1-img {
  margin-top: 15px;
}
.content-2 {
  width: 100%;
  height: 620px;
}
.content-2-box {
  width: 1200px;
  height: 100%;
}
.content-item-img-box {
  width: 680px;
  height: 450px;
}
.content-item-textbox {
  width: 460px;
  height: 450px;
}
.content-item-textbox .item-title {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 400;
}
.content-item-textbox .item-feature {
  margin-top: 20px;
  width: 100%;
  margin-bottom: 20px;
}
.content-item-textbox .item-feature-item {
  box-sizing: border-box;
  padding: 0 15px;
  height: 40px;
  border: 1px solid #1549ff;
  border-radius: 4px;
  color: #1549ff;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  margin-right: 15px;
}
.content-item-textbox .item-info {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  margin-top: 10px;
  font-weight: 400;
}
.content-item-textbox .item-info::before {
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  background: #1549ff;
  border-radius: 50%;
  filter: drop-shadow(0 0 1px #1549ff) drop-shadow(0 0 2px #1549ff);
  margin-bottom: 3px;
  margin-right: 10px;
}
.content-item-textbox .item-go {
  box-sizing: border-box;
  padding: 0 15px;
  height: 52px;
  border: 1px solid #1549ff;
  background: #1549ff;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  font-size: 16px;
  text-align: center;
  margin-top: 40px;
  width: 142px;
  cursor: pointer;
}
.content-item-textbox .item-go:hover {
  background: #566cff;
}
.cont-item:nth-child(odd) {
  background: #f1f4fb;
}
.cont-item:nth-child(even) {
  background: #fff;
}
.content-3 {
  width: 100%;
  height: 503px;
  box-sizing: border-box;
  padding: 20px 0 40px 0;
}
.content-3 .content-title {
  line-height: 100px;
}
.swipe {
  width: 1240px;
  height: 353px;
  margin-top: 40px;
}
.sw-item-box {
  width: 1160px;
  height: 100%;
  box-sizing: border-box;
  margin-left: 40px;
}
.sw-item-img {
  width: 380px;
  height: 353px;
}
.sw-item-cont {
  width: 760px;
  height: 353px;
  margin-left: 30px;
  background: #fff;
  box-sizing: border-box;
  padding: 20px;
}
.sw-item-logo {
  width: 85px;
  height: 85px;
}
.sw-item-name {
  width: 100%;
  font-size: 22px;
  margin-top: 20px;
}
.sw-item-desc {
  width: 640px;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 30px;
}
.cont-item .arrow-left,
.cont-item .arrow-right {
  width: 14px;
  height: 27px;
  background: url('/fe/www/img/school/arrow-l.png') no-repeat;
  background-size: 100% 100%;
  margin-top: 0px;
  transform: rotate(0deg);
}
.cont-item .arrow-left:focus,
.cont-item .arrow-right:focus {
  outline: none;
}
.cont-item .arrow-right {
  transform: rotate(180deg);
}
.content-4 {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0 40px 0;
  background: #f1f4fb !important;
}
.content-4 img {
  width: 1234px;
  height: 270px;
}
.content-btm {
  width: 100%;
  height: 187px;
  position: relative;
}
.content-btm img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.content-btm-inner {
  position: absolute;
}
.content-btm-go {
  width: 142px;
  height: 52px;
  background: #f5f6f7;
  color: #005af9;
  font-size: 16px;
  text-align: center;
  line-height: 52px;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 150px;
}
.content-btm-title {
  font-size: 40px;
  color: #fff;
  width: max-content;
}