.mt60 {
  margin-top: 6rem;
}
.mb60 {
  margin-bottom: 4rem;
}
.mb60 screen and (min-width: 64em) {
  margin-bottom: 6rem;
}
.theme-vespa_index {
  position: relative;
  scroll-behavior: smooth;
  max-width: 1920px;
  background-color: #ffffff !important;
  margin: 0px auto;
}
.index_header {
  padding: 0.8rem 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 7.2rem;
}
.index_header .logo {
  width: 12rem;
}
.index_header .navTop {
  position: relative;
  flex: 1;
  transform: none;
  top: auto;
  padding: 0;
  opacity: 1;
  background-color: transparent;
  height: auto;
  overflow: unset;
  font-weight: bold;
}
.index_header .navTop ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.index_header .navTop li {
  font-size: 1.4rem;
}
.index_header .navTop a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  font-weight: normal;
}
.index_header .navTop a:hover{font-weight:bold;}
.index_header .navTop a i {
  margin-top: 0.2rem;
  color: #fff;
}
.index_header .navTop a:hover i {
  color: #000;
}
.index_header .right {
  gap: 1.6rem;
  display: flex;
  align-items: center;
}
.index_header .open_menu {
  font-weight: 700;
  padding: 16px;
  font-size: 13px;
  display: none;
  align-items: center;
}
.index_header .open_menu i {
  margin-left: 8px;
  line-height: 24px;
  margin-top: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
    .heaer_top_warp{ padding:0;height: 56px;}
    .heaer_top_warp .open_menu { display:flex;}
    .heaer_top_warp .top_navbox {
        position: fixed;
        left: 0;
        width: 100%;
        top: 56px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        
        visibility: visible;
        overflow-y: scroll;
        max-height: 100%;
        transform: translateY(-150%);
        z-index: 100;
        opacity: 0;
        height: calc(100vh - 56px);
    }
    .heaer_top_warp .top_navbox:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; backdrop-filter: blur(16px);}
    .heaer_top_warp .top_navbox ul{ flex-flow: column wrap; gap:0;background-color: #f6f9f9; position:relative; z-index:2;padding: 8px 0;}
    .heaer_top_warp .top_navbox ul li{ width:100%;}
    .heaer_top_warp .top_navbox a{ padding: 20px 16px 20px 0; width:100%; text-align:center; font-size:13px;}
    .heaer_top_warp .top_navbox.is_visible {
      display: block;
      -webkit-animation: slide 0.2s forwards;
      animation: slide 0.2s forwards;
      transform: translateY(0);
      opacity: 1;
    }
    /*.is_visible .open_menu i::before {*/
    /*    content: "\f109";*/
    /*}*/
   .heaer_top_warp .open_menu.active i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
.swiper_Hban {
  display: flex;
  color: #fff;
  position: relative;
  margin: 12px 0 4.5rem;
  display: grid;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  -webkit-box-flex: 1;
  gap: 8px;
  flex: 1 1 0%;
  grid-template-columns: 0px 33.3333% 66.6667% 33.3333% 0px;
  overflow: hidden;
}
.swiper_Hban .swiper {
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
  width: 100%;
}
.swiper_Hban .slide-wrapper--outer {
  -ms-flex-item-align: center;
  align-self: center;
  overflow: hidden;
  aspect-ratio: 2 / 3;
  height: 54%;
  -webkit-transform: translateY(12%);
  transform: translateY(12%);
  justify-self: end;
}
.swiper_Hban .slide-wrapper--outer .caption {
  opacity: 0;
}
.swiper_Hban .slide-wrapper--middle {
  height: 80%;
  aspect-ratio: 2 / 3;
}
.swiper_Hban .slide-wrapper--middle .carousel-framed__text--under,
.swiper_Hban .slide-wrapper--middle .carousel-framed__text--over {
  display: none;
}
.swiper_Hban .slide-wrapper--middle .swiper-slide-active .caption {
  opacity: 1;
}
.swiper_Hban .slide-wrapper--center {
  aspect-ratio: 3 / 4;
  width: 100%;
  height: 100%;
}
.swiper_Hban .slide-wrapper--center .swiper-slide-active .caption {
  opacity: 1;
}
.swiper_Hban .caption {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 3;
  width: 100%;
  color: #ffffff;
  opacity: 0;
  transition-delay: 1.1s;
}
.swiper_Hban .box {
  height: 100%;
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: transform 0.8s ease, opacity 0.8s ease;
  transition: transform 0.8s ease, opacity 0.8s ease, -webkit-transform 0.8s ease;
  text-decoration: none;
  display: block;
  position: relative;
}
.swiper_Hban .box .pic{ width:100%; height:100%; position:relative; overflow:hidden;border-radius: 0.8rem; }
.swiper_Hban .box img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper_Hban .box .pic::after {
  background-image: linear-gradient(transparent, #000000);
  position: absolute;
  height: 100%;
  max-height: 25%;
  width: 100%;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  content: '';
}
.swiper_Hban .prev,
.swiper_Hban .next {
  position: absolute;
  bottom: 0px;
  z-index: 20;
  color: #000000;
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  background: #fefefe;
  border-radius: 100%;
}
.swiper_Hban .prev::after,
.swiper_Hban .next::after {
  display: none;
}
.swiper_Hban .prev {
  left: 0px;
  margin-left: 50%;
  transform: translateX(calc(-50% - 60px));
}
.swiper_Hban .next {
  right: 0px;
  margin-right: 50%;
  transform: translateX(calc(50% + 60px));
}
.swiper_Hban .pause-btn {
  color: #000000;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin-left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  cursor: pointer;
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  font-family: vespa-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.8rem;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .16);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .16);
  border-radius: 100%;
}
.swiper_Hban .carousel-framed__text--over {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 400;
  letter-spacing: -0.05em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  margin-bottom: 8px;
  overflow: hidden;
}
.swiper_Hban .carousel-framed__text--main {
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 400;
  letter-spacing: -0.05em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.swiper_Hban .carousel-framed__text--under {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  margin-top: 8px;
}
.swiper_Hban .prev i, .swiper_Hban .next i{ display:inline-flex; align-items:center; justify-content:center;}
@media print, screen and (min-width: 64em) {
  .swiper_Hban {
    padding-bottom: 20px;
    gap: 20px;
    grid-template-columns: 25% 25% 33.3333% 25% 25%;
  }
  .swiper_Hban .slide-wrapper--middle {
    height: 84%;
  }
  .swiper_Hban .pause-btn {
    bottom: 20px;
    right: calc(6.25% + 8px);
    left: auto;
  }
  .swiper_Hban .prev,
  .swiper_Hban .next {
    top: calc(50% - 25px);
    font-size: 2.4rem;
    width: 4.4rem;
    height: 4.4rem;
  }
  .swiper_Hban .next {
    left: auto;
    right: 6.25%;
    margin-right: 0px;
    transform: translateX(calc(-50% - 8px));
  }
  .swiper_Hban .prev {
    left: 6.25%;
    margin-left: 0px;
    transform: translateX(calc(50% + 8px));
  }
  .swiper_Hban .caption {
    padding: 24px;
  }
  .swiper_Hban .carousel-framed__text--over {
    font-size: 1.4rem;
    -webkit-line-clamp: 2;
  }
  .swiper_Hban .theme-vespa .carousel-framed__text--main {
    font-size: 2.8rem;
  }
  .swiper_wap{ display:none;}
}
@media print, screen and (max-width: 63.9em) {
    .swiper_Hban{ height:auto; margin-bottom:0; }
    .swiper_Hban .swiper {}
    .swiper_Hban .box .pic{ }
    .swiper_Hban .box img{aspect-ratio: 3 / 4;}
    .swiper_Hban .box .caption{ display:none;}
    .swiper_wap{ display:block; margin-bottom:6rem;}
    .swiper_wap .caption{  color:#000; top:100%; bottom:auto; padding: 24px; text-align:center;}
    .swiper_wap .carousel-framed__text--over {
      font-size: 1.8rem;
      line-height: 2.4rem;
      font-weight: 400;
      letter-spacing: -0.05em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      margin-bottom: 8px;
      overflow: hidden;
    }
    .swiper_wap .carousel-framed__text--main {
      font-size: 2.4rem;
      line-height: 3.6rem;
      font-weight: 400;
      letter-spacing: -0.05em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
    .swiper_wap .carousel-framed__text--under {
      font-size: 1.8rem;
      line-height: 2.4rem;
      font-weight: 700;
      letter-spacing: -0.05em;
      margin-top: 8px;
    }
    .swiper_Hban .prev, .swiper_Hban .next, .swiper_Hban .playPauseBtn{ display:none;}
    .swiper_wap .swiper_btn{ display:flex; align-items:center; justify-content:center; gap:2.4rem;}
    .swiper_wap .prev,
    .swiper_wap .next {
      position: relative;
      bottom: auto;
      z-index: 20;
      color: #000000;
      width: 4.8rem;
      height: 4.8rem;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      cursor: pointer;
      background: #fefefe;
      border-radius: 100%;
      transform: none;
      margin: 0;
      font-size: 2.4rem;
      
    }
    .swiper_wap .prev::after,
    .swiper_wap .next::after {
      display: none;
    }
    .swiper_wap .prev {}
    .swiper_wap .next {}
    .swiper_wap .pause-btn {
      color: #000000;
      position: relative;
      z-index: 20;
      cursor: pointer;
      width: 4.8rem;
      height: 4.8rem;
      display: flex;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      align-items: center;
      font-family: vespa-icons !important;
      font-style: normal;
      font-weight: normal !important;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.8rem;
      -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .16);
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .16);
      border-radius: 100%;
    }
}

.header{ position:relative; left:0; height:auto;}
.header .top{ display:flex; justify-content:center; align-items:center;height: 32px; background-color:#000;}
.header .top .ul{ display:flex; gap:16px; align-items:center; justify-content:center;}
.header .top a{ color:#fff; display:flex; align-items:center; gap:3px;}
.header .top a i{ opacity:0;}
.header .top .on a i{ opacity:1;}
.header .open_menu{ display:none;}
.header .top_center{ display:flex; justify-content:center; align-items:center; height: 7rem;padding: 0 2rem; }
.header .top_center img{max-height: 3.5rem;}
.header .top_navbox .ul a{ color:#fff; display:flex; align-items:center; gap:3px; height:5rem;}
.header .top_navbox .ul a i{ transition:0.5s; margin-top:.1rem; }
.header .top_navbox .ul .on a i,
.header .top_navbox .ul a:hover i{ opacity:1; }
.header .top_navbox .ul .on a,.header .top_navbox .ul a:hover{font-weight:bold;}
.submenuBox{ position:absolute;left:0; top:100%; width:100%; display:none;}
@media print, screen and (min-width: 40em) {
    .header .top_center img{ max-height: 4.5rem;aspect-ratio: auto 115 / 45;}
    
}
@media screen and (min-width: 1025px) {
    .header .top_navbox{border-top: 1px solid #e5e5e5; display: block; min-height: 4.8rem; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; border-bottom: none; overflow-y: hidden; position:relative; transform:none; left:0; top:0; min-height:auto; padding:0; opacity:1;}
    .header .top_navbox .ul{display:flex; gap:4rem; align-items:center; justify-content:center;}
}
@media screen and (max-width: 1024px) {
    .header{ flex-wrap:wrap;}
    .heaer_top_warp{ width:100%; position:relative; z-index: 120;}
    .header .open_menu{ display:flex; align-items: center; color:#fff; }
    .header .top{}
    .header .top .open_menu{ right:50%;  transform:translate(50%,-50%); font-size:1.4rem;}
    .header .open_menu i{ font-size:1.2rem; display:inline-flex; margin-left:1rem;}
    .header .top_navbox .ul a{ color:#000; display:flex; justify-content:center; align-items:center;}
    .header .heaer_top_warp .top_navbox{ top:32px; }
    .header .is_visible.heaer_top_warp .open_menu i{ color:#fff;}
    .header .top .ul{ gap:0; padding:8px 0;}
    .navTop_new{-webkit-animation: close-mobile-menu-nav .5s forwards; animation: close-mobile-menu-nav .5s forwards; display: none; opacity: 0; height: .2rem;}
    .header .top_center{ justify-content:center;width: 100%; position:relative; }
    .header .location i{ color:#000;}
    .header .location{ right:1rem;}
    .header .top_center .open_menu{ right:auto; left:1rem;}
    .header .top_center .open_menu i{ color:#000; font-size:2.4rem;}
    .top_center .open_menu.active i::before{ content: "\f128";}
    .heaer_top_warp .open_menu.active i::before {content: "\f109";}
}
.navTop_new{ position:relative;}
.navTop_new .one_ul{ display:flex; justify-content:center; align-items:center; width:100%;}
.navTop_new .one_ul .navA{ display:flex; align-items:center; justify-content:center; height:4.8rem; font-size:1.4rem; }
.navTop_new .one_ul .navA i{ display:inline-flex; margin-left:.8rem;}
.navTop_new .navigation__menu .warp { max-width:108rem; margin: auto;  width: auto; }
.navTop_new .navigation__menu_pro .ul{ display:flex; justify-content:center; flex-wrap:wrap;}
.navTop_new .navigation__menu_pro li {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
  float: left;
  margin: 1.5rem;
  font-weight: 700;
  max-width: 15.2rem;
}
.navTop_new .navigation__menu_pro li a {
  color: #000;
}
.navTop_new .navigation__menu{ background-color:#fff;}

.navigation__menu_nested .ul{ display:flex; justify-content:center; flex-wrap:wrap;padding: 0 1.5rem;}
.navigation__menu_nested li{margin-bottom: 1.5rem;}
.navigation__menu_nested li a{ display:block;position: relative;}
.navigation__menu_nested .pic{ width:100%; height:100%;position: relative; }
.navigation__menu_nested .pic img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.navigation__menu_nested .more{width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: #000;  padding: 1.2rem 1.6rem;  margin-top: 2rem;  text-decoration: none;  border-radius: 30px; cursor: pointer;position: absolute;  bottom: 1.6rem;  left: 1.6rem; color:#fff;}
.navigation__menu_world .right .box{ display:block; position:relative;}
.navigation__menu_world .pic{ width:100%; height:100%;position: relative; }
.navigation__menu_world .pic img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.navigation__menu_world .more{width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: #000;  padding: 1.2rem 1.6rem;  margin-top: 2rem;  text-decoration: none;  border-radius: 30px; cursor: pointer;position: absolute;  bottom: 1.6rem;  left: 1.6rem; color:#fff;}
.navigation__menu_world .left li{ padding:1.6rem 0; font-size:1.4rem;}
@media (min-width: 1025px) {
    .navTop_new{border-top: 1px solid #e5e5e5;}
    
    .navTop_new .one_li{ margin:0 2rem;}
    .navTop_new .navigation__menu { position:absolute; width:100%;padding: 2.4rem;border-top: 1px solid #e5e5e5; left: 0;
				top: 100%;
				opacity: 0;
				pointer-events: none;
				transform: translate3d(0, -10px, 0);
				-webkit-transform: translate3d(0, -10px, 0);
				-moz-transform: translate3d(0, -10px, 0);
				-o-transform: translate3d(0, -10px, 0);
				-ms-transform: translate3d(0, -10px, 0);
				backface-visibility: hidden;
				transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; }
    .navTop_new .active .navigation__menu{ opacity: 1;
					transform: translate3d(0, 0px, 0);
					-webkit-transform: translate3d(0, 0px, 0);
					-moz-transform: translate3d(0, 0px, 0);
					-o-transform: translate3d(0, 0px, 0);
					-ms-transform: translate3d(0, 0px, 0);
					backface-visibility: hidden;
					pointer-events: auto;}
    .navTop_new .navigation__menu_pro .ul{  margin-top: 6rem; margin-bottom: 6rem;}
    .navTop_new .navigation__menu .menu_tit{ display:none;}
    .navTop_new .navigation__menu_pro li{  width: 15rem; }
    .navigation__menu_nested .ul{padding: 0 2.4rem 2.4rem;}
    .navigation__menu_nested li{ margin: 0 1.5rem;}
    .navigation__menu_nested li a{width: 35rem;  height: 24.2rem;  overflow: hidden;}
    .navigation__menu_nested .pic{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .5s; transition: .5s;}
    .navigation__menu_nested li a:hover .pic{-webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .5s; transition: .5s;}
    .navigation__menu_world .inner{ display:flex; }
    .navigation__menu_world .left{ flex:1;}
    .navigation__menu_world .left .ul{ display:flex; flex-wrap:wrap; width: 54rem;padding-bottom: 3.4rem;padding: 0 2rem 2rem 2rem;}
    .navigation__menu_world .left li{ width:50%; padding: 1.2rem 0; position:relative;}
    .navigation__menu_world .left li:after { position: absolute; content: ""; border-bottom: 1px solid #000; width: 1.6rem; bottom: 0;left: -.8rem; }
    .navigation__menu_world .left li a{ display:flex; align-items:center;}
    .navigation__menu_world .left li i {
        display: inline-flex;
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        -webkit-transition: opacity .3s ease, -webkit-transform .5s ease;
        transition: opacity .3s ease, -webkit-transform .5s ease;
        transition: opacity .3s ease, transform .5s ease;
        transition: opacity .3s ease, transform .5s ease, -webkit-transform .5s ease;
        flex-shrink: 0;
    }
    .navigation__menu_world .left li:hover i {
        opacity: .7;
        transform: translateX(5px);
    }
    .navigation__menu_world .left li:hover {
        opacity: .7;
        -webkit-transition: opacity .2s ease-out;
        transition: opacity .2s ease-out;
    }
    .navigation__menu_world .right{  padding: 0 3.9rem 2.4rem; }
    .navigation__menu_world .right .box{ width: 35rem; height: 24.2rem; overflow: hidden;}
    .navigation__menu_world .pic{-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .5s; transition: .5s;}
    .navigation__menu_world .box:hover .pic{-webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: .5s; transition: .5s;}
    
}
@media (max-width: 1024px) {
    .navTop_new{  background-color: #f1f1f1;}
    .navTop_new.is_visible{overflow-y: scroll;  overflow-x: hidden;  width: 100%;  height: calc(100vh - 70px);  height: calc(100vhs - 70px);   display: block;   -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column; position: relative;  opacity: 1;  -webkit-animation: open-mobile-menu-nav .4s forwards;  animation: open-mobile-menu-nav .4s forwards;}
    
  .navTop_new .navigation__menu {
    display: block;
    visibility: hidden;
    max-height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform 0.15s linear;
    transition: -webkit-transform 0.15s linear;
    transition: transform 0.15s linear;
    transition: transform 0.15s linear, -webkit-transform 0.15s linear;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    overflow-y: auto;
    z-index: 1;
  }
  .navTop_new .active .navigation__menu{display: block; -webkit-transform: translateX(0); transform: translateX(0); -webkit-animation: open-modal .6s forwards; animation: open-modal .6s forwards;}
  .navTop_new .one_ul{ flex-wrap:wrap; background-color:#fff;}
  .navTop_new .one_ul .one_li{ width:100%;}
  .navTop_new .active .navigation__menu {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    padding-bottom: 120px;
    left: 0;
  }
  .navTop_new .navigation__menu .menu_tit {
    text-align: left;
    position: relative;
    color: #000;
    font-size: 1.6rem;
    display: block;
    padding: 3.2rem 2rem;
/*    font-style: italic;*/
  }
  .navTop_new .navigation__menu .menu_tit .icon-arrow-sx {
    display: inline-block;
    vertical-align: middle;
  }
  .navTop_new .navigation__menu .menu_tit .arrow {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-family: SimSun;
    font-size: 2.2rem;
    line-height: 1.8rem;
    font-style: normal;
    font-weight: bold;
  }
  .navTop_new .navigation__menu .menu_tit .navigation_brand-icon {
    display: none;
  }
  .navigation__menu_world .right{ padding:0 2rem;}
  .navigation__menu_world .left {padding: 0 2rem 2rem 2rem;}
  .navigation__menu_world .left .icon-arrow-dx{ display:none;}
}


.banner__image{ position:relative;}
.banner__image .banner { height: 100%; padding: 0px 1rem;position: absolute; bottom: 0px; left: 0px; height: 100%;width: 100%;}
.banner__col__content { width: 100%;padding: 2rem;}
.banner__col__content__title { color: rgb(255, 255, 255); font-weight: 400; margin-bottom: 0.4rem;  padding: 0.4rem 0px; font-size: 2.8rem; line-height: 3.6rem; letter-spacing: -0.56px; margin: 0px;}
.banner__col__content__subtitle { font-size: 2rem;  font-style: normal; font-weight: 700; line-height: 2.4rem; letter-spacing: -0.4px;}
.banner__col__content__subtitle { color: rgb(255, 255, 255); font-weight: 400; margin-bottom: 0.4rem; padding: 0.4rem 0px;}
.banner__col__content__descr, .banner__col__content__subtitle--text-2 { font-size: 1.4rem; line-height: 2rem; letter-spacing: -0.28px;}
.banner .banner__col__content__descr { font-weight: 400; color: rgb(255, 255, 255); margin-bottom: 0.4rem; padding: 2rem 0px 3.2rem;}
.button--tertiary {display: inline-flex; align-items: center; align-content: center; justify-content: center;  min-width: 26rem;  width: 100%; height: 5.8rem; text-align: center; appearance: none; cursor: pointer; padding: 1.6rem; text-decoration: none; border-radius: 5rem; transition: 0.3s; color: rgb(0, 0, 0);  background: rgb(255, 255, 255); border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial;font-size: 1.8rem; font-weight: 600; line-height: 1.8rem; letter-spacing: -0.81px;}
.banner .button.button--tertiary { max-width: 30.5rem; width: 100%;}
.button--tertiary:hover:not([disabled]), .button--tertiary:focus:not([disabled]) { color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-color: rgb(255, 255, 255);}
.banner__image .banner__col__bg { position: static; width: 100%; height: auto; display: block;}
.banner__image .banner__col__bg img {display: block; width: 100%; height: 100%;  object-fit: cover; height: auto; min-height: 38.3rem;}
@media screen and (min-width: 769px) {
    .banner__image { min-height: 38.3rem;}
    .banner__image .banner { display: grid; grid-template-columns: repeat(8, 1fr); column-gap: 1rem;  padding: 0px;  margin: 0px 2rem;}
    .banner__image .banner__col { text-align: left; min-height: unset; height: 100%; grid-column: 2 / 6; }
    .banner__image .banner__col--content-mod_right{grid-column: 4 / 8;}
    .banner__col__content { min-height: unset; min-width: unset; display: flex; flex-direction: column; align-items: flex-start; height: 100%; justify-content: center; padding: 3.2rem 2rem;}
    .banner__col__content__title{font-size: 3.6rem; line-height: 5.2rem; letter-spacing: -0.72px;}
    
}
@media screen and (min-width: 1025px) {
    .banner__image { min-height: 45.6rem;}
    .banner__image .banner { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 1rem; margin: 0px 2rem;}
    .banner__image .banner__col { grid-column: 2 / 8;}
    .banner__image .banner__col--content-mod_right{grid-column: 6 / 12;}
    .banner__col__content { min-height: 57.6rem; max-width: 76.3rem; padding: 4rem;}
    .banner__image .banner__col__bg img {  min-height: 45.6rem; }
}
@media screen and (min-width: 1201px) {
    .banner__image .banner__col{ grid-column: 2 / 7;}
    .banner__image .banner__col--content-mod_right{grid-column: 7 / 12;}
}

@media screen and (max-width: 768px) {
    .banner__image { min-height: 64.2rem; }
    .banner--homepage-2 { display: flex; align-items: flex-end;align-items: center; min-height: 64.2rem; flex-direction: column-reverse !important;}
}

.products__slider__w{ padding:5.2rem 2rem 14rem;}
.products__slider__w .button-wrapper { margin-bottom: 3.2rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-content: center; align-items: center;}
.products__slider__w .swiper-button{position: static; transform: none; top:auto; margin-top:auto;display: flex; align-items: center; justify-content: center; width: 4rem;}
.products__slider__w .swiper-button i,
.products__slider__w .swiper-button em{ display: block;font-size: 2rem; color:#000;}
.products__slider__w .swiper-button:after{font-size: 2rem; color:#000; display:none;}
.products__slider__w .swiper-button-next{margin-left: 1rem; margin-right: -2rem;}
.products__slider__w .swiper-button-next em{transform: rotate(180deg);}
.c-product__image-w{ position: relative; margin-bottom: 2rem;  padding-top: 118.7%; overflow: hidden; position: relative;}
.c-product__image{ position: absolute;top: 0;left: 0;display: block;height: 100%;width: 100%;object-fit: cover;}
.c-product__info{position: relative; z-index: 2; width: 100%;  margin: 0 auto; display: flex; justify-content: center; align-items: center; text-align: center; flex-wrap: wrap; padding: 0 1rem 2rem;}
.c-product__name { font-family: "Inter", sans-serif; font-size: 1.4rem; line-height: 2rem; letter-spacing: -0.28px;flex-basis: 100%; display: block; color: #000;font-weight: 700;text-align: center;}
.c-product__price{display: block;font-weight: 400;}
.c-product__descr{ color: rgb(0, 0, 0); display: block;  font-weight: 400;  text-align: center;  margin-bottom: 0.8rem; flex-basis: 100%; margin: 0px 0px 1.2rem;}
@media screen and (min-width: 769px) {
   .c-product__descr { margin: 0px 0px 0.2rem;}
}
@media screen and (min-width: 1025px) {
    .products__slider__w .button-wrapper{ margin-bottom:2rem;}
    .c-product:hover .c-product__image, 
    .c-product:focus .c-product__image {
        transform: scale(1.05);
    }
    .c-product__image {
        transition: transform .3s ease;
    }
    .c-product__info {
        max-width: 37.2rem;
    }
    .c-product__name {margin-bottom: .8rem;}
    .c-product__descr{margin: 0px 0px 1.2rem;}
}


.banner__image__with__carousel{position: relative; padding:0;}
.banner__image__with__carousel .banner { position: relative;}
.banner__image__with__carousel .banner__col__bg{overflow: hidden; position:relative; height:100%;display: block;  padding: 0;  height: 100%;  margin-bottom: 3.2rem;}
.banner__col__bg__img {  position: absolute; left: 0; top: 0;display: block; width: 100%; height: 100%; object-fit: cover;}
.banner__image__with__carousel .banner__col{ grid-column: 1 / 5;  grid-row: 1 / 2; position:relative; z-index:2;}
.banner__col__slider { height: 100%; display: flex; flex-direction: column;}
.banner__col__slider__in { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 1rem; max-width: unset; margin: 0px; position:relative;}
.banner__col__slider__in .swiper { width: 100%; grid-column: 2 / 4;}
.banner__col__slider .c-product { z-index: 2; position: relative; display: block;  height: 100%; background-color: rgb(255, 255, 255); box-sizing: border-box;overflow: hidden; text-decoration: none;}
.banner__col__slider .c-product__info { position: relative; z-index: 2; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; flex-wrap: wrap; margin: 0px auto; padding: 2.8rem 1rem;text-align: center;}
.banner--slider .c-product__image-wrapper{ overflow:hidden; position:relative;}
.banner--slider .banner__col__slider .c-product__image{position: static;transition: transform 0.3s;}
.banner__col__slider .swiper_button{ display: flex; align-items: center; justify-content: center;width: 100%; height: auto; text-align: center;  margin: 0px; }
.banner__col__slider .swiper_button:after{ display:none;}
.banner__col__slider .swiper_button i{ display: block;font-size: 3rem; color:#000;}
.banner__col__slider .swiper_button i:before{font-size: 3rem; color:#000;}
.banner__col__slider .swiper-button-prev{ left:0; grid-column: 1 / 3; padding: 0px 0px 0px 6%;}
.banner__col__slider .swiper-button-next{right: 0px; grid-column: 3 / 5;}
.banner__col__slider .swiper-button-next i{transform: rotate(180deg);}
@media screen and (min-width: 769px) {
    .banner.banner--slider, .banner.banner--quote { display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-start; align-content: center; align-items: center; flex-direction: row;}
    .banner__image__with__carousel .banner { flex-wrap: nowrap;  display: grid; grid-template-columns: repeat(8, 1fr); column-gap: 0px; margin: 0px; padding: 0px;}
    .banner__image__with__carousel .banner__col__bg {  grid-row: 1 / 2; grid-column: 5 / 9; }
    .banner__image__with__carousel .banner__col{ display: flex; flex-direction: column; justify-content: space-between; min-height: unset;min-width: unset;height: 100%;padding: 0px; }
    .banner__col__slider__in { flex-basis: 100%; align-content: center; padding: 2rem 0px 2rem 2rem;}
    .banner__col__slider .swiper-button-prev{padding-left: 24%;}
    .banner__col__slider .swiper-button-next{padding-right: 24%;}
}
@media screen and (min-width: 1025px) {
    .banner__image__with__carousel .banner { height: 100%;}
    .banner__image__with__carousel .banner__col__bg { margin-bottom:0; }
    .banner--slider .banner__col__bg { flex: 0 1 64.8%; padding-bottom: 45.6%; }
    .banner__col__slider__in { padding: 2rem;}
    .banner__col__slider .c-product__in { margin: 0px -0.5rem;}
    .banner__col__slider .c-product__info { max-width: 37.2rem;}
    .banner__col__slider .swiper-slide:hover .c-product__image, 
    .banner__col__slider .swiper-slide:focus .c-product__image {
        transform: scale(1.05);
    }
    .banner__col__slider .swiper-button-prev{padding-left: 24%;}
    .banner__col__slider .swiper-button-next{padding-right: 24%;}
}

@media screen and (max-width: 768px) {
    .banner__image__with__carousel .banner .banner__col__bg img {
        position: static;
    }
}

.fs-single-double-banner-image .card-image{position: relative;overflow: hidden; max-height: calc(100vh - 9rem);}
.fs-single-double-banner-image .card-image .card-image-picture {  height: 100%; width: 100%; display: block;  max-height: calc(100vh - 9rem); overflow:hidden;}
.fs-single-double-banner-image .card-image .card-image-picture .card-image-img { transition: transform .4s ease-out; display: block; height: 100%; object-fit: cover;width: 100%;}
.fs-single-double-banner-image .card-image .button-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1rem;
    margin: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 2rem 1rem;
    height: 100%;
    align-content: end;
    max-height: calc(100vh - 9rem);
}
.fs-single-double-banner-image .card-image.top .button-wrapper{align-content: start;}
.fs-single-double-banner-image .card-image.center .button-wrapper{align-content: center;}
.fs-single-double-banner-image .card-image.bottom .button-wrapper{align-content: end;}
.fs-single-double-banner-image .card-image .button-wrapper .card-title {
    color: #fff;
    font-weight: 400;
    margin-bottom: 2rem;
    grid-column: 1 / 5;
    text-align: center;
    font-size: 3rem;
}
.fs-single-double-banner-image .button--tertiary {
    background: #fff;
    color: #000;
    border: 2px solid #fff;
    grid-column: 1 / 5;
    min-width: unset;
    display: block;
}
@media screen and (min-width: 769px) {
    .fs-single-double-banner-image {
        display: flex;
    }
    .fs-single-double-banner-image .card-image {
        flex-basis: 50%;max-height: calc(100vh - 8.8rem);
    }
    
    .fs-single-double-banner-image .card-image .card-image-picture {
        max-height: calc(100vh - 8.8rem);
    }
    .fs-single-double-banner-image .card-image .button-wrapper {
        max-height: calc(100vh - 8.8rem);
        padding: 4rem 1rem;
    }
    .fs-single-double-banner-image .card-image .button-wrapper .card-title {
        font-size: 4rem;
        line-height: 5rem;
        letter-spacing: -0.8px;
        margin-bottom: 3.2rem;
    }
    .fs-single-double-banner-image .card-image .button-wrapper .button.button--tertiary {
        max-width: unset;
        margin: 0 auto;
        width: fit-content;
        min-width: 15rem;
    }
}
@media screen and (min-width: 1025px) {
    .fs-single-double-banner-image {
        max-height: calc(100vh - 10rem);
    }
    .fs-single-double-banner-image .card-image {
        max-height: calc(100vh - 10rem);
    }
    .fs-single-double-banner-image .card-image .card-image-picture {
        max-height: calc(100vh - 10rem);
    }
    .fs-single-double-banner-image .card-image:hover .card-image-img { transform: scale(1.02); transition: transform .4s ease-out;}
    .fs-single-double-banner-image .card-image .button-wrapper {
        max-height: calc(100vh - 10rem);
        padding: 6rem 1rem;
    }
}

@media screen and (max-width: 768px) {

}

@keyframes open-modal {
  0% { transform: translateX(100%); display: none; }
  10% { display: block }
  100% { transform: translateX(0); display: block; }
}

@keyframes close-modal {
  0% { transform: translateX(0); display: block; }
  90% { transform: translateX(100%); }
  100% { display: block }
}

@keyframes close-modal-nav {
  0% { height: var(--multiply-height); opacity: 1; display: block; }
  100% { height: 0; opacity: 0; display: none; }
}

@keyframes open-modal-nav {
  0% { height: 0; opacity: 0; display: none; }
  100% { height: var(--multiply-height); opacity: 1; display: block; }
}

@keyframes bounceIn {
  0% { opacity: 0; transform: translateX(20px); }
  60% { opacity: 0.7; transform: translateX(5px); }
  80% { transform: translateX(8px); }
  100% { transform: translateX(5px); }
}

@keyframes close-mobile-menu-nav {
  0% { opacity: 0; display: flex; }
  100% { opacity: 0; display: none; }
}
@keyframes open-mobile-menu-nav {
  0% { opacity: 0; display: none; }
  100% { opacity: 1; display: flex; }
}

@keyframes open-contacts {
  0% { transform: translateX(100%); display: none; }
  10% { display: flex }
  100% { transform: translateX(0); display: flex; }
}

@keyframes close-contacts {
  0% { transform: translateX(0); display: flex; }
  90% { transform: translateX(100%); }
  100% { display: none }
}

@keyframes open-contacts-tb {
  0% { transform: translateX(200%); display: none; }
  10% { display: flex }
  100% { transform: translateX(100%); display: flex; }
}

@keyframes close-contacts-tb {
  0% { transform: translateX(100%); display: flex; }
  90% { transform: translateX(200%); }
  100% { display: none }
}

@keyframes rotate-arrow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-180deg); }
}

@keyframes rotate-back-arrow {
  0% { transform: rotate(-180deg); }
  100% { transform: rotate(0deg); }
}

@keyframes menu-item-active {
  0% { width: 0; }
  100% { width: 100%; }
}

@keyframes menu-item-not-active {
  0% { width: 100%; }
  100% { width: 0; }
}

@keyframes menu-item-active-contacts {
  0% { background-size: 0 1px; }
  100% { background-size: 100% 1px; }
}

@keyframes menu-item-not-active-contacts {
  0% { background-size: 100% 1px; }
  100% { background-size: 0 1px; }
}

@keyframes overlay-active {
  0% { background-color: transparent; backdrop-filter: unset; }
  100% { background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(12px); }
}

@keyframes menu-item-voice-active {
  0% { width: 0; opacity: 0; }
  100% { width: 100%; opacity: 1; }
}

@keyframes menu-item-voice-not-active {
  0% { width: 100%; opacity: 1; }
  100% { width: 0; opacity: 0; }
}

@keyframes voice-item-active {
  0% { color: #000; padding-left: 0; order: 1; }
  100% { color: #575A5A!important; padding-left: rem(8); order: 2; }
}

@keyframes voice-item-not-active {
  0% { color: #575A5A!important; padding-left: rem(8); order: 2; }
  100% { color: #000; padding-left: 0; order: 1; }
}

@keyframes move-arrow {
  0% { order: 2; opacity: 1; padding-left: rem(0); }
  50% { order: 1; opacity: 0; }
  100% { order: 1; opacity: 1; padding-left: rem(12); }
}

@keyframes move-back-arrow {
  0% { order: 1; opacity: 1; padding-left: rem(12); }
  50% { order: 1; opacity: 0; }
  100% { order: 2; opacity: 1; padding-left: rem(0); }
}

@keyframes move-arrow-contacts {
  0% { float: right; opacity: 1; margin-left: rem(0); margin-right: rem(0); }
  50% { float: left; opacity: 0; }
  100% { float: left; opacity: 1; margin-left: rem(12); margin-right: rem(10); }
}

@keyframes move-back-arrow-contacts {
  0% { float: left; opacity: 1; margin-left: rem(12); margin-right: rem(10); }
  50% { float: left; opacity: 0; }
  100% {  float: right; opacity: 1; margin-left: rem(0); margin-right: rem(0); }
}



.fs-image-carousel-double{ position:relative;}
.fs-image-carousel-double .swiper-button{ display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    z-index: 10;
    background-color: #fff;
    border-radius: 100%;
    height: 4rem;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);}
.fs-image-carousel-double .swiper-button i,
.fs-image-carousel-double .swiper-button em{ display: block;font-size: 2rem; color:#000;margin-left: -1rem;}
.fs-image-carousel-double .swiper-button:after{font-size: 2rem; color:#000; display:none;}
.fs-image-carousel-double .swiper-button-prev{ left:2rem; }
.fs-image-carousel-double .swiper-button-next{transform: none; right:2rem;}
.fs-image-carousel-double .swiper-button-next em,
.fs-image-carousel-double .swiper-button-next i{transform: rotate(180deg); margin-left:1rem;}