html {
  font-size: 1px;
}
@media screen and (max-width: 1440px) and (min-width: 860px) {
  html {
    font-size: calc(100vw / 1440);
  }
}
@media screen and (max-width: 390px) {
  html {
    font-size: calc(100vw / 390);
  }
}
body * {
  box-sizing: border-box;
}
main {
  padding-bottom: 100rem;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
section {
  background: #fff;
}
section .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1440rem;
}
.bl-1 {
  position: relative;
  overflow: hidden;
  height: 1400rem;
  background-color: #8BDEF0 !important;
  background-image: url(../img/bl-1-i2.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.bl-1:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1258rem;
  background-position: bottom right;
  background: linear-gradient(61deg, #fff 46%, rgba(255, 255, 255, 0) 72%);
  right: 0;
  bottom: 0;
}
.bl-1 .inner {
  position: relative;
}
.bl-1 .bg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.bl-1 .bg-rotation {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}
.bl-1 .title {
  position: absolute;
  top: 211rem;
  left: 0;
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 40rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0 10rem 10rem 0;
  padding: 31rem 30rem 30rem 60rem;
  width: 539rem;
  z-index: 3;
}
.bl-1 h1 {
  line-height: 36.77rem;
  text-align: left;
}
.bl-1 h1 span {
  line-height: 36.77rem;
  font-size: 32rem;
  font-weight: 700;
}
.bl-1 .description {
  position: absolute;
  top: 758rem;
  left: 178rem;
  z-index: 4;
  width: 500rem;
}
.bl-1 .description img {
  width: 88rem;
  height: 61rem;
}
.bl-1 .description .titl {
  margin-top: 15rem;
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
}
.bl-1 .description .text {
  margin-top: 12rem;
}
.bl-1 .description .text p {
  margin: 28rem 0 0;
  font-size: 20rem;
  line-height: 28rem;
}
.bl-2 .inner {
  position: relative;
}
.bl-2 .inner .l img {
  width: 968rem;
  height: 700rem;
}
.bl-2 .inner .r {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 930rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15rem;
  padding: 0 95rem 25rem 338rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 22%, #ffffff 36%);
}
.bl-2 .inner .r img {
  width: 92.04rem;
  height: 72.8rem;
}
.bl-2 .inner .r .titl {
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
  margin-bottom: 25rem;
}
.bl-2 .inner .r p {
  font-size: 20rem;
  line-height: 28rem;
  margin: 0;
}
.bl-3 {
  margin-top: 200rem;
}
.bl-3 .inner .title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40rem;
}
.bl-3 .inner .title span {
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
}
.bl-3 .inner .title img {
  width: 134rem;
  height: 21rem;
}
.bl-3 .inner .title img.rot {
  transform: rotateY(180deg);
}
.bl-3 .inner .row {
  margin-top: 77rem;
  display: flex;
  gap: 62rem;
  justify-content: center;
}
.bl-3 .inner .row .item {
  position: relative;
  width: 275rem;
}
.bl-3 .inner .row .item:before,
.bl-3 .inner .row .item:after {
  content: '';
  position: absolute;
  z-index: 0;
  background-color: #b1ddff;
  border-radius: 10rem;
}
.bl-3 .inner .row .item:before {
  left: -16rem;
  right: -16rem;
  top: 16rem;
  bottom: 16rem;
}
.bl-3 .inner .row .item:after {
  left: 16rem;
  right: 16rem;
  top: -16rem;
  bottom: -16rem;
}
.bl-3 .inner .row .item .cont {
  background-color: #2a8edc;
  background-image: url(../img/bl-3-i2.svg);
  background-position: 95rem 152rem;
  background-repeat: no-repeat;
  border-radius: 10rem;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 30rem 15rem;
}
.bl-3 .inner .row .item .num {
  font-size: 90rem;
  line-height: 103.41rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.bl-3 .inner .row .item .text {
  margin-top: 53rem;
  font-size: 24rem;
  line-height: 27.58rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.bl-4 {
  margin-top: 166rem;
}
.bl-4 .inner {
  text-align: center;
  position: relative;
}
.bl-4 .inner .title-img {
  width: 169rem;
  height: 86rem;
}
.bl-4 .inner .title {
  margin-top: 6rem;
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
}
.bl-4 .inner .gan {
  position: absolute;
  right: 50rem;
  top: -60rem;
}
.bl-4 .inner .gan img {
  width: 360rem;
}
.bl-4 .inner .video {
  position: relative;
  margin: 60rem auto 0;
  width: 1022rem;
}
.bl-4 .inner .video:before {
  position: absolute;
  content: '';
  left: -10rem;
  bottom: -10rem;
  width: 142rem;
  height: 142rem;
  display: block;
  background-color: #2a8edc;
  border-radius: 40rem;
}
.bl-4 .inner .video .img {
  position: relative;
  width: 100%;
  height: 100%;
}
.bl-4 .inner .video .img .bg {
  width: 100%;
  height: 100%;
}
.bl-4 .inner .video .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90rem;
  height: 90rem;
  cursor: pointer;
}
.bl-4 .inner .video .play img {
  width: 100%;
  height: 100%;
}
.bl-5 {
  margin-top: 200rem;
}
.bl-5 .inner {
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
  padding: 0 250rem;
  text-align: center;
}
.bl-6 {
  margin-top: 100rem;
}
.bl-6 .inner {
  text-align: center;
  position: relative;
}
.bl-6 .inner .img-top {
  width: 87rem;
  height: 86rem;
}
.bl-6 .inner .list {
  margin: 20rem auto 0;
  border: 1rem solid #000;
  border-radius: 10rem;
  font-size: 24rem;
  line-height: 36rem;
  padding: 3rem 12rem;
  width: 150rem;
}
.bl-6 .inner .title {
  margin: 20rem auto 0;
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
  width: 800rem;
}
.bl-6 .inner .colco {
  position: absolute;
  top: 85rem;
  left: 87rem;
}
.bl-6 .inner .slider {
  margin-top: 50rem;
  height: 617rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
.bl-6 .inner .slider * {
  transition: all 0.5s ease-in-out;
}
.bl-6 .inner .slider .imgs {
  display: flex;
  gap: 31rem;
  align-items: center;
  position: relative;
  left: -2057rem;
}
.bl-6 .inner .slider .imgs .sl {
  width: 435rem;
  text-align: center;
}
.bl-6 .inner .slider .imgs .sl img {
  width: 435rem;
}
.bl-6 .inner .slider .imgs .sl .name {
  background-color: #fff;
  color: #fff;
  border-radius: 10rem;
  padding: 3rem 9rem;
  font-size: 12rem;
  line-height: 17rem;
  font-weight: 500;
  margin: 10rem auto 0;
  display: inline-block;
}
.bl-6 .inner .slider .imgs .sl.active {
  width: 869rem;
}
.bl-6 .inner .slider .imgs .sl.active img {
  width: 869rem;
}
.bl-6 .inner .slider .imgs .sl.active .name {
  margin: 20.68rem auto 0;
  font-size: 24rem;
  line-height: 33.6rem;
  background-color: #ff4d00;
}
.bl-6 .inner .slider .gradient {
  position: absolute;
  top: 70rem;
  right: 0;
  width: 155rem;
  height: 404rem;
  background-image: url(../img/gradient.svg);
  background-size: 100%;
}
.bl-6 .inner .slider .l-gradient {
  right: auto;
  left: 0;
  transform: rotate(180deg);
}
.bl-6 .inner .slider .btns {
  position: absolute;
  bottom: 77rem;
  right: 106rem;
  display: flex;
  gap: 35rem;
}
.bl-6 .inner .slider .btns div,
.bl-6 .inner .slider .btns img {
  width: 50rem;
  height: 50rem;
}
.bl-6 .inner .text {
  margin-top: 85rem;
  display: flex;
  justify-content: center;
  gap: 30rem;
}
.bl-6 .inner .text div {
  width: 420rem;
  text-align: left;
}
.bl-8 {
  margin-top: 170rem;
}
.bl-8 .inner {
  text-align: center;
  position: relative;
}
.bl-8 .inner .img-top {
  width: 90rem;
  height: 86rem;
}
.bl-8 .inner .list {
  margin: 20rem auto 0;
  border: 1rem solid #000;
  border-radius: 10rem;
  font-size: 24rem;
  line-height: 36rem;
  padding: 3rem 12rem;
  width: 150rem;
}
.bl-8 .inner .title {
  margin: 20rem auto 0;
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
  width: 1155rem;
}
.bl-8 .inner .colco {
  position: absolute;
  top: 670rem;
  right: 98rem;
}
.bl-8 .inner .row {
  margin-top: 50rem;
  padding: 0 60rem;
  display: flex;
  gap: 83rem;
}
.bl-8 .inner .row .l {
  width: 787rem;
  position: relative;
}
.bl-8 .inner .row .l:before {
  content: '';
  position: absolute;
  background-color: #1dcb6a;
  width: 142rem;
  height: 142rem;
  border-radius: 40rem;
  bottom: -30rem;
  right: -30rem;
}
.bl-8 .inner .row .l .bg {
  width: 100%;
  position: relative;
}
.bl-8 .inner .row .l .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90rem;
  height: 90rem;
  cursor: pointer;
}
.bl-8 .inner .row .l .play img {
  width: 100%;
  height: 100%;
}
.bl-8 .inner .row .r {
  padding-top: 70rem;
  font-size: 20rem;
  line-height: 28rem;
  width: 450rem;
}
.bl-9 {
  margin-top: 200rem;
}
.bl-9 .inner {
  text-align: center;
  position: relative;
}
.bl-9 .inner .img-top {
  width: 144rem;
  height: 86rem;
}
.bl-9 .inner .list {
  margin: 20rem auto 0;
  border: 1rem solid #000;
  border-radius: 10rem;
  font-size: 24rem;
  line-height: 36rem;
  padding: 3rem 12rem;
  width: 150rem;
}
.bl-9 .inner .title {
  margin: 20rem auto 0;
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
  width: 1155rem;
}
.bl-9 .inner .row {
  margin-top: 50rem;
  padding: 0 60rem;
  display: flex;
  gap: 83rem;
}
.bl-9 .inner .row .l {
  padding-top: 50rem;
  font-size: 20rem;
  line-height: 28rem;
  width: 450rem;
}
.bl-9 .inner .row .r {
  width: 787rem;
  position: relative;
}
.bl-9 .inner .row .r:before {
  content: '';
  position: absolute;
  background-color: #1dcb6a;
  width: 142rem;
  height: 142rem;
  border-radius: 40rem;
  bottom: -30rem;
  left: -30rem;
}
.bl-9 .inner .row .r .bg {
  width: 100%;
  position: relative;
}
.bl-9 .inner .row .r .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90rem;
  height: 90rem;
  cursor: pointer;
}
.bl-9 .inner .row .r .play img {
  width: 100%;
  height: 100%;
}
.bl-10 {
  margin-top: 200rem;
}
.bl-10 .inner {
  text-align: center;
  position: relative;
}
.bl-10 .inner .img-top {
  width: 144rem;
  height: 46rem;
}
.bl-10 .inner .list {
  margin: 20rem auto 0;
  border: 1rem solid #000;
  border-radius: 10rem;
  font-size: 24rem;
  line-height: 36rem;
  padding: 3rem 12rem;
  width: 150rem;
}
.bl-10 .inner .title {
  margin: 20rem auto 0;
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
  width: 1155rem;
}
.bl-10 .inner .colco {
  position: absolute;
  top: 236rem;
  left: 123rem;
}
.bl-10 .inner .row {
  margin-top: 50rem;
  padding: 0 248rem;
  display: flex;
  flex-direction: column;
  gap: 100rem;
}
.bl-10 .inner .row .l {
  width: 787rem;
  position: relative;
  margin: 0 auto;
}
.bl-10 .inner .row .l:before {
  content: '';
  position: absolute;
  background-color: #1dcb6a;
  width: 142rem;
  height: 142rem;
  border-radius: 40rem;
  bottom: -30rem;
  right: -30rem;
}
.bl-10 .inner .row .l .bg {
  width: 100%;
  position: relative;
}
.bl-10 .inner .row .l .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90rem;
  height: 90rem;
  cursor: pointer;
}
.bl-10 .inner .row .l .play img {
  width: 100%;
  height: 100%;
}
.bl-10 .inner .row .r {
  display: flex;
  gap: 43rem;
  justify-content: center;
}
.bl-10 .inner .row .r div {
  font-size: 20rem;
  line-height: 28rem;
  width: 450rem;
}
.bl-10 .inner .row .r div p {
  margin: 0;
  font-size: 20rem;
  line-height: 28rem;
}
.bl-10 .inner .row .r div p + p {
  margin-top: 28rem;
}
.bl-11 {
  margin-top: 170rem;
}
.bl-11 .inner {
  text-align: center;
  position: relative;
}
.bl-11 .inner .img-top {
  width: 78rem;
  height: 80rem;
}
.bl-11 .inner .list {
  margin: 20rem auto 0;
  border: 1rem solid #000;
  border-radius: 10rem;
  font-size: 24rem;
  line-height: 36rem;
  padding: 3rem 12rem;
  width: 150rem;
}
.bl-11 .inner .title {
  margin: 20rem auto 0;
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
  width: 930rem;
}
.bl-11 .inner .row {
  margin-top: 50rem;
  padding: 0 60rem;
  display: flex;
  gap: 83rem;
}
.bl-11 .inner .row .l {
  width: 787rem;
  position: relative;
}
.bl-11 .inner .row .l:before {
  content: '';
  position: absolute;
  background-color: #1dcb6a;
  width: 142rem;
  height: 142rem;
  border-radius: 40rem;
  bottom: -30rem;
  right: -30rem;
}
.bl-11 .inner .row .l .bg {
  width: 100%;
  position: relative;
}
.bl-11 .inner .row .l .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90rem;
  height: 90rem;
  cursor: pointer;
}
.bl-11 .inner .row .l .play img {
  width: 100%;
  height: 100%;
}
.bl-11 .inner .row .r {
  padding-top: 70rem;
  font-size: 20rem;
  line-height: 28rem;
  width: 450rem;
}
.bl-12 {
  margin-top: 200rem;
}
.bl-12 .inner {
  padding-left: 368rem;
  position: relative;
}
.bl-12 .inner .i1 {
  position: absolute;
  top: 0;
  left: 103rem;
  width: 150rem;
  height: 300rem;
}
.bl-12 .inner .i2 {
  position: absolute;
  top: 251rem;
  right: 279rem;
  width: 201rem;
  height: 458rem;
}
.bl-12 .inner .item {
  position: relative;
  padding: 40rem 30rem 40rem 83rem;
  background-color: #18ac59;
  border-radius: 20rem;
}
.bl-12 .inner .item:before {
  content: '';
  position: absolute;
  z-index: 2;
  background-color: #80ffb2;
  width: 70.22rem;
  height: 70.22rem;
  border-radius: 10rem;
  top: 50%;
  left: -35rem;
  transform: translateY(-50%) rotate(160deg);
}
.bl-12 .inner .item .img {
  position: absolute;
  z-index: 3;
  background-color: #1dcb6a;
  width: 68.92rem;
  height: 70.54rem;
  border-radius: 10rem;
  top: 50%;
  left: -35rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.bl-12 .inner .item .text {
  font-size: 20rem;
  line-height: 28rem;
  color: #fff;
}
.bl-12 .inner .item.item1 {
  width: 805rem;
}
.bl-12 .inner .item.item1 img {
  width: 47.72rem;
  height: 53.26rem;
}
.bl-12 .inner .item.item2 {
  margin-top: 40rem;
  width: 533rem;
}
.bl-12 .inner .item.item2 img {
  width: 48rem;
  height: 44rem;
}
.bl-13 {
  margin-top: 213rem;
}
.bl-13 .in {
  padding: 0 173rem;
}
.bl-13 .in .title {
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
  text-align: center;
}
.bl-13 .in .row {
  margin-top: 60rem;
  display: flex;
  flex-direction: column;
  gap: 100rem;
}
.bl-13 .in .row .item {
  width: 1094rem;
  background-color: #f5f5f7;
  position: relative;
  border-radius: 20rem;
  padding: 70rem 82rem 50rem;
  margin: 0 auto;
}
.bl-13 .in .row .item:before {
  content: '';
  position: absolute;
  top: -40rem;
  right: 112rem;
  width: 100rem;
  height: 79rem;
  background-image: url(../img/bl-13-i0.svg);
}
.bl-13 .in .row .item .text {
  font-size: 24rem;
  line-height: 36rem;
}
.bl-13 .in .row .item .user {
  margin-top: 40rem;
  display: flex;
  gap: 30rem;
  align-items: center;
  justify-content: space-between;
}
.bl-13 .in .row .item .user .img {
  width: 112rem;
}
.bl-13 .in .row .item .user .img img {
  width: 112rem;
  height: 112rem;
}
.bl-13 .in .row .item .user .cont {
  width: calc(100% - 142rem);
}
.bl-13 .in .row .item .user .cont .name {
  font-size: 24rem;
  line-height: 27.58rem;
  font-weight: 700;
}
.bl-13 .in .row .item .user .cont .vac {
  font-size: 18rem;
  line-height: 23.4rem;
}
.bl-7 {
  margin-top: 244rem;
  background-color: transparent!important;
}
.bl-7 .inner {
  background-color: #578DD8 !important;
  width: 1320rem;
  border-radius: 20rem;
  padding: 60rem 112rem;
  position: relative;
}
.bl-7 .inner .title {
  font-size: 24rem;
  line-height: 22.6rem;
  font-weight: 700;
  color: #fff;
}
.bl-7 .inner .main-form {
  margin-top: 40rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25rem;
  max-width: 100%;
}
.bl-7 .inner input {
  padding: 0 20rem;
  max-width: 100%;
  box-shadow: none;
  text-align: left;
  outline: 0;
  width: calc((100% - 75rem) / 4);
  height: 50rem;
  display: block;
  font-size: 20rem;
  border: 2rem solid #75c8ff;
  border-radius: 30rem;
  -webkit-appearance: none;
  transition: all 0.2s ease-in-out;
  color: #fff !important;
  position: relative;
  margin: 0;
  /* Edge */
  /* Internet Explorer 10-11 */
}
.bl-7 .inner input.inp-user {
  background: url(../img/icon--user.svg) no-repeat 95% 50%;
}
.bl-7 .inner input.inp-phone {
  background: url(../img/icon--phone.svg) no-repeat 95% 50%;
}
.bl-7 .inner input.inp-mail {
  background: url(../img/icon--mail.svg) no-repeat 95% 50%;
}
.bl-7 .inner input::-webkit-input-placeholder {
  color: #75c8ff !important;
}
.bl-7 .inner input:-ms-input-placeholder {
  color: #75c8ff !important;
}
.bl-7 .inner input::placeholder {
  color: #75c8ff !important;
}
.bl-7 .inner button {
  background-color: #fff;
  height: 50rem;
  margin: 0!important;
  width: calc((100% - 75rem) / 4);
  border-radius: 30rem;
  display: block;
  color: #000;
  font-weight: 700;
  font-size: 20rem;
}
.bl-14 {
  margin-top: 100rem;
  text-align: center;
}
.bl-14 .inner {
  width: 879rem;
}
.bl-14 .inner .title {
  font-size: 48rem;
  line-height: 55.15rem;
  font-weight: 700;
}
.bl-14 .inner .text {
  margin-top: 31rem;
  font-size: 24rem;
  line-height: 27.58rem;
}
.bl-14 .inner a {
  display: inline-block;
  margin-top: 91rem;
  background-color: #1dcb6a;
  width: 343rem;
  height: 73rem;
  border-radius: 40rem;
  color: #fff;
  font-size: 24rem;
  line-height: 73rem;
}
@media screen and (max-width: 860px) {
  main {
    padding-bottom: 100rem;
  }
  section .inner {
    max-width: 390rem;
  }
  .bl-1 {
    height: 835rem;
    background-color: transparent !important;
    background-size: 100%;
  }
  .bl-1:before {
    background: linear-gradient(180deg, #fff 81%, rgba(255, 255, 255, 0) 92%);
  }
  .bl-1 .title {
    top: 29rem;
    padding: 20rem 11rem 20rem 20rem;
    width: 258rem;
  }
  .bl-1 h1 {
    line-height: 18.38rem;
  }
  .bl-1 h1 span {
    line-height: 18.38rem;
    font-size: 16rem;
  }
  .bl-1 .description {
    top: 151rem;
    left: 0;
    width: 100%;
    padding: 0 20rem;
  }
  .bl-1 .description img {
    margin-top: 50rem;
  }
  .bl-1 .description .titl {
    margin-top: 10rem;
    font-size: 40rem;
    line-height: 45.96rem;
  }
  .bl-1 .description .text {
    margin-top: 8rem;
  }
  .bl-1 .description .text p {
    margin: 22rem 0 0;
    font-size: 16rem;
    line-height: 22.4rem;
  }
  .bl-2 {
    margin-top: 102rem;
  }
  .bl-2 .inner {
    display: flex;
    flex-direction: column-reverse;
  }
  .bl-2 .inner .l img {
    width: 390rem;
    height: 282rem;
  }
  .bl-2 .inner .r {
    position: relative;
    width: 100%;
    height: auto;
    gap: 10rem;
    padding: 0 20rem;
    background: transparent;
  }
  .bl-2 .inner .r img {
    width: 92.04rem;
    height: 60.96rem;
  }
  .bl-2 .inner .r .titl {
    font-size: 40rem;
    line-height: 45.96rem;
    margin-bottom: 0;
  }
  .bl-2 .inner .r .titl + p {
    margin-top: 20rem;
  }
  .bl-2 .inner .r p {
    font-size: 16rem;
    line-height: 22.4rem;
    margin: 0;
  }
  .bl-3 {
    margin-top: 150rem;
  }
  .bl-3 .inner .title {
    gap: 20rem;
  }
  .bl-3 .inner .title span {
    position: absolute;
    top: 36rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 40rem;
    line-height: 45.96rem;
  }
  .bl-3 .inner .row {
    margin-top: 128rem;
    flex-direction: column;
    align-items: center;
  }
  .bl-4 .inner .title {
    margin-top: 10rem;
    font-size: 40rem;
    line-height: 45.96rem;
  }
  .bl-4 .inner .gan {
    position: absolute;
    right: 1rem;
    top: -80rem;
    transform: rotate(72deg);
  }
  .bl-4 .inner .gan img {
    width: 130rem;
  }
  .bl-4 .inner .video {
    margin: 50rem 0 0;
    width: 390rem;
  }
  .bl-4 .inner .video:before {
    content: none;
  }
  .bl-5 {
    display: none;
  }
  .bl-6 {
    margin-top: 150rem;
  }
  .bl-6 .inner {
    padding: 0 20rem;
  }
  .bl-6 .inner .title {
    font-size: 24rem;
    line-height: 27.58rem;
    width: 350rem;
  }
  .bl-6 .inner .colco {
    top: 90rem;
    left: 20rem;
    width: 61.37rem;
  }
  .bl-6 .inner .slider {
    height: 243rem;
  }
  .bl-6 .inner .slider .imgs {
    gap: 15rem;
    left: 0;
  }
  .bl-6 .inner .slider .imgs .sl {
    width: 233rem;
  }
  .bl-6 .inner .slider .imgs .sl img {
    width: 233rem;
  }
  .bl-6 .inner .slider .imgs .sl .name {
    font-size: 8rem;
    line-height: 11.2rem;
    margin: 11rem auto 0;
    display: inline-block;
  }
  .bl-6 .inner .slider .imgs .sl.active {
    width: 308rem;
  }
  .bl-6 .inner .slider .imgs .sl.active img {
    width: 308rem;
  }
  .bl-6 .inner .slider .imgs .sl.active .name {
    margin: 23rem auto 0;
    font-size: 16rem;
    line-height: 22.4rem;
  }
  .bl-6 .inner .slider .gradient {
    display: none;
  }
  .bl-6 .inner .slider .btns {
    display: none;
  }
  .bl-6 .inner .text {
    margin-top: 50rem;
    flex-direction: column;
    gap: 20rem;
  }
  .bl-6 .inner .text div {
    width: 350rem;
  }
  .bl-8 {
    margin-top: 150rem;
  }
  .bl-8 .inner {
    padding: 0;
  }
  .bl-8 .inner .title {
    font-size: 24rem;
    line-height: 27.58rem;
    width: 350rem;
    padding: 0 20rem;
  }
  .bl-8 .inner .colco {
    top: auto;
    bottom: -94rem;
    right: 13rem;
    width: 92rem;
    transform: rotate(30deg);
  }
  .bl-8 .inner .row {
    margin-top: 30rem;
    padding: 0;
    gap: 50rem;
    flex-direction: column-reverse;
  }
  .bl-8 .inner .row .l {
    width: 390rem;
  }
  .bl-8 .inner .row .l:before {
    content: none;
  }
  .bl-8 .inner .row .l .bg {
    width: 100%;
  }
  .bl-8 .inner .row .r {
    padding-top: 0;
    font-size: 16rem;
    line-height: 22.4rem;
    width: 350rem;
    margin: 0 auto;
  }
  .bl-9 {
    margin-top: 150rem;
  }
  .bl-9 .inner .title {
    margin: 20rem auto 0;
    font-size: 24rem;
    line-height: 27.58rem;
    width: 350rem;
  }
  .bl-9 .inner .row {
    margin-top: 30rem;
    padding: 0;
    flex-direction: column;
    gap: 50rem;
  }
  .bl-9 .inner .row .l {
    padding: 0 20rem;
    font-size: 16rem;
    line-height: 22.4rem;
    width: 390rem;
  }
  .bl-9 .inner .row .r {
    width: 390rem;
  }
  .bl-9 .inner .row .r:before {
    content: none;
  }
  .bl-10 {
    margin-top: 150rem;
  }
  .bl-10 .inner .title {
    margin: 20rem auto 0;
    font-size: 24rem;
    line-height: 27.58rem;
    width: 350rem;
  }
  .bl-10 .inner .colco {
    position: absolute;
    top: 37rem;
    left: 30rem;
    width: 52rem;
  }
  .bl-10 .inner .row {
    margin-top: 50rem;
    padding: 0;
    flex-direction: column;
    gap: 50rem;
  }
  .bl-10 .inner .row .l {
    width: 390rem;
  }
  .bl-10 .inner .row .l:before {
    content: none;
  }
  .bl-10 .inner .row .r {
    flex-direction: column;
    gap: 22.4rem;
    text-align: left;
  }
  .bl-10 .inner .row .r div {
    font-size: 16rem;
    line-height: 22.4rem;
    width: 350rem;
  }
  .bl-10 .inner .row .r div p {
    margin: 0;
    font-size: 16rem;
    line-height: 22.4rem;
  }
  .bl-10 .inner .row .r div p + p {
    margin-top: 22.4rem;
  }
  .bl-11 {
    margin-top: 150rem;
  }
  .bl-11 .inner .title {
    margin: 20rem auto 0;
    font-size: 24rem;
    line-height: 27.58rem;
    width: 350rem;
  }
  .bl-11 .inner .row {
    margin-top: 30rem;
    padding: 0;
    flex-direction: column-reverse;
    gap: 50rem;
  }
  .bl-11 .inner .row .l {
    width: 390rem;
  }
  .bl-11 .inner .row .l:before {
    content: none;
  }
  .bl-11 .inner .row .r {
    font-size: 16rem;
    line-height: 22.4rem;
    width: 390rem;
    padding: 0 20rem;
  }
  .bl-12 {
    margin-top: 195rem;
  }
  .bl-12 .inner {
    padding: 0;
  }
  .bl-12 .inner .i1 {
    top: -166rem;
    left: 32rem;
    width: 81rem;
    height: 162rem;
  }
  .bl-12 .inner .i2 {
    position: absolute;
    top: -215rem;
    right: 20rem;
    width: 89rem;
    height: 204rem;
    z-index: -1;
  }
  .bl-12 .inner .item {
    padding: 60rem 20rem 30rem;
  }
  .bl-12 .inner .item:before {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) rotate(160deg);
  }
  .bl-12 .inner .item .img {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .bl-12 .inner .item .text {
    font-size: 16rem;
    line-height: 22.4rem;
  }
  .bl-12 .inner .item.item1 {
    width: 390rem;
  }
  .bl-12 .inner .item.item2 {
    margin-top: 65rem;
    width: 390rem;
  }
  .bl-13 {
    margin-top: 150rem;
  }
  .bl-13 .in {
    padding: 0 20rem;
    max-width: 390rem;
    margin: 0 auto;
  }
  .bl-13 .in .title {
    font-size: 24rem;
    line-height: 27.58rem;
  }
  .bl-13 .in .row {
    margin-top: 30rem;
  }
  .bl-13 .in .row .item {
    width: 350rem;
    padding: 30rem 25rem;
  }
  .bl-13 .in .row .item:before {
    top: -20rem;
    right: 20rem;
    width: 50rem;
    height: 39.5rem;
    background-size: 100%;
  }
  .bl-13 .in .row .item .text {
    font-size: 16rem;
    line-height: 24rem;
  }
  .bl-13 .in .row .item .user {
    margin-top: 10rem;
    gap: 20rem;
  }
  .bl-13 .in .row .item .user .img {
    width: 78rem;
  }
  .bl-13 .in .row .item .user .img img {
    width: 78rem;
    height: 78rem;
  }
  .bl-13 .in .row .item .user .cont {
    width: calc(100% - 98rem);
  }
  .bl-13 .in .row .item .user .cont .name {
    font-size: 18rem;
    line-height: 20.68rem;
  }
  .bl-13 .in .row .item .user .cont .vac {
    font-size: 12rem;
    line-height: 15.6rem;
    margin-top: 10rem;
  }
  .bl-7 {
    margin-top: 60rem;
  }
  .bl-7 .inner {
    width: 350rem;
    margin: 0 auto;
    padding: 30rem 25rem;
  }
  .bl-7 .inner .title {
    font-size: 18rem;
    line-height: 25.2rem;
  }
  .bl-7 .inner .main-form {
    flex-direction: column;
    gap: 20rem;
    width: 100%;
  }
  .bl-7 .inner input {
    width: 100%;
  }
  .bl-7 .inner button {
    width: 100%;
  }
  .bl-14 {
    margin-top: 80rem;
  }
  .bl-14 .inner {
    width: 350rem;
    margin: 0 auto;
  }
  .bl-14 .inner .title {
    font-size: 24rem;
    line-height: 27.58rem;
  }
  .bl-14 .inner .text {
    margin-top: 31rem;
    font-size: 16rem;
    line-height: 22.4rem;
  }
  .bl-14 .inner a {
    margin-top: 40rem;
    width: 243rem;
    height: 50rem;
    font-size: 16rem;
    line-height: 50rem;
  }
}
/*# sourceMappingURL=style.css.map */