/* 6px --- 0.375rem
8px --- 0.5rem
10px --- 0.625rem
12px --- 0.75rem
14px --- 0.875rem
1rem --- 1rem 
18px --- 1.125rem 
20px --- 1.25rem 
24rem --- 1.5rem 
26rem --- 1.65rem
28rem --- 1.75rem
30rem --- 1.875rem
32rem --- 2rem */

:root {
  /* --bs-screen-xxl: 61.46% */
  --bs-screen-xxl: 73.81rem
}

*,
body,
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}

html {
  font-size: 16px;
  color: #000;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

h1 {
  font-weight: bold;
  font-size: 3.13rem;
  color: #000000;
  margin-bottom: 6rem;
  /* line-height: 2.38rem; */
  text-align: center;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-weight: bold;
  font-size: 1.63rem;
  color: #2A9597;
  line-height: 2.84rem;
  text-align: center;
}

h5 {
  width: 17.88rem;
  font-weight: 400;
  font-size: 1rem;
  color: #1E1E1E;
  line-height: 1.6rem;
  /* text-align: left; */
}

p {
  font-size: 1rem;
  color: #1F1F1F;
}

img {
  width: 100%;
  height: 100%;
}

/* background */
.background {
  position: absolute;
  top: 200.31rem;
  left: -24.82rem;
  width: 96.63rem;
  height: 96.63rem;
  z-index: 0;
}

/* header */
/* 头部 */
.header {
  width: 100%;
  height: 6.13rem;
  background: linear-gradient(to bottom, #2B6999, #37729E);
  z-index: 10;
}

.header-content {
  width: var(--bs-screen-xxl);
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.header-content__logo {
  width: 8rem;
  height: 2rem;
}

.header-content__right {
  display: flex;
  height: 100%;
}

.header-menus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 43.94rem;
  height: 100%;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.13rem;
  line-height: 2.81rem;
  margin-right: 4.63rem;
}

.header-menus>li {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.header-menus>li a {
  color: #FFFFFF;
}

.header-menus>li:hover a {
  color: #00898A;
}

.header-menus>li:hover .header-menus__second__all {
  display: block;
}

.header-menus__second__all {
  display: none;
  position: absolute;
  top: calc(100%);
  left: 0;
  width: 56.88rem;
  height: 13.94rem;
  background: #FFFFFF;
  border-radius: 1.88rem;
  padding: 1.88rem 2.06rem;
  z-index: 11;
}

.header-menus__second__all>div {
  display: flex;
  justify-content: space-between;
}

.header-menus__second__all p {
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #333333;
  line-height: 1rem;
}

.header-menus__second {
  width: 16rem;
  height: 9.38rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 2.81rem;
  margin-top: 1rem;
  position: relative;
}

.header-menus__second>li {
  width: 100%;
  display: flex;
}

.header-menus__second>li i {
  display: none;
  font-size: 1.5rem;
  color: #00898A;
  margin-left: 4.5rem;
}

.header-menus__second__left {
  padding-left: 2.5rem;
  position: absolute;
  left: calc(100%);
  top: -1rem;
  display: flex;
  margin-top: 1rem;
  overflow: hidden;
  width: 0;
  transition: all ease .4s;
}

.header-menus__second__all .header-menus__second li:hover .header-menus__second__left {
  display: flex;
  width: 35.59rem;
}

.header-menus__second__all .header-menus__second li:hover a {
  color: #00898A;
}

.header-menus__second__all .header-menus__second li:hover i {
  display: block;
}

.header-menus__second__content {
  margin-left: 1.38rem;
}

.header-menus__second__content p {
  display: block;
  width: 15rem;
  height: 1rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 1rem;
  color: #313131;
  margin-top: 0.698rem;
}

.header-menus__second__content div {
  margin-top: 0.88rem;
  width: 15rem;
  height: 3.75rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 0.75rem;
  color: #656565;
  line-height: 1rem;
}

.header-menus__second__img {
  width: 17.5rem;
  height: 8.31rem;
  transition: all ease .4s;
}

.header-menus__second__all .header-menus__second>li a {
  color: #333333;
  font-weight: 500;
}

#header-menu__expand {
  display: none;
}

.header-search {
  height: 100%;
  display: flex;
  align-items: center;
  width: 2.25rem;
  margin-right: 0.81rem;
}


.header-content__search {
  width: 2.25rem;
  height: 2.25rem;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.header-content__search__img {
  width: 1.13rem;
  height: 1.13rem;
}

.header-search__input {
  width: 22.75rem;
  height: 3.69rem;
  display: none;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  /* left: -1rem; */
  top: calc(100% + 1.9rem);
  background-color: #FFFFFF;
  padding: 0.25rem 1.88rem;
  border-radius: 1.845rem;
  border: 0.2rem solid #00898A;
  z-index: 11;
}

.header-search__input input {
  border: none;
  outline: none;
  background: transparent;
  color: #00898A;
  width: calc(100% - 1rem);
  padding-bottom: 0.125rem;
  height: 1.35rem;
  font-size: 0.88rem;
  font-family: Arial;
  line-height: 2.06rem;
  padding: 0;
}

.header-search__input i {
  color: #00898A;
}

.header-search:hover .header-search__input {
  display: flex;
}

.header_city {
  width: 5.25rem;
  height: 100%;
  display: flex;
  align-items: center;
}

.header-content__city {
  position: relative;
  width: 5.25rem;
  height: 2.31rem;
  background: #00898A;
  border-radius: 1.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.header-content__city p {
  margin-left: 0.4rem;
  margin-right: 0.1rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.13rem;
  /* line-height: 2.81rem; */
  color: #FFFFFF;
}

.header-content__city i {
  color: #FFFFFF;
  font-size: 1rem;
  transition: all ease .4s;
}

.header-city__menus {
  display: none;
  flex-direction: column;
  background-color: #00898A;
  color: #2D2D2D;
  position: absolute;
  top: calc(100% + 1.9rem);
  /* left: 0; */
  width: 7.5rem;
  height: 8.3rem;
  box-shadow: 0px 0px 0.875rem rgba(12, 0, 5, 0.2);
  box-sizing: border-box;
  border-radius: 1.16rem;
  z-index: 11;
}

.header-city__menus li {
  box-sizing: border-box;
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
}

.header-city__flag {
  background-image: url('../assets/imgs/lang.gif');
  position: relative;
  display: block;
  background-repeat: no-repeat;
  width: 1.55rem;
  height: 1.2rem;
  margin-right: 0.3rem;
}

.header-city__en p {
  font-size: 1rem;
}

.header-city__en .header-city__flag {
  background-position: 0 -256px !important
}

.header_city:hover .header-content__city i {
  transform: rotate(-180deg);
}

.header_city:hover .header-city__menus {
  display: flex;
}

.mySwiper {
  width: 100%;
  /* height: 53.87rem; */
  aspect-ratio: 120 / 53.87;
  overflow: hidden;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.swiper-mySwiper {
  position: relative;
}

.swiper-content__img {
  position: absolute;
  top: -12.25rem;
  left: 0;
  width: 100%;
  height: calc(100% + 12.26rem);
  /* height: 66.13rem; */
}

.swiper-content {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.swiper-content_center {
  position: absolute;
  /* left: 56.83rem; */
  left: 47.358%;
  top: 13.94rem;
}

.swiper-content_center p {
  width: 32.94rem;
  height: 2.38rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 2.5rem;
  color: hsl(0, 0%, 100%);
}

.swiper-content_center span {
  display: block;
  margin-top: 1.31rem;
  width: 37.56rem;
  height: 2.25rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
}

.swiper-content_center a {
  display: block;
  margin-top: 1.81rem;
  width: 5.33rem;
  height: 0.81rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #00E9D0;
  transition: transform ease .4s;
}

.content-titel {
  width: var(--bs-screen-xxl);
  margin: 2.88rem auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-titel__img {
  width: 3.31rem;
  height: 3.13rem;
}

.content-titel>p {
  display: block;
  margin-top: 2.69rem;
  text-align: center;
  width: 33rem;
  height: 7.38rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.88rem;
  color: #333333;
  line-height: 2.81rem;
}

.content-titel__button {
  margin-top: 5.69rem;
}

.button {
  width: 16.44rem;
  height: 4.31rem;
  background: #00898A;
  border-radius: 2.16rem;
  display: flex;
  align-items: center;
  position: relative;
  transition: all ease .4s;
  cursor: pointer;
}

.button>p {
  display: block;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.25rem;
  color: #FFFFFF;
  margin-left: 2.5rem;
  transition: all ease .4s;
}

.button>div {
  position: absolute;
  right: 0.63rem;
  width: 3rem;
  height: 3rem;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease .4s;
}

.button>div>i {
  font-size: 1.5rem;
  color: #00898A;
}

.button:hover {
  transform: scale(1.1);
}

.button:hover>p {
  opacity: 0;
}

.button:hover>div {
  right: calc(50% - 1.5rem);
  /* right: calc(50% - 3rem); */
  transform: scale(1.2);
  /* width: 6rem; */
  border-radius: 3rem;
}

.content-one {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: var(--bs-screen-xxl);
  height: 36.56rem;
  margin: 4.25rem auto 0;
}

.content-one__item {
  width: 23rem;
  height: 36.36rem;
  background: #F7F8FC;
  border-radius: 0.31rem;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  border: .1rem solid #fff;
  transition: all ease .4s;
}

.mySwiper-three__content:hover,
.content-two__right__item:hover {
  box-shadow: 0px 2px 12px #00000038;
  transform: scale(1.01);
}

.content-one__item:hover {
  border: .1rem solid #00898A;
  box-shadow: 0px 2px 12px #00000038;
  transform: scale(1.01);
}

.content-one__item__img {
  margin-top: 3.13rem;
  width: 8.13rem;
  height: 19.25rem;
  transition: all ease .4s;
}


.mySwiper-three__content__img:hover {
  transform: scale(1.02);

}

.content-one__item__img:hover {
  transform: scale(1.1);

}

.content-one__item>h2 {
  width: 6rem;
  height: 1.44rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 1.88rem;
  color: #353535;
  margin-top: 1.31rem;
}

.content-one__item>p {
  margin-top: 1.31rem;
  width: 12.5rem;
  height: 1rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.25rem;
  color: #353535;
}

.content-one__item>a {
  margin-top: 3.63rem;
  width: 5.5rem;
  height: 0.81rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #084651;
  transition: all ease .4s;
}

.a:hover {
  transform: scale(1.2);
  font-weight: 700;
}

.content-one__item__img__two {
  margin-top: 2.63rem;
  width: 12.63rem;
  height: 20.31rem;
}

.content-one__item__img__three {
  margin-top: 3.06rem;
  width: 7.75rem;
  height: 19.31rem;
}

.mySwiper-two {
  width: var(--bs-screen-xxl);
  height: 31.06rem;
  overflow: hidden;
  margin: 4.44rem auto 0;
  border-radius: 1.75rem;
}

.swiper-mySwiper__two {
  width: 100%;
  height: 100%;
  transition: all ease .4s;
}

.swiper-mySwiper__two:hover {
  transform: scale(1.05);
}

.content-two {
  height: 52.89rem;
  width: var(--bs-screen-xxl);
  margin: 6.19rem auto 0;
  display: flex;
  justify-content: space-between;
}

.content-two__left>h2 {
  width: 20.94rem;
  height: 8rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 3.75rem;
  color: #282828;
}

.content-two__left>p {
  width: 31.38rem;
  height: 6.06rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #282828;
  line-height: 1.69rem;
  margin-top: 2.38rem;
}

.content-two__left__button {
  margin-top: 4.06rem;
}

.content-two__right {
  width: 38.38rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-two__right__one {
  height: 100%;
  width: 18.19rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

.content-two__right__item {
  width: 18.19rem;
  height: 25.38rem;
  background: #0081AF;
  border-radius: 1.88rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all ease .4s;
}

.network-img__one {
  width: 4.75rem;
  height: 4.44rem;
  margin-top: 5.13rem;
}

.content-two__right__item>h2 {
  width: 7.31rem;
  height: 1.44rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 1.88rem;
  color: #FFFFFF;
  margin-top: 2.44rem;
}

.content-two__right__item>p {
  text-align: center;
  width: 10.19rem;
  height: 3.63rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #FFFFFF;
  line-height: 1.38rem;
  margin-top: 2.31rem;
}

.network-two {
  background: #A6D6DD;
}

.network-img__two {
  width: 4.38rem;
  height: 4.19rem;
  margin-top: 6.13rem;
}

.network-two>h2 {
  margin-top: 2.38rem;
}

.network-three {
  background: #0392A6;
}

.network-img__three {
  width: 4.75rem;
  height: 4.81rem;
  margin-top: 6.5rem;
}

.network-three>h2 {
  margin-top: 1.94rem;
}

.content-three {
  margin: 4.15rem auto 0;
  width: var(--bs-screen-xxl);
  height: 12.4rem;
  position: relative;
}

.content-three__title {
  position: relative;
  width: 29.69rem;
  height: 8rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 3.75rem;
  color: #FFFFFF;
  z-index: 2;
}

.content-three__button {
  position: absolute;
  right: 0;
  top: 8.09rem;
}

.mySwiper-three {
  width: var(--bs-screen-xxl);
  overflow: hidden;
  height: 37.25rem;
  margin: 0.75rem auto 0;
}

.swiper-mySwiper__three {
  display: flex;
  align-items: start;
  justify-content: start;
  width: 23.06rem;
  height: 100%;
}

.mySwiper-three__content {
  margin-top: 1.33rem;
  position: relative;
  background-color: #fff;
  width: 22.47rem;
  height: 33.25rem;
  border-radius: 1.5rem;
  padding: 1.33rem;
  box-shadow: 0px 0px 0.875rem rgba(12, 0, 5, 0.2);
  transition: all ease .4s;
}

.mySwiper-three__content__img {
  width: 19.81rem;
  height: 13.69rem;
  transition: all ease .4s;
}

.mySwiper-three__content>p {
  width: 14.19rem;
  height: 3.91rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 1.5rem;
  color: #2F2F2F;
  line-height: 2.19rem;
  margin-top: 1rem;
}

.mySwiper-three__content>span {
  width: 19.75rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #2F2F2F;
  line-height: 1.75rem;
  margin-top: 1.69rem;
  display: block;
}

.mySwiper-three__content__mini {
  width: 10.44rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #A1A1A1;
  line-height: 1.75rem;
  margin-top: 1rem;
}

.mySwiper-three__content__circle {
  width: 5.5rem;
  height: 5.5rem;
  background: #A6D6DD;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -1.85rem;
  bottom: -2.4rem;
  border: .8rem solid #00898A;
  box-sizing: content-box;
}

.mySwiper-three__content__circle,
.mySwiper-three__content__circle a {
  transition: all ease .4s;
}

.mySwiper-three__content__circle:hover {

  transform: scale(0.8);
}

.mySwiper-three__content__circle:hover a {
  transform: rotate(360deg) scale(1.3);
}

.mySwiper-three__content__circle i {
  font-size: 3rem;
  color: #00898A;
}

.circle-border__white {
  border: .8rem solid #FFFFFF;

}

.content-four {
  width: 96.36%;
  /* width: 115.63rem; */
  height: 38.69rem;
  background: #084651;
  border-radius: 3.13rem;
  display: flex;
  position: relative;
  z-index: 2;
  margin: 4.5rem auto 0;
  overflow: hidden;
}

.content-four__img {
  width: 51.81rem;
  height: 100%;
  transition: all ease .4s;
}

.content-four__img:hover {
  transform: scale(1.02);
}

.content-four__content {
  padding: 0 4.31rem;
}

.content-four__content>p {
  width: 19.44rem;
  font-family: Eurostile LT Std;
  font-weight: normal;
  font-size: 3.13rem;
  color: #FFFFFF;
  line-height: 3.25rem;
  margin-top: 5.5rem;
}

.content-four__content>span {
  margin-top: 1.3rem;
  display: block;
  /* width: 29.31rem; */
  height: 1.25rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.25rem;
  color: #FFFFFF;
}

.content-four__content__input {
  margin-top: 0.5rem;
  overflow: hidden;
}

.content-four__content__input>input {
  width: 38.5rem;
  height: 3.88rem;
  background: #FFFFFF;
  outline: none;
  display: flex;
  align-items: center;
  text-indent: 1.56rem;
  margin-top: 1.45rem;
  border: none;
}

.content-four__content__input>input::placeholder {
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #767676;
  line-height: 3.25rem;
}

.content-four__content>button {
  width: 12.31rem;
  height: 3.88rem;
  background: #00898A;
  border: none;
  margin-top: 1.23rem;
  transition: all ease .4s;
}

.content-four__content>button>p {
  font-family: Arial;
  font-weight: bold;
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 3.25rem;
  transition: all ease .4s;
}

.content-four__content>button:hover>p {
  transform: scale(1.2);
}

.content-four__content>button:hover {
  transform: scale(1.1);
}

.footer {
  width: var(--bs-screen-xxl);
  margin: 2.89rem auto 0;

}

.footer-top {
  width: 100%;
  height: 5.26rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.06rem solid #B5B5B5;
}

.footer-top__img {
  width: 9rem;
  height: 3rem;
  /* background-color: #00898A; */
}

.footer-top>p {
  width: 15.63rem;
  height: 1.23rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.13rem;
  color: #084651;
  line-height: 3.35rem;
}

.footer-content {
  margin-top: .5rem;
  padding-bottom: 2.58rem;
  border-bottom: 0.06rem solid #B5B5B5;
  display: flex;
}

.footer-content__item>p {
  width: 5.19rem;
  /* height: 0.94rem; */
  font-family: Arial;
  font-weight: bold;
  font-size: 1.25rem;
  color: #084651;
  line-height: 3.85rem;
  cursor: pointer;
}

.footer-content__item>ul {
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: space-between;
  height: 29.6rem;
}

.footer-content__item>ul>li {
  width: 8.44rem;
}

.footer-content__item>ul>li>a {
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #404040;
  line-height: 1.88rem;
}

.footer-bottom__left>a:hover,
.footer-content__item>p:hover,
.footer-content__item>ul>li>a:hover {
  color: #00898A;
}

.footer-item__two {
  margin-left: 5.63rem;
}

.footer-item__two>ul {
  height: 12.25rem;
}

.footer-item__two>ul>li {
  width: 12.44rem;
}

.footer-item__three {
  margin-left: 2.19rem;
}

.footer-item__three>ul {
  height: 8.31rem;
}

.footer-item__three>p {
  width: 7.5rem;
}

.footer-item__four {
  margin-left: 5.81rem;
}

.footer-item__four>ul>li {
  width: 11.81rem;
}

.footer-item__four>ul {
  height: 17.88rem;
}

.footer-bottom {
  width: 100%;
  height: 4.51rem;
  margin-top: 0.62rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-bottom__left {
  width: 24rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-bottom__left>a {
  color: #404040;
  font-family: Arial;
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1.38rem;
  word-spacing: 1rem;
}

.footer-bottom__icon {
  display: flex;
  align-items: center;
}

.footer-bottom__icon__img__one {
  width: 1.31rem;
  height: 1.38rem;
}

.footer-bottom__icon img:hover {
  animation: tada 1s;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -6deg)
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 6deg)
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -6deg)
  }

  to {
    transform: scale3d(1, 1, 1)
  }
}

.footer-bottom__icon__img__two {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 2.25rem;
}

.footer-bottom__icon__img__three {
  width: 0.69rem;
  height: 1.31rem;
  margin-left: 2.56rem;
}

.footer-bottom__icon__img__four {
  width: 1.31rem;
  height: 1.06rem;
  margin-left: 2.88rem;
}

@media (min-width: 1200px) and (max-width: 1850px) {

  .swiper-content_center {
    left: 47.358%;
    /* top: 10.94rem; */
  }

  .content-four {
    width: 100%;
    height: auto;
    aspect-ratio: 1/ 0.373;
  }

  .content-four .content-four__img {
    width: 44.8%;
  }

  .content-four__content {
    width: calc(100% - 44.8%);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .content-four__content>p {
    margin-top: 0;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {


  .background {
    top: 190.31rem;
  }

  .header-search__input {
    right: -6.1rem;
  }

  .header-city__menus {
    right: 0rem;
  }

  .swiper-content_center {
    top: 10.94rem;
  }

  .content-two__right {
    z-index: 2;
  }
}


@media (min-width: 1090px) and (max-width: 1200px) {
  .background {
    top: 190.31rem;
    left: -28.82rem;
  }

  .swiper-content_center {
    top: 10.94rem;
  }


  .content-two__right {
    z-index: 2;
  }

  .swiper-content_center {
    left: 47.358%;
    /* top: 10.94rem; */
  }

  .content-four {
    width: var(--bs-screen-xxl);
    height: auto;
    aspect-ratio: 1/ 0.373;
  }

  .content-four .content-four__img {
    width: 44.8%;
  }

  .content-four__content {
    width: calc(100% - 44.8%);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .content-four__content>p {
    margin-top: 0;
  }

}

@media only screen and (max-width:640px) {
  :root {
    --bs-screen-xxl: 90%;
  }

  .background {
    width: 100%;
    height: 59rem;
    left: 0rem;
    top: 232.31rem;
  }

  .header {
    position: relative;
  }

  #header-menu__expand {
    display: flex;
    color: #fff;
    font-size: 2.5rem;
    align-items: center;
    margin-right: 1rem;
  }

  .header-menus {
    display: none;
    position: absolute;
    left: 0;
    top: calc(100%);
    z-index: 11;
    flex-direction: column;
    align-items: start;
    background-color: #37719E;
    width: 100%;
    padding-left: 3rem;
    padding-bottom: 1rem;
    height: auto;
  }

  .header-menus>li {
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  .header-menus__second__all {
    position: relative;
    border-radius: 0;
    background-color: #37719E;
    left: -2rem;
  }

  .header-menus__second__left {
    flex-direction: column;
    top: -5rem;
  }

  .header-menus__second__all .header-menus__second li:hover .header-menus__second__left {
    width: 40rem;
  }

  .header-menus__second__img {
    width: 30rem;
    height: 15rem;
    margin-left: 1rem;
  }

  .header-menus__second__content>div,
  .header-menus__second__all .header-menus__second li a,
  .header-menus__second__all p {
    color: #FFFFFF;
  }

  .header-menus__second__content>div,
  .header-menus__second__content>p {
    font-size: 1.5rem;
    line-height: 2rem;
    height: auto;
    width: 30rem;
    margin-top: 2rem;
  }

  .header-search__input {
    left: -30rem;
    top: -30%;
  }

  .mySwiper {
    height: 26.97rem;
  }

  .swiper-content__img {
    top: -6.125rem;
    height: 33.065rem;
  }

  .swiper-content_center {
    position: absolute;
    left: 29.83rem;
    top: 6.94rem;
  }

  .swiper-content_center p {
    width: 25.94rem;
    font-size: 1.8rem;
  }

  .swiper-content_center span {
    width: 25.56rem;
    height: 4.25rem;
  }

  .swiper-content_center a {
    width: 7rem;
  }

  .content-one {
    flex-wrap: wrap;
    justify-content: space-around;
    height: auto;
  }

  .content-one__item__three {
    margin-top: 3rem;
  }

  .content-two {
    position: relative;
    flex-direction: column;
    z-index: 2;
    height: auto;
  }

  .content-two__left {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .content-two__left>h2,
  .content-two__left>p {
    width: 80%;
  }

  .content-two__right {
    width: 80%;
    margin: 2.5rem auto 0;
  }

  .network-two {
    margin-top: 2rem;
  }

  .content-three {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    height: 17.4rem;
  }

  .content-three__button {
    position: relative;
    margin-top: -4rem;
  }

  .content-three__button>.button {
    background-color: #fff;
  }

  .content-three__button>.button>p {
    color: #00898A;
  }

  .content-three__button>.button>div {
    background-color: #00898A;
  }

  .content-three__button>.button>div>i {
    color: #fff;
  }

  .mySwiper-three {
    position: relative;
    z-index: 2;
    margin-left: 4rem;
  }

  .circle-border__blue {
    border: .8rem solid #FFFFFF;
  }

  .content-four {
    flex-direction: column;
    height: auto;
    border-radius: 3.63rem;
  }

  .content-four__img {
    width: 100%;
  }

  .content-four__content {
    padding-bottom: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -2rem;
  }

  .mySwiper-three__content__mini {
    width: 14.44rem;
  }

  .footer-item__one>ul>li {
    width: 10.44rem;
  }

  .footer-item__two>ul>li {
    width: 15.44rem;
  }

  .footer-item__two {
    margin-left: 2.63rem;
  }

  .footer-item__three {
    margin-left: 1.19rem;
  }

  .footer-item__four>ul>li {
    width: 13.81rem;
  }

  .footer-item__four {
    margin-left: 4.51rem;
  }

  .footer-bottom__left {
    /* width: auto; */        
  }

  .content-one__item>a {
    width: 6.5rem;
  }

  .mySwiper-two {
    height: 23.06rem;
  }

  .footer-top>p {
    width: 16.43rem;
  }

  .content-one__item>p {
    text-align: center;
  }
}