/* 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: 73.81rem;
  --bs-screen-xl: 104.5rem
}

body,
html {
  position: relative;
}

*,
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;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 34.69rem;
  background-color: #111829;
}

/* header */
/* 头部 */
.headerer {
  width: 100%;
  height: 4.06rem;
  background: #F1F3FD;
}

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

.headerer-content__left {
  display: flex;
}

.headerer-content__left>a {
  color: #E14609;
  height: 1.06rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
  text-decoration: underline;
}

.headerer-content__left>a:hover {
  /* color: #FFE400; */
}

.headerer-content__left>p {
  height: 1.06rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #2C2C2C;
  line-height: 1rem;
}

.headerer-content__right {
  height: 100%;
}

.headerer-content__right,
.headerer-content__right__one,
.headerer-content__right__icon {
  display: flex;
  align-items: center;
}

.headerer-content__right__one>span {
  /* height: 0.75rem; */
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #2C2C2C;
  line-height: 1rem;
}

.headerer-content__right__icon__three,
.headerer-content__right__icon__two,
.headerer-content__right__icon__one {
  width: 1.5rem;
  height: 1.5rem;
}

.headerer-content__right__icon__one {
  margin-left: .56rem;
}

.headerer-content__right__icon__two {
  margin-left: 1.25rem;
}

.headerer-content__right__icon__three {
  margin-left: 1.44rem;
}

.headerer-content__right__two {
  margin-left: 3.56rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 100%;
  position: relative;
}

.headerer-content__right__two>i {
  font-size: 1.2rem;
}

.headerer-content__right__two>p {
  margin-left: .81rem;
  width: 3.19rem;
  height: 1rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #2C2C2C;
  line-height: 1rem;
}

.headerer-content__right__two:hover .header-city__menus {
  display: flex;
}

.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 {
  box-sizing: border-box;
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dfdcdc;
}

.header-city__en .header-city__flag {
  background-position: 0 -15.9rem !important
}

.header-city__menus {
  display: none;
  flex-direction: column;
  background-color: #F1F3FD;
  color: #2D2D2D;
  position: absolute;
  top: calc(100%);
  left: 0;
  width: 7rem;
  height: 8.6rem;
  box-shadow: 0px 0px 0.875rem rgba(12, 0, 5, 0.2);
  box-sizing: border-box;
  z-index: 11;
}

.header {
  width: 100%;
  height: 7.31rem;
  z-index: 10;
  position: sticky;
  top: 0;
  background-color: #fff;
}

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

.headerer-content__left {
  display: flex;
  align-items: center;
  height: 100%;
}

.headerer-content__left>a {
  margin-left: .5rem;
}

.header-content__logo {
  width: 9.44rem;
  height: auto;
  /* height: 2.75rem; */
  /* background-color: #000; */
}


.header-menus {
  display: flex;
  align-items: center;
  margin-left: 6rem;
  height: 100%;
  width: 35.31rem;
  font-family: Arca Majora 2;
}

.header-menus li {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  /* margin: 0 1.4rem; */
}

.header-menus>li {
  width: 6.06rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-menus>.header-menus__lifive {
  width: 9.06rem;

}

.header-menus>.header-menus__lithree {
  width: 8.06rem;
}

.header-menus a {
  color: #2D2D2D;
  font-family: Arial;
  font-weight: Regular;
  font-size: 1.25rem;
  line-height: 1rem;
}

/* .header-menus i {
  color: #FFF;
} */

.header-menus>li:hover>a {
  color: #E24E1F;
  /* font-weight: bold; */
}

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

.header-menus__second {
  display: none;
  width: 13.56rem;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 0rem 0rem 1rem 0em rgba(12, 0, 5, 0.2);
  padding: 0 0 0.44rem;
  border-top: 0.38rem solid #E24E1F;
  z-index: 10;
}

.header-menus__second>li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 1.06rem;
  padding-right: 0.88rem;
  width: calc(100% - 1.06rem);
  height: 3.44rem;
  position: relative;
  border-bottom: 0.06rem solid #BFBFBF;

}

.header-menus__third--content>li:last-child,
.header-menus__second>li:last-child {
  border-bottom: none;
}

.header-menus__second>li:hover>a {
  color: #E24E1F;
}

.header-menus__second>li:hover {
  width: calc(100% - 1.06rem + .25rem);
  padding-right: calc(0.88rem + .25rem);
}

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

.header-menus__second>li>i {
  display: none;
  font-size: 1.3rem;
  color: #E24E1F;
}

.header-menus__second>li a {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1rem;
  font-family: Arial;
  color: #2D2D2D;
  text-wrap: nowrap;
}

.header-menus__third {
  width: 10.13rem;
  background: #FFFFFF;
  display: none;
  flex-direction: column;
  width: 9.44rem;
  border-top: 0.38rem solid #E24E1F;
  position: absolute;
  /* top: 100%; */
  top: 0;
  left: calc(100% - .075rem);
  box-shadow: 0rem 0rem 1rem 0em rgba(12, 0, 5, 0.2);
  padding: 0 0 0.44rem;
  z-index: 10;
}

.header-menus__third--content {
  display: flex;
  flex-direction: column;
}

.header-menus__third--content>li {
  display: flex;
  align-items: center;
  margin-left: 1.06rem;
  padding-right: 1.06rem;
  width: calc(100% - 1.06rem);
  height: 3.44rem;
  position: relative;
  border-bottom: 0.06rem solid #BFBFBF;
}

.header-menus__third--content>li a {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 0.88rem;
  font-family: Arial;
  color: #2D2D2D;
  text-wrap: nowrap;
}

.header-menus__third--content>li:hover a {
  color: #E24E1F;
}

.header-menus__second>li:hover .header-menus__third {
  display: flex;
}

.headerer-content__right {
  display: flex;
}

.headerer-content__right__phone {
  width: 3.13rem;
  height: 3.13rem;
  background: #E24E1F;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.headerer-content__right__phone__img {
  width: 1.44rem;
  height: 1.44rem;
}

.headerer-content__right__text {
  margin-left: 1.63rem;
}

.headerer-content__right__text>span {
  width: 11rem;
  height: 2.81rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #131313;
  line-height: 1rem;
}

.headerer-content__right__text>p {
  font-size: 1.45rem;
}

.headerer-content__right__search {
  margin-left: 3.5rem;
  width: 16.13rem;
  height: 3rem;
  border: .1rem solid #E24E1F;
  display: flex;
  align-items: center;
}

.headerer-content__right__search>input {
  border: none;
  outline: none;
  height: 100%;
  width: calc(100% - 2.15rem);
  text-indent: 1.06rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #7B7B7B;
  line-height: 1rem;
}

.search-img {
  width: 1.38rem;
  height: 1.38rem;
  cursor: pointer;
}

#header-menu__expand {
  display: none;
  margin-right: 1rem;
  font-size: 3rem;
  color: #fff;
}

.mySwiper {
  width: 100%;
  aspect-ratio: 120 / 48.81;
  overflow: hidden;
}

.swiper-mySwiper {
  width: 100%;
  height: 100%;
}

.mySwiper-img {
  width: 100%;
  height: 100%;
}

.content-one {
  width: 100%;
  height: 24.25rem;
  background: #E24E1F;
}

.content-one__all {
  width: var(--bs-screen-xxl);
  margin: 0 auto;
  padding: 5.19rem 0 2.69rem;
  height: 100%;
}

.content-one__top {
  display: flex;
  justify-content: space-between;
}

.content-one__top__left {
  height: 5rem;
}

.content-one__top__left>h2 {
  width: 24.63rem;
  height: 1.81rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 1.88rem;
  color: #FFFFFF;
  line-height: 1.58rem;
}

.content-one__top__btn {
  margin-top: 1.75rem;
  display: flex;
  align-items: center;
  width: 6rem;
  height: 0.83rem;
  border: .1rem solid #E24E1F;
  transition: all ease .4s;
  border-radius: 1rem;
}

.content-one__top__btn>a {
  width: 4.85rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #FFE400;
}

.content-one__top__btn>i {
  font-size: 1rem;
  color: #FFE400;
  transition: all ease .4s;
}

.content-one__top__btn:hover {
  transform: scale(1.3) translateX(13%);
  font-weight: 700;
  height: 2rem;
  width: 8rem;
  border: .1rem solid #FFE400;
  border-radius: 1rem;
  padding: 1rem;
}

.content-one__top__btn:hover>a {
  color: #fff;
}

.content-one__top__btn:hover>i {
  color: #fff;
  transform: rotateZ(45deg);
}

.content-one__top__right {
  width: 40.38rem;
  height: 5.5rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 2rem;
  margin-top: -.6rem;
}

.content-one__top__bottom {
  margin-top: 3.06rem;
  display: flex;
  justify-content: space-between;
}

.content-one__top__bottom__item {
  width: 23.57rem;
  height: 8.31rem;
  background: #FFFFFF;
  padding: 2.25rem 2.35rem 2.31rem;
  display: flex;
  transition: all ease .4s;
  border: .1rem solid rgba(0, 0, 0, 0);
}

.content-one__top__bottom__item:hover {
  box-shadow: 0px 2px 12px #00000038;
  transform: scale(1.05);
}

.content-one__icon__one {
  width: 3.44rem;
  height: 3.44rem;
}

.content-one__icon__two {
  width: 2.69rem;
  height: 3.25rem;
}

.content-one__icon__three {
  width: 2.56rem;
  height: 3.06rem;
}

.content-one__icon__text {
  margin-left: 2.44rem;
}

.content-one__icon__text>h2 {
  width: 9.56rem;
  height: 0.75rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 0.88rem;
  color: #1A1A1A;
  line-height: 1.25rem;
}

.content-one__icon__text>p {
  margin-top: 0.94rem;
  width: 11.31rem;
  height: 2.06rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #3F3F3F;
  line-height: 1.25rem;
}

.content-one__icon__text__two>p {
  width: 12.25rem;
  height: 2.06rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #3F3F3F;
  line-height: 1.25rem;
}

.content-one__icon__text__three>p {
  width: 12.25rem;
  height: 2.06rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #3F3F3F;
  line-height: 1.25rem;
}

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

.content-two__left {}

.content-two__left>h2 {
  margin-top: 1rem;
  width: 32.88rem;
  height: 6.1rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 2.5rem;
  color: #1C1C1C;
  line-height: 3.13rem;
}

.content-two__left>p {
  margin-top: 1.54rem;
  width: 36.81rem;
  height: 6.28rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.13rem;
  color: #1C1C1C;
  line-height: 2.25rem;
}

.content-two__left__list {
  margin-top: 3.63rem;
  height: 6.84rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.content-two__left__list__item {
  display: flex;
}

.content-two__left__list__item>p {
  font-family: Arial;
  font-weight: 400;
  font-size: 1.13rem;
  color: #1C1C1C;
  margin-left: 1.31rem;
}

.content-two__left__list__icon {
  width: 1.5rem;
  height: 1.48rem;
  background: #E24E1F;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-two__left__list__icon>i {
  font-size: 1.35rem;
  color: #fff;
}

.content-two__left__button {
  margin-top: 4.56rem;
  width: 11.81rem;
  height: 3.44rem;
  background: #E24E1F;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  transition: all ease .4s;
}

.content-two__left__button:hover {
  transform: scale(1.1);
  color: #FFE400;
}

.content-two__right {
  width: 36.56rem;
  height: 42.63rem;
  overflow: hidden;
}

.content-two__right>img {
  transition: all ease .4s;
}

.content-two__right:hover>img {
  transform: scale(1.02);
}

.content-titel {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 4.75rem;
}

.content-titel>h2 {
  width: 30.88rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 2.5rem;
  color: #1C1C1C;
  line-height: 3.13rem;
  text-align: center;
  margin-top: -1rem;
}

.content-titel>p {
  margin-top: 1.13rem;
  width: 41.25rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.25rem;
  color: #1C1C1C;
  line-height: 1.13rem;
}

.mySwiper-two {
  width: var(--bs-screen-xxl);
  height: 32.38rem;
  overflow: hidden;
  margin: 4.56rem auto 0;
}


.swiper-mySwiper__two {
  width: 23.56rem;
  height: 32.38rem;
  background: #F4F4F4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border: .1rem solid rgba(0, 0, 0, 0);
  transition: all ease .4s;
  overflow: hidden;
}

.swiper-mySwiper__two:hover {
  border: .1rem solid #FFE400;
  box-shadow: 0px 2px 12px #00000038;
  border-radius: 1.875rem;
}

.mySwiper-two__icon {
  margin-top: 2.81rem;
  width: 3.75rem;
  height: 4.31rem;
}

.mySwiper-two__top {
  padding: 0 1.31rem;
}

.mySwiper-two__top>p {
  margin-top: 1.38rem;
  width: 9.13rem;
  height: 1rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 1.25rem;
  color: #1C1C1C;
  line-height: 1.13rem;
}

.mySwiper-two__top>span {
  display: block;
  margin-top: 1.38rem;
  width: 17.81rem;
  height: 2.56rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #1C1C1C;
  line-height: 1.56rem;
}

.mySwiper-two__img {
  width: 100%;
  height: 16.19rem;
  overflow: hidden;
}

.mySwiper-two__img>img {
  transition: all ease .4s;
}

.mySwiper-two__img>img:hover {
  transform: scale(1.1);
}

.mySwiper-two__i {
  position: absolute;
  right: 0;
  top: 0;
  width: 3.75rem;
  height: 3.75rem;
  background: #E24E1F;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease .4s;
  cursor: pointer;
  border: 0 solid rgba(0, 0, 0, 0);
}

.mySwiper-two__i>i {
  color: #FFFFFF;
  font-size: 3rem;
  transition: all ease .4s;
}

.mySwiper-two__i:hover {
  width: 7.5rem;
  height: 3rem;
  border-radius: 1.875rem;
  border: .2rem solid #FFE400;
}

.mySwiper-two__i:hover>i {
  transform: rotateZ(45deg) scale(1.2);
  color: #FFE400
}

.mySwiper-two__icon__two {
  width: 3.31rem;
  height: 4.31rem;
}

.mySwiper-two__icon__three {
  width: 2.94rem;
  height: 4.31rem;
}

.text-scrolling {
  margin-top: 4.31rem;
  width: 100%;
  height: 9.25rem;
  background: #E24E1F;
  /* 禁止换行 */
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
}

.text-scrolling__content {
  display: flex;
  align-items: center;
  height: 100%;
  animation: marquee 15s linear infinite;
  animation-play-state: running;
  /* 默认运行 */
}

.text-scrolling__content:hover {
  animation-play-state: paused;
  /* 暂停动画 */
}

@keyframes marquee {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(-100%);
  }
}

.text-scrolling__content>p {
  margin-left: 4rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 1.88rem;
  color: #FFFFFF;
  cursor: pointer;
  transition: all ease .4s;
}

.text-scrolling__content>p:hover {
  color: #FFE400;
  transform: scale(1.1);
  text-decoration: underline;
}

.content-three {
  width: 100%;
  aspect-ratio: 120 / 38.75;
  background-image: url('../assets/imgs/why-choose-two-bg.png');
  background-position: center;
  background-size: 100% 100%;
}

.content-three__content {
  width: var(--bs-screen-xxl);
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.content-three__content>h2 {
  width: 39.06rem;
  /* height: 5rem; */
  font-family: Arial;
  font-weight: bold;
  font-size: 2.5rem;
  color: #FFFFFF;
  line-height: 3.13rem;
}

.content-three__content>p {
  margin-top: 1.8rem;
  width: 37.31rem;
  /* height: 5.63rem; */
  font-family: Arial;
  font-weight: 400;
  font-size: 1.13rem;
  color: #FFFFFF;
  line-height: 2.25rem;
}

.content-three__button {
  margin-top: 3.8rem;
}

.content-three__allbtn {
  position: absolute;
  width: var(--bs-screen-xxl);
  left: 0;
  bottom: -3rem;
  height: 6.19rem;
  background: #F0F3FB;
  display: flex;
}

.allbtn-item {
  display: flex;
  align-items: center;
}

.allbtn-item-one {
  width: 23.75rem;
  height: 100%;
}

.allbtn-one__icon {
  width: 2.13rem;
  height: 2.25rem;
  margin-bottom: .7rem;
  margin-left: 4.06rem;
}

.allbtn-item>p {
  margin-left: 1.25rem;
  width: 8.69rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.25rem;
  color: #000000;
  cursor: pointer;
  transition: all ease .4s;
}

.allbtn-item>p:hover {
  transform: scale(1.1);
  color: #E24E1F;
}

.allbtn-item-two {
  width: 26.44rem;
  background-color: #E2E8F7;
  position: relative;
}

.allbtn-item-two__sanone {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 3.095rem solid transparent;
  border-top: 3.095rem solid transparent;
  border-left: 2.5rem solid #F0F3FB;
}

.allbtn-item-two__santwo {
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 3.095rem solid transparent;
  /* border-top: 3.095rem solid transparent; */
  border-right: 2.5rem solid #F0F3FB;
}

.allbtn-item-two__santhree {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  /* border-bottom: 3.095rem solid transparent; */
  border-top: 3.095rem solid transparent;
  border-right: 2.5rem solid #F0F3FB;
}

.allbtn-two__icon {
  width: 2rem;
  height: 2.5rem;
  margin-left: 6.5rem;
  margin-bottom: .5rem;
}

.allbtn-item-two>p {
  width: 8.94rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.25rem;
  color: #000000;
}

.allbtn-item-three {
  width: 23.63rem;
}

.allbtn-three__icon {
  width: 2rem;
  height: 2rem;
  margin-left: 4.13rem;
  margin-bottom: .2rem;
}

.allbtn-item-three>p {
  margin-left: 1.44rem;
  width: 9.63rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.25rem;
  color: #000000;
}

.content-titel__two {
  margin-top: 7.56rem;

}

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

.content-four__item {
  width: 20.06rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-four__top {
  width: 100%;
  height: 20.06rem;
  border-radius: 50%;
  border: 1px solid #111829;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.content-four__img {
  width: 18rem;
  height: 18rem;
  overflow: hidden;
  border-radius: 50%;
}

.content-four__img>img {
  transition: all ease .4s;
}

.content-four__img>img:hover {
  transform: scale(1.1);
}

.content-four_number {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.31rem;
  width: 5.75rem;
  height: 5.75rem;
  background: #111829;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all ease .4s;
}

.content-four_number:hover {
  border-radius: 50%;
  transform: translateX(-50%) scale(1.2);
  background-color: #fff;
  border: .2rem solid #E24E1F;
}

.content-four_number:hover>p {
  color: #E24E1F;
}

.content-four_number>p {
  font-family: Arial;
  font-weight: 900;
  font-size: 2.68rem;
  color: #FFFFFF;
  transition: all ease .4s;
}

.content-four__item>p {
  margin-top: 3.8rem;
  height: 3.5rem;
  width: 9.88rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.38rem;
  color: #1C1C1C;
  line-height: 1.94rem;
  text-align: center;
}

.content-four_number__two {
  background-color: #E24E1F;
}

.content-titel__three {
  margin-top: 6.25rem;
}


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

.swiper-mySwiper__three {
  width: 23.19rem;
  height: 100%;
}

.mySwiper-three__img {
  width: 100%;
  /* width: 23.19rem; */
  height: 25.31rem;
  position: relative;
  overflow: hidden;
}

.mySwiper-three__img>img {
  transition: all ease .4s;
}

.mySwiper-three__img>img:hover {
  transform: scale(1.1);
}

.mySwiper-three__img__time {
  height: 5.13rem;
  width: 5.81rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.mySwiper-three__time__top {
  width: 5.81rem;
  height: 2.99rem;
  background: #E24E1F;
  font-family: Arial;
  font-weight: bold;
  font-size: 2.28rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mySwiper-three__time__bottom {
  width: 5.81rem;
  height: 2.14rem;
  background: #111829;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.25rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-mySwiper__three>p {
  margin-top: 1.76rem;
  width: 20.38rem;
  height: 3.4rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.25rem;
  color: #1C1C1C;
  line-height: 1.88rem;
}

.mySwiper-three__btn {
  margin-top: 1.19rem;
  width: 8.5rem;
  height: 2rem;
  display: flex;
  align-items: center;
  border-radius: 1.25rem;
  transition: all ease .4s;
}

.mySwiper-three__btn>a {
  font-family: Arial;
  font-weight: 400;
  font-size: 1.25rem;
  color: #E24E1F;
  line-height: 1.88rem;
  text-decoration: underline;
  transition: all ease .4s;
}

.mySwiper-three__btn>i {
  display: inline-block;
  font-size: 2rem;
  color: #E24E1F;
  transform: translateY(20%);
  transition: all ease .4s;
}

.mySwiper-three__btn:hover {
  transform: scale(1.2) translateX(10%);
  font-weight: 700;
  height: 2.5rem;
  width: 11rem;
  border: .1rem solid #FFE400;
  border-radius: 1.25rem;
  background-color: #E24E1F;
  padding: 0 1rem;
}

.mySwiper-three__btn:hover>a {
  color: #FFF;
  text-decoration: none;
}

.mySwiper-three__btn:hover>i {
  transform: translateX(30%) scale(.9) rotateZ(45deg);
  color: #FFF;
}

.content-five {
  width: var(--bs-screen-xxl);
  height: 27.31rem;
  background: #E24E1F;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.content-five__left {
  margin-top: 4.63rem;
  margin-left: 1.75rem;
}

.content-five__left>h2 {
  width: 26.88rem;
  height: 5.5rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 2.5rem;
  color: #FFFFFF;
  line-height: 3.13rem;
}

.content-five__left>p {
  margin-top: 2rem;
  width: 25.13rem;
  height: 5.88rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 1.13rem;
  color: #FFFFFF;
  line-height: 2.25rem;
}

.content-five__right {
  width: 34.45rem;
  margin-right: 3.56rem;
  margin-top: 3.94rem;
}

.content-five__right__top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.content-five__right__item {
  width: 16.13rem;
  margin-bottom: 1.25rem;
}

.content-five__right__item>p {
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 0.36rem;
}

.content-five__right__item>input {
  width: 16.13rem;
  height: 2.63rem;
  background: #FFFFFF;
  outline: none;
  text-indent: 1.13rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #7F7F7F;
  line-height: 3.13rem;
  border: none;
}

.content-five__right__inp {
  margin-top: 0.13rem;
}

.content-five__right__inp>p {
  font-family: Arial;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 0.36rem;
}

.content-five__right__inp>input {
  width: 34.44rem;
  height: 2.63rem;
  background: #FFFFFF;
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #7F7F7F;
  line-height: 3.13rem;
  border: none;
  text-indent: 1.13rem;
  outline: none;
}

.content-five__right__btn {
  margin-top: 1.81rem;
  width: 11rem;
  height: 3.44rem;
  background: #111829;
  font-family: Arial;
  font-weight: bold;
  font-size: 1.13rem;
  color: #FFFFFF;
  line-height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease .4s;
  cursor: pointer;
}

.content-five__right__btn:hover {
  transform: scale(1.1);
  color: #FFE400;
}

.footer {
  width: var(--bs-screen-xxl);
  margin: 3.81rem auto 0;
  height: 16.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.footer-top {
  display: flex;
  justify-content: space-between;
}

.footer-top__left>h2 {
  margin-top: -.1rem;
  width: 8.06rem;
  height: 1.5rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 1.25rem;
  color: #FFFFFF;
  line-height: 1.75rem;
}

.footer-top__left>p {
  margin-top: 1.13rem;
  width: 19.03rem;
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #FFFFFF;
  line-height: 1.88rem;
}

.footer-top__right {
  display: flex;
  justify-content: space-between;
  width: 49.76rem;
}

.footer-top__right__item>h2 {
  margin-top: -.2rem;
  width: 4.5rem;
  height: 1.35rem;
  font-family: Arial;
  font-weight: bold;
  font-size: 1.25rem;
  color: #FFFFFF;
  line-height: 1.75rem;
}

.footer-top__right__item>ul {
  width: 4.38rem;
  height: 8.19rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 1.1rem;
}

.footer-top__right__item>ul>li {
  width: 4.38rem;
}

.footer-top__right__item>ul>li>a:hover {
  color: #E24E1F;
}

.footer-top__right__item>ul>li>a {
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #FFFFFF;
  line-height: 1.88rem;
}

.footer-top__right>.footer-top__item__two {
  margin-left: 2rem;
}

.footer-top__right>.footer-top__item__two>h2 {
  width: 9rem;
}

.footer-top__right>.footer-top__item__two>ul {
  height: 4.44rem;
}

.footer-top__right>.footer-top__item__two>ul>li {
  width: 9.56rem;
}

.footer-top__item__three>h2 {
  width: 9.44rem;
}

.footer-top__item__three>ul {
  height: 4.44rem;
  width: 19.56rem;
}

.footer-top__item__three>ul>li {
  width: 19.56rem;
}

.footer-bottom {
  border-top: 0.06rem solid #565B67;
  width: 100%;
  height: 3.63rem;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}

.footer-bottom>p {
  font-family: Arial;
  font-weight: 400;
  font-size: 0.88rem;
  color: #5C667E;
  line-height: 1.88rem;
}

.footer-bottom__imgall {
  position: absolute;
  right: 1.75rem;
  height: 100%;
  width: 9.29rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-bottom__img {
  width: 0.94rem;
  height: 1.06rem;
}

.footer-bottom__img 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__img__two {
  width: 1.13rem;
  height: 1.13rem;
}

.footer-bottom__img__three {
  width: .5rem;
  height: 1rem;
}

.footer-bottom__img__four {
  width: 1rem;
  height: 0.88rem;
}

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

  #header-menus,
  .headerer-content__right__search,
  .headerer-content__right__text {
    margin-left: 0;
  }

  .header-content {
    width: 100%;
  }

  .content-three__content>h2,
  .content-three__content>p,
  .content-three__button {
    margin-top: 0;
  }
}


@media (min-width: 1200px) and (max-width: 1672px) {
  :root {
    --bs-screen-xl: 98%
  }

  .header-city__menus {
    left: -1rem;
  }
}

@media (min-width: 1080px) and (max-width: 1200px) {
  :root {
    --bs-screen-xl: 73.81rem;
  }

  .header-city__menus {
    left: -1rem;
  }

  #header-menus,
  .headerer-content__right__search,
  .headerer-content__right__text {
    margin-left: 0;
  }

  .content-three__content>h2,
  .content-three__content>p,
  .content-three__button {
    margin-top: 0;
  }

}

@media (min-width: 640px) and (max-width: 1080px) {
  :root {
    --bs-screen-xl: 98%
  }

  .header-city__menus {
    left: -1rem;
  }
}


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


  #header {
    position: sticky;
  }

  /* .headerer-content__right__text {
    display: none;
  } */
  .headerer-content__left>p {
    display: none;
  }

  .headerer-content__right__search {
    width: 3.15rem;
    overflow: hidden;
    margin-left: 3rem;
    transition: all ease .4s;
  }

  .headerer-content__right__search>input::placeholder {
    opacity: 0;
    transition: all ease .4s;
  }

  .headerer-content__right__search:hover {
    width: 16.13rem;
    overflow: auto;
  }

  .headerer-content__right__search:hover>input::placeholder {
    opacity: 1;
  }

  #header-menu__expand {
    display: block;
    color: #3F3F3F;
    margin-left: 2rem;
  }

  .header-menus {
    display: none;
    background-color: #E24E1F;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 2rem 3rem;
    flex-direction: column;
    height: auto;
    align-items: flex-start;
    margin-left: 0;
  }

  .header-menus>li {
    width: 100%;
    padding: 1rem 0;
    position: relative;
    flex-direction: column;
    align-items: start;
  }

  .header-menus a {
    color: #fff;
  }

  .header-menus>li:hover>a,
  .header-menus__second>li:hover>a,
  .header-menus__third li:hover>a {
    color: #FFE400;
  }

  .header-menus__third {
    position: relative;
    top: 1.5rem;
    left: -10.6rem;
    background-color: #E24E1F;
    width: 100%;
    box-shadow: none;
    margin-top: 0;
    margin-left: 0;
  }

  .header-menus__second {
    position: relative;
    top: 1rem;
    left: 2rem;
    background-color: #E24E1F;
    width: 100%;
    box-shadow: none;
    margin-top: 0;
    margin-left: 0;
  }

  .header-menus__second>li>i {
    margin-left: 2rem;
    color: #FFE400;
  }

  .header-menus__third--content>li,
  .header-menus__second>li {
    width: 100%;
    padding: 1rem 0;
    height: auto;
    /* flex-direction: column; */
    align-items: flex-start;
    justify-content: start;
    margin-left: 0;
    border-bottom: none;
  }

  .header-menus__third--content li>a,
  .header-menus__second>li>a {
    color: #fff;
  }

  .content-one {
    height: auto;
  }

  .content-one__top {
    flex-direction: column;
  }

  .content-one__top__left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .content-one__top__right {
    width: 100%;
    margin-top: 3rem;
    text-align: center;
  }

  .content-one__top__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .content-one__top__bottom__item__three {
    margin-top: 2rem;
  }

  .content-one__top__bottom__item__two {
    margin-left: 2rem;
  }

  .content-two {
    flex-direction: column;
  }

  .content-two__left {
    margin: 0 auto;
  }

  .content-two__left>p,
  .content-two__left>h2 {
    text-align: center;
  }

  .content-two__left>h2 {
    width: 36.81rem;
  }

  .content-two__left__list {
    margin-left: 4.5rem;
  }

  .content-two__left__button {
    margin: 3rem auto 2rem;
  }

  .content-two__right {
    margin: 0 auto;
  }

  .content-three__content {
    width: 100%;
    padding: 0 5%;
  }

  .content-three__allbtn {
    bottom: -6.19rem;
    width: 100%;
  }

  .allbtn-one__icon,
  .allbtn-three__icon {
    margin-left: 3rem;
  }

  .allbtn-two__icon {
    margin-left: 5rem;
  }

  .content-three__content>h2 {
    width: 100%;
    text-align: center;
  }

  .content-three__content>p {
    margin-top: 1rem;
    text-align: center;
    width: 100%;
  }

  .content-three__button {
    margin-top: 1rem;
    margin-bottom: 0;
  }

  .content-titel__two {
    margin-top: 10rem;
  }

  .content-four {
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
  }

  .content-four__item__two {
    margin-left: 7rem;
  }

  .content-five {
    flex-direction: column;
    height: auto;
    /* width: 80%; */
  }

  .content-five__right,
  .content-five__left {
    margin: 2rem auto 0;
    width: 35rem;
  }

  .content-five__left>h2 {
    width: 100%;
    text-align: center;
  }

  .content-five__left>p {
    width: 100%;
    text-align: center;
  }

  .content-five__right__inp>input {
    width: 100%;
  }

  .content-five__right__btn {
    margin: 1.81rem auto 2rem;
  }

  .footer {
    height: auto;
    margin-top: 2rem;
  }

  .footer-top {
    flex-direction: column;
  }

  .footer-top__left>p {
    width: 80%;
    margin: 1.13rem auto 0;
    text-align: center;
  }

  .footer-top__left>h2 {
    width: 100%;
    text-align: center;
  }

  .footer-top__right {
    margin: 2rem auto 1rem;
  }

  .footer-top__item__one>ul {
    height: 10rem;
  }

  .background {
    height: 48rem;
  }

  .content-one__top__left>h2 {
    width: 26.63rem;
    text-align: center;
  }

  .content-one__top__btn {
    width: 8rem;
  }

  .content-one__top__btn:hover {
    width: 9.5rem;
  }

  .content-one__top__btn>a {
    width: auto;
    height: auto;
  }

  .content-one__top__btn>i {
    margin-left: .3rem;
  }

  .content-one__icon__text>h2 {
    width: auto;
  }

  .content-one__icon__text>p {
    width: 15rem;
  }

  .content-one__top__bottom__item {
    padding: 2.25rem 1.2rem 2.31rem;
  }

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

  .mySwiper-two__top>p {
    width: 10.13rem;
  }

  .allbtn-item>p {
    width: 10.69rem;
  }

  .footer-top__item__one>ul {
    width: 6.38rem;
  }

  .footer-top__item__one>ul>li {
    width: 100%;
  }

  .footer-top__right>.footer-top__item__two {
    margin-left: 0rem;
  }

  .footer-top__right>.footer-top__item__two>ul>li {
    width: 12.56rem;
  }

  .footer-top__item__three>ul>li {
    width: 25.56rem;
  }

  .footer-top__item__three {
    width: 25.56rem;
  }

  .footer-top__item__two {
    width: 12.56rem;
  }
}