@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'), 
        url('../fonts/Montserrat-ExtraBold.eot') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'), 
        url('../fonts/Montserrat-Light.eot') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'), 
        url('../fonts/Montserrat-Medium.eot') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'), 
        url('../fonts/Montserrat-SemiBold.eot') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'), 
        url('../fonts/Montserrat-Regular.eot') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
        url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype'), 
        url('../fonts/PlayfairDisplay-Bold.eot') format('embedded-opentype'),
        url('../fonts/PlayfairDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Black.woff2') format('woff2'),
        url('../fonts/PlayfairDisplay-Black.ttf') format('truetype'), 
        url('../fonts/PlayfairDisplay-Black.eot') format('embedded-opentype'),
        url('../fonts/PlayfairDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-BlackItalic.woff2') format('woff2'),
        url('../fonts/PlayfairDisplay-BlackItalic.ttf') format('truetype'), 
        url('../fonts/PlayfairDisplay-BlackItalic.eot') format('embedded-opentype'),
        url('../fonts/PlayfairDisplay-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-BoldItalic.woff2') format('woff2'),
        url('../fonts/PlayfairDisplay-BoldItalic.ttf') format('truetype'), 
        url('../fonts/PlayfairDisplay-BoldItalic.eot') format('embedded-opentype'),
        url('../fonts/PlayfairDisplay-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype'), 
        url('../fonts/PlayfairDisplay-Regular.eot') format('embedded-opentype'),
        url('../fonts/PlayfairDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Italic.woff2') format('woff2'),
        url('../fonts/PlayfairDisplay-Italic.ttf') format('truetype'), 
        url('../fonts/PlayfairDisplay-Italic.eot') format('embedded-opentype'),
        url('../fonts/PlayfairDisplay-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

#header-sticky > .nav{
background-color: rgba(237, 231, 223, 0.6) !important;
    backdrop-filter: blur(7px);
}
body {
  font-family: "Montserrat";
  font-weight: normal;
  max-width: 1920px;
  margin: 0 auto;
  --color: #433130;
  line-height: 1.2;
}
.sk-logo-slide__active h4 .hwaq-num-strip {
  top: -15px !important;
}
#cp-Nav .nav ul {
  top: 120px;
}
.grid-box {
  font-size: 0;
  vertical-align: top;
}
.grid-box .column {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
.grid-box .column {
  width: 100%;
}
.grid-box.two > .column {
  width: 50%;
}
.grid-box.three > .column {
  width: 33.33333%;
}
.grid-box.four > .column {
  width: 25%;
}
.grid-box.five > .column {
  width: 20%;
}
.grid-box.six > .column {
  width: 16.6666667%;
}
.grid-box.seven > .column {
  width: 14.285714%;
}
.grid-box.eight > .column {
  width: 12.5%;
}
.grid-box.nine > .column {
  width: 11.11111111%;
}
.grid-box.ten > .column {
  width: 10%;
}
@media screen and (max-width: 1000px) {
  .grid-box.two > .column {
    width: 50%;
  }
  .grid-box.three > .column {
    width: 33.33333%;
  }
  .grid-box.four > .column {
    width: 33.33333%;
  }
  .grid-box.five > .column {
    width: 33.33333%;
  }
}
@media screen and (max-width: 700px) {
  .grid-box.two > .column {
    width: 50%;
  }
  .grid-box.three > .column {
    width: 50%;
  }
  .grid-box.four > .column {
    width: 50%;
  }
  .grid-box.five > .column {
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .grid-box.two > .column {
    width: 100%;
  }
  .grid-box.three > .column {
    width: 100%;
  }
  .grid-box.four > .column {
    width: 100%;
  }
  .grid-box.five > .column {
    width: 100%;
  }
}
.white{
    color: white;
}
.flex-wrap {
  flex-wrap: wrap;
}
.pl-80 {
  padding-left: 80px;
}
#Pop_UpsBtn {
  display: none !important;
}
#ewm canvas,
#ewm img {
  width: 100%;
  display: block;
}
.right_nav_list {
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 10;
}
.right_nav_list ul li {
  margin-top: 2px;
  width: 56px;
  height: 56px;
  cursor: pointer;
  padding: 0;
  position: relative;
  color: #fff;
  background: var(--color);
  border: 1px solid #fff;
}
.right_nav_list ul li .iImg {
  width: 24px;
  height: 32px;
}
.right_nav_list ul li .text {
  padding: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 24px;
}
.right_nav_list ul li .cont {
  position: absolute;
  left: -150px;
  top: 0;
  width: 150px;
  min-height: 100%;
  padding: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  -ms-transform: rotate3d(1, 0, 0, -90deg);
  -o-transform: rotate3d(1, 0, 0, -90deg);
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  -o-transition: opacity 0.3s, -o-transform 0.5s;
  -moz-transition: transform 0.5s, opacity 0.3s, -moz-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
  -moz-transition: -moz-transform 0.5s, opacity 0.3s;
  overflow: hidden;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
}
.right_nav_list ul li .cont #ewm {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  padding: 8px;
  border: 1px solid #ccc;
}
.right_nav_list ul li:hover {
  background-color: #000;
}
.right_nav_list ul li:hover .cont {
  transform: rotate3d(0, 0, 0, -90deg);
  -webkit-transform: rotate3d(0, 0, 0, -90deg);
  -moz-transform: rotate3d(0, 0, 0, -90deg);
  -ms-transform: rotate3d(0, 0, 0, -90deg);
  -o-transform: rotate3d(0, 0, 0, -90deg);
  opacity: 1;
}
@media (max-width: 500px) {
  .right_nav_list {
    right: 5px;
    bottom: 150px;
  }
  .right_nav_list ul li {
    width: 38px;
    height: 38px;
    margin-top: 5px;
  }
  .right_nav_list ul li .more_cont {
    font-size: 16px;
  }
  .right_nav_list ul li .iImg {
    width: 16px;
    height: 24px;
  }
}
iframe {
  display: block;
  width: 100%;
}
#Pop_UpsBtn {
  z-index: 20;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  position: fixed;
  border-radius: 100%;
  background: #6076f1;
  color: white;
  right: 2%;
  bottom: 40%;
  font-size: 24px;
  -o-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  cursor: hand;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
#Pop_UpsBtn:hover {
  background: #889aff;
}
*::-webkit-scrollbar-thumb {
  background-color: #222;
}
b,
strong {
  font-weight: bold;
}
html,
body {
  position: relative;
  max-width: 1920px;
  margin: auto;
  overflow-x: hidden;
}
body {
  color: #000000;
  background-color: #f4f7fa;
}
#ewm img,
#ewm canvas {
  display: block;
  width: 100%;
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
}
table thead {
    display: table;
    min-width: 700px;
    width: 100% !important;
}
.search-box {
  line-height: normal;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
}
.search-box .close {
  width: 30px;
  height: 30px;
  background: url(../images/close.png) no-repeat;
  position: absolute;
  right: 25px;
  top: 15px;
  cursor: pointer;
}
.search-box form {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 60%;
  margin-left: -30%;
}
.search-box form input {
  background: none;
  outline: none;
  border: none;
}
.search-box form input[type="text"] {
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  font-size: 26px;
  color: #000;
  padding: 10px 0;
}
.search-box form input[type="submit"] {
  width: 22px;
  height: 22px;
  background: url(../images/tc-zoom.png) no-repeat;
  position: absolute;
  right: 15px;
  top: 20px;
}
#header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 18;
}
#header-sticky img {
  display: block;
  width: 100%;
}
#header-sticky > .nav {
  position: relative;
  /*z-index: 2;*/
  width: 100%;
  max-width: 1920px;
  margin: auto;
  background-color: rgb(255, 249, 242);
}
#header-sticky > .nav .bor {
  border-bottom: 1px solid rgba(63, 63, 63, 0.2);
}
#header-sticky > .nav   {
  display: flex;
  justify-content: flex-end;
  /*padding: 12px 0;*/
}
#header-sticky > .nav   .right {
  display: flex;
  align-items: center;
}
#header-sticky > .nav   .right .line-wt {
  width: 1px;
  height: 20px;
  border: 1px solid #565656;
  margin-left: 15px;
  margin-right: 15px;
}
#header-sticky > .nav   .right .img {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 15px;
  color: #5A5A5A;
}
#header-sticky > .nav   .right .img .t-en {
  margin-right: 10px;
}
#header-sticky > .nav   .right .img .t-angle {
  margin-left: 7px;
}
#header-sticky > .nav .f-top {
  background-color: #c10015;
  color: #fff;
  padding: 12px 0;
}
#header-sticky > .nav .f-top .container {
  display: flex;
}
#header-sticky > .nav .f-top .share {
  margin-left: auto;
}
#header-sticky > .nav .f-top .share li {
  margin-left: 20px;
}
#header-sticky > .nav .f-top .share li a {
  font-size: 16px;
  font-weight: 400;
}
#header-sticky > .nav .container > .menu {
  padding: 20px 0;
}
#header-sticky > .nav .container > .menu .menu-box {
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#header-sticky > .nav .container > .menu .menu-box .left {
  position: relative;
  display: flex;
}
#header-sticky > .nav .container > .menu .menu-box .left .logo {
  position: relative;
  display: block;
  z-index: 1;
}
#header-sticky > .nav .container > .menu .menu-box .left .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c {
  text-align: center;
  z-index: 2;
  display: flex;
  align-items: center;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container {
  z-index: 2;
  width: 100%;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item {
  display: inline-block;
  position: relative;
  margin-left: 40px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item.menu-item-has-children > a::after {
  margin-left: 0;
  content: "\e768";
  position: relative;
  font-family: "iconfont" !important;
  top: 3px;
  left: 0;
  font-size: 20px;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item:first-child {
  margin-left: 0;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item:hover > a,
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item.active > a {
  font-weight: bold;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item:hover > a::before,
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item.active > a::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item:hover > .sub-menu {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  padding: 4px 0 4px 0;
  text-align: left;
  line-height: 1.2;
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  color: #433130;
  font-weight: 500;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a i {
  font-size: 12px;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 2px;
  left: 0;
  background-color: #433130;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 150px;
  width: auto;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  -ms-transform: rotate3d(1, 0, 0, -90deg);
  -o-transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  -o-transition: opacity 0.3s, -o-transform 0.5s;
  -moz-transition: transform 0.5s, opacity 0.3s, -moz-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
  -moz-transition: -moz-transform 0.5s, opacity 0.3s;
  border-radius: 2px;
  background-color: #f7f7f7;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item {
  color: #000;
  position: relative;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item a {
  white-space: nowrap;
  font-size: 18px;
  padding: 8px 12px;
  text-align: left;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(189, 189, 189, 0);
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item:hover > a {
  background-color: #000;
  color: #fff;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item .sub-menu {
  left: 100%;
  top: 0;
  min-width: 120px;
}
#header-sticky > .nav .container > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item .sub-menu .menu-item:hover .sub-menu {
  transform: rotate3d(0, 0, 0, -90deg);
  -webkit-transform: rotate3d(0, 0, 0, -90deg);
  -moz-transform: rotate3d(0, 0, 0, -90deg);
  -ms-transform: rotate3d(0, 0, 0, -90deg);
  -o-transform: rotate3d(0, 0, 0, -90deg);
  opacity: 1;
}
#header-sticky > .nav .container > .menu .menu-box .right {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
#header-sticky > .nav .container > .menu .menu-box .right .search {
  cursor: pointer;
  width: 22px;
  height: 22px;
  margin-top: 5px;
}
#header-sticky > .nav .container > .menu .menu-box .right .search img {
  width: 19px;
  height: 19px;
}
#header-sticky > .nav .container > .menu .menu-box .right .t-lang {
  display: flex;
  align-items: center;
}
#header-sticky > .nav .container > .menu .menu-box .right .t-lang .t-angle {
  width: 11px;
  height: 6px;
  margin-left: 4px;
}
#header-sticky > .nav .container > .menu .menu-box .right .t-lang .t-en {
  width: 19px;
  height: 19px;
}
#header-sticky > .nav .container > .menu .menu-box .right .t-btn {
  width: 198px;
  height: 52px;
  border-radius: 12px;
  border: 1px solid #dd760e;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  line-height: 52px;
  margin-left: 17px;
  cursor: pointer;
}
#header-sticky > .nav .container > .menu .menu-box .right .lang_cont {
  /*margin-left: 20px;*/
}
#header-sticky > .nav .container > .menu .menu-box .right .lang_cont .c_cont {
  border-radius: 50%;
}
#header-sticky > .nav .container > .menu .menu-box .right .lang_cont .c_cont .textC {
  color: #fff;
  text-transform: capitalize;
}
#header-sticky > .nav .container > .menu .menu-box .right .lang_cont .c_cont .textC .text {
  margin: 4px 0 0 10px;
}
#header-sticky > .nav .container > .menu .menu-box .right .lang_cont .c_cont .textC i {
  margin-left: 6px;
}
#header-sticky > .nav .container > .menu .menu-box .right .lang_cont .lang {
  padding-top: 5px;
}
#header-sticky > .nav .container > .menu .menu-box .right .open_btn {
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
  text-align: center;
  color: #fff;
  margin-left: 26px;
  background-color: #c10015;
  min-width: 150px;
  padding: 10px;
}
#header-sticky > .nav .container > .menu .menu-box .right .open_btn p {
  position: relative;
}
#header-sticky > .nav .container > .menu .menu-box .right .open_btn .img {
  width: 19px;
  height: 19px;
  margin-left: 10px;
}
#header-sticky > .nav .container > .menu .menu-box .right .open_btn:hover {
  background-color: #000;
}
#header-sticky > .nav .lang_cont {
  display: inline-block;
  position: relative;
  cursor: pointer;
  z-index: 2;
  padding-right: 20px;
}
#header-sticky > .nav .lang_cont:hover .lang {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
#header-sticky > .nav .lang_cont .lang {
  overflow-y: auto;
  max-height: 400px;
  width: 150px;
  position: absolute;
  top: 100%;
  right: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  -o-transition: opacity 0.3s, -o-transform 0.5s;
  -moz-transition: transform 0.5s, opacity 0.3s, -moz-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
  -moz-transition: -moz-transform 0.5s, opacity 0.3s;
  border-bottom: 3px solid #333333;
}
#header-sticky > .nav .lang_cont .lang li a {
  display: block;
  background: #f7f7f7;
  padding: 5px 10px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  text-align: left;
}
#header-sticky > .nav .lang_cont .lang li a:hover {
  background-color: #000;
}
#header-sticky > .nav .lang_cont .lang li a:hover em {
  color: #fff;
}
#header-sticky > .nav .lang_cont .lang li a:hover{
  color: #fff;
}
#header-sticky > .nav .lang_cont .lang li a img {
  display: inline;
  width: 20%;
  margin-top: 4px;
}
#header-sticky > .nav .lang_cont .lang li a em {
  display: inline;
  font-size: 16px;
  margin-left: 10px;
  color: #000;
}
#header-sticky.active > .nav {
  background-color: #F1F5EB;
}
@keyframes ks2 {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }
}
.t-ani {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.t-ani1 {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
.head1 {
  display: flex;
}
input,
textarea {
  /* 移除所有默认样式 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background: #fff;
  box-shadow: none;
}
#footer {
  background: #433130;
}
#footer .f-line {
  height: 1px;
  background-color: rgba(213, 214, 219, 0.4);
}
#footer .top {
  color: white;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 75px;
}
#footer .top .one .logo {
  padding-left: 40px;
}
#footer .top .one ul li {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  font-size: 16px;
  margin-bottom: 30px;
}
#footer .top .one ul li img {
  margin-right: 15px;
}
#footer .top .one ul li:hover {
  color: #dd760e;
}
#footer .top h3 {
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 55px;
}
#footer .top .two ul,
#footer .top .three ul {
  font-size: 16px;
  line-height: 25px;
}
#footer .top .two ul li,
#footer .top .three ul li {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.9;
  margin-bottom: 30px;
}
#footer .top .two ul li:hover,
#footer .top .three ul li:hover {
  color: #dd760e;
}
#footer .top .four h3 {
  text-align: center;
}
#footer .top .four #ewm {
  width: 120px;
  height: 120px;
  border: 5px solid white;
}
#footer .bottom {
  font-size: 12px;
  color: #ecf2fb;
  padding-bottom: 18px;
  padding-top: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#footer .bottom img {
  width: 230px;
}
#footer .bottom ul {
  display: flex;
  align-items: center;
}
#footer .bottom ul li {
  width: 22px;
  flex: 0 0 22px;
  margin-left: 30px;
}
#footer .bottom ul a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  background: #ffffff;
  border-radius: 50%;
  font-size: 10px;
  color: #01509b;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
#footer .bottom ul a:hover {
  background: #dd760e;
  color: #fff;
}

.m-auto {
  margin: auto;
}
.tit-hover {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.tit-hover:hover {
  color: var(--color);
}
.tit-medium {
  font-weight: 500;
}
.tit-semi {
  font-weight: 600;
}
.txt-light {
  font-weight: 300;
}
.white {
  color: white;
}
.img_cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 42px;
}
.main-color {
  color: var(--color);
}

.lh-0 {
  line-height: 0.8;
}
.lh-1 {
  line-height: 1;
}
.lh-2 {
  line-height: 1.2;
}
.lh-3 {
  line-height: 1.3;
}
.lh-4 {
  line-height: 1.4;
}
.lh-5 {
  line-height: 1.5;
}
.lh-6 {
  line-height: 1.6;
}
.lh-7 {
  line-height: 1.7;
}
.lh-8 {
  line-height: 1.8;
}
.lh-9 {
  line-height: 1.9;
}
.lh-10 {
  line-height: 2;
}
#nav-height1{
  height: 98px;
}
#nav-height2{
  display: none;
}
#nav-height2.active{
  display: block;
}
#banner {
  position: relative;
  z-index: 1;
}
#banner .banner-content ul li {
  position: relative;
}
#banner .banner-content ul li .container2 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}
#banner .banner-content ul li a.pop_btn{
    border-color:#fff;
    color:#fff;
}
#banner .banner-content ul li a.pop_btn span{
  background-color: var(--rr-heading-primary);
}

#banner .banner-content ul li a.pop_btn:hover span{
  background-color: white;
  color: var(--rr-heading-primary);
}
#banner .banner-content ul li h2{
  width: fit-content;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);
}
#cp-Nav .nav div.title {
  background: var(--color);
  width: 100%;
}
@media (max-width: 1000px) {
  #header-sticky,#nav-height1 {
    display: none;
  }
  a.yejiaolll {
          display: none !important;
  }
  #mobile {
    display: block;
  }
  #cp-Nav{
    display: block !important;
  }
}
@media (max-width: 500px) {
  /* background: no-repeat top right; */
  /* background-size: cover; */
}
@media (max-width: 1500px) {
  #index-body .init-3 .init-3-1 .init-3-1-r div {
    background-color: transparent;
  }
  .hide-1500 {
    display: none;
  }
  .font-50 {
    font-size: 44px !important;
  }
  #index-body .init-3 .init-3-1 {
    display: flex;
    flex-direction: column-reverse;
  }
  #index-body .init-3 .init-3-1 .init-3-1-r div img {
    margin-left: 0 !important;
    margin: 0 auto;
  }
}
@media (max-width: 1250px) {
  .hide-1250 {
    display: none;
  }
  .mbx{
    padding-top: 60px;
  }
  #nav-height2{
    display: block;
    height: 0 !important;
  }
  #header-sticky > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item {
    margin-left: 30px;
  }
  #header-sticky > .nav > .menu .menu-box .menu_c .menu-menu-container > .menu > .menu-item > a {
    font-size: 14px;
  }
  .font-50 {
    font-size: 36px !important;
  }
  .init-5-main-r {
    width: 100% !important;
    max-width: none !important;
    margin-top: 20px;
  }
  .pb-70 {
    padding-bottom: 30px !important;
  }
  #index-body .init-5 .container .init-5-main .init-5-main-l {
    margin-right: 0;
  }

  .section__title-wrapper-4 .section__title__dec{
    max-width: 45% !important;
  }
  .project-section .section__title-wrapper-2 .section__title-wrapper-2-title span {
    padding-left: 60px;
    display: block;
  }
}
@media (max-width: 1000px) {
  .font-50 {
    font-size: 32px !important;
  }
  .font-45 {
    font-size: 36px !important;
  }
  #index-body .init-6 .container {
    column-gap: 20px;
  }
  .pb-70 {
    padding-bottom: 20px !important;
  }
  .hide-1000 {
    display: none;
  }
  #footer .bottom ul li {
    margin-left: 0;
    margin-right: 20px;
  }
  .section__title-wrapper-4 .section__title__dec{
    max-width: 100% !important;
  }
  .section__title-wrapper-2-title {
    font-size: 60px;
    line-height: 1.2;
  }
  .project-section .section__title-wrapper-2 .section__title-wrapper-2-title span {
    padding-left: 0;
    font-size: 60px;
    display: block;
  }
  .about-section__left .clients__author {
    top: 0 !important;
  }   
  .section__title-wrapper-4 {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .hide-768 {
    display: none !important;
  }
  #banner .swiper-main .left p {
    font-size: 14px;
  }
  #banner .swiper-main .left {
    padding-left: 15px;
    padding-bottom: 15px;
  }
  #banner .swiper-main .left {
    bottom: 0;
  }
  #banner .swiper-main .left .more img {
    margin-left: 15px;
  }
  .pb-60 {
    padding-bottom: 0px !important;
  }
  .font-50 {
    font-size: 26px !important;
  }
  .pb-70 {
    padding-bottom: 20px !important;
  }
  .font-45 {
    font-size: 28px !important;
  }
  .font-25 {
    font-size: 18px !important;
  }
  .init-5 .swiper-slide {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  #index-body .init-6 .container {
    display: flex;
    flex-wrap: wrap;
  }
  #index-body .init-1 .container .init-1-main {
    grid-template-columns: 1fr;
    column-gap: 0px;
  }
  #index-body .init-1 .container .init-1-main .init-1-case div {
    padding-left: 30px!important;
    padding-bottom: 20px !important;
  }
  #index-body .init-6 .container .init-6-main-r li input {
    padding-left: 20px;
    padding-right: 20px;
  }
  #index-body .init-6 .container .init-6-main-l {
    width: 100%;
  }
  #index-body .init-6 .container .init-6-main-r {
    width: 100%;
  }
  #banner .swiper-main .left .more {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    border-radius: 0;
    display: inline-block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 0 10px;
    background-color: #dd760e;
    color: #fff;
  }
  .section__title-wrapper-2-title {
    font-size: 40px;
  }
  .project-section .section__title-wrapper-2 .section__title-wrapper-2-title span {
    font-size: 36px;
  }
}
@media (max-width: 500px) {
  .font-50 {
    font-size: 18px !important;
  }
  #index-body .init-6 .container .init-6-main-r li input {
    flex: 0 0 100%;
  }
  #index-body .init-6 .container .init-6-main-l h1 {
    word-break: break-all;
  }
  .hide-500 {
    display: none;
  }
}
.scroll-text-wrapper {
  display: flex;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.scroll-text-item {
  display: inline-block;
  padding-left: 100%;
  /* 初始位置在容器外 */
  animation: scrollText 10s linear infinite;
}
.scroll-text-item.clone {
  padding-left: 0;
  animation-delay: 5s;
  /* 延迟启动第二个文本的动画，避免重叠 */
}
@keyframes scrollText {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.youshi__area {
  background-color: #f5f0e9;
  height: 240vh;
  position: relative;
}
.youshi__area .y1 {
  position: absolute;
  padding-bottom: 46px;
  text-align: center;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
}
.youshi__area .y1 .scroll-text-item {
  font-weight: bold;
  font-size: 94px;
  line-height: 230px;
  color: #433130;
}
.youshi__area .etpo {
  width: 140px;
  height: 230px;
  position: relative;
  z-index: 99;
  margin: 0 auto;
   clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  transition: all 1s ease-out;
}
.youshi__area .etpo .etpo-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 230px;
  transform-origin: center;
}
.youshi__area .etpo .etpo-1 {
  opacity: 0;
  box-sizing: border-box;
  padding-top: 30vh;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 80vh;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.youshi__area .etpo .etpo-1 p {
  font-weight: bold;
  font-size: 40px;
  color: #FFFFFF;
  margin-top: 48px;
  margin-bottom: 27px;
}
.youshi__area .etpo .etpo-1 h4 {
  font-weight: 500;
  font-size: 20px;
  color: #EEEEEE;
  line-height: 30px;
  max-width: 820px;
}
.youshi__area .etpo .item-2 {
  top: 80vh;
}
.youshi__area .etpo .item-3 {
  top: 160vh;
}
.youshi__area .etpo .etpoimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.youshi__area .y2 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 140px;
  height: 230px;
}
.youshi__area .y2 img {
  width: 100%;
}
@media (max-width: 1600px) {
  .youshi__area .y1 {
    font-size: 85px;
  }
}
@media (max-width: 1500px) {
  .youshi__area .y1 {
    font-size: 60px;
  }
}
@media (max-width: 1200px) {
  .youshi__area .y1 {
    font-size: 50px;
  }
}
@media (max-width: 1000px) {
  .youshi__area .y1 {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .youshi__area .y1 {
    font-size: 24px;
  }
  .youshi__area .etpo .etpo-1 p{
    font-size: 22px;
  }
}
@media (max-width: 500px) {
  .youshi__area .y1 {
    font-size: 18px;
  }
}
.section__title-wrapper-4 .section__title__dec{
  max-width: 500px;
}
.about-section__left .clients__author{
    
  position: relative;
  top: -84px;
}
.about-section__right__count h4 b,
.sk-logo-slide__active h4 b{
  font-size: 80px !important;
  font-weight: 700 !important;
}
@media (max-width: 500px) {
  .about-section__right__count h4 b, 
  .sk-logo-slide__active h4 b {
    font-size: 40px !important;
  }
}
.experience-section .experience__wrapper .experience-thumb,.experience-section .experience__wrapper .experience-thumb img{
 -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}
.experience-section .experience__wrapper .experience-thumb:hover img{
 transform: scale(1.1) !important;
 /*border: 3px solid pink;*/
}
.blog1__item-category ul li a{
  font-size: 18px !important;
}
.footer__subscribe .footer-form .rr-subscribe-form textarea{
  padding-top: 13px;
  padding-right: 130px;
}
.footer__subscribe .footer-form{
  margin-top: 0px !important;
}
.etpo {
  height: 80vh !important;
}
.etpo-1 {
  /*opacity: 0;*/
  box-sizing: border-box;
  padding-top: 30vw;
  position: absolute;
    top: 50%;
    transform: translateY(-50%);
  left: 0;
  width: 100vw;
  height: 80vh;
  transition: all 0.6s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.etpo-1 p {
  font-weight: bold;
  font-size: 40px;
  color: #FFFFFF;
  margin-top: 48px;
  margin-bottom: 27px;
}
.etpo-1 h4 {
  font-weight: 500;
  font-size: 20px;
  color: #EEEEEE;
  line-height: 30px;
  max-width: 820px;
}
.item-2 {
  top: 40vw;
}
.item-3 {
  top: 80vw;
}
.etpoimg {
  height: 230px;
}
[data-v-61479c8a]:export {
    edgeMargin: 16.6667vw
}

.page-top.opacity[data-v-61479c8a] {
    opacity: .4;
    transition: opacity 1s
}

.page-top[data-v-61479c8a] {
    align-items: flex-end;
    bottom: 20vh;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0
}

.page-top .btn-wrap[data-v-61479c8a] {
    background: hsla(0,0%,100%,.5);
    border-radius: 2.0833vw;
    box-shadow: 0 0 1.3541vw 0 rgba(0,0,0,.35);
    color: #262626;
    cursor: pointer;
    font-size: 1.25vw;
    height: 3.64583vw;
    line-height: 3.64583vw;
    margin-right: 5.2083vw;
    text-align: center;
    transition: all 1s;
    width: 3.64583vw
}

.page-top .btn-wrap .iconfont[data-v-61479c8a] {
    color: #fff;
    font-size: 1.5625vw
}

.page-top .section-wrap[data-v-61479c8a] {
    height: 0;
    overflow: hidden
}

.page-top .section-wrap .iconfont[data-v-61479c8a] {
    color: rgba(64,64,64,.3);
    font-size: 4.1666vw
}

.page-top .section-wrap .section-list[data-v-61479c8a] {
    opacity: 0;
    position: relative
}

.page-top .section-wrap .section-list[data-v-61479c8a]:before {
    background: #c9d0d7;
    bottom: 0;
    content: "";
    position: absolute;
    right: 1.1458vw;
    width: 1px
}

.page-top .section-wrap .section-list .section-item[data-v-61479c8a] {
    color: rgba(64,64,64,.7);
    cursor: pointer;
    font-size: .937vw;
    padding-bottom: 2.0833vw;
    padding-right: 2.0833vw;
    position: relative;
    text-align: right;
    text-shadow: 0 0 1px #fff;
    transition: all 1s
}

.page-top .section-wrap .section-list .section-item[data-v-61479c8a]:after {
    background: #c9d0d7;
    border-radius: 50%;
    content: "";
    height: .78125vw;
    opacity: 1;
    position: absolute;
    right: .78125vw;
    top: .36458333vw;
    transition: all 1s;
    width: .78125vw
}

.page-top[data-v-61479c8a]:hover {
    opacity: 1;
    transition: opacity 1s
}

.page-top:hover .btn-wrap[data-v-61479c8a] {
    background: #003ab3;
    border-radius: 2.0833vw 0 0 2.0833vw;
    color: #fff;
    margin-right: 0;
    opacity: .75;
    transition: all .5s;
    width: 8.854vw
}

.page-top:hover .section-wrap[data-v-61479c8a] {
    height: auto;
    overflow: hidden;
    transform-origin: bottom;
    transition: all 1s;
    transition-delay: .5s
}

.page-top:hover .section-wrap .section-list[data-v-61479c8a] {
    opacity: 1;
    transition: all 1s;
    transition-delay: .5s
}

.page-top:hover .section-wrap .section-list[data-v-61479c8a]:before {
    top: .36458333vw;
    transition: top 1s
}

.page-top:hover .section-wrap .section-list .section-item[data-v-61479c8a]:hover {
    color: #fff;
    padding-right: 2.6042vw;
    transition: all 1s
}

.page-top:hover .section-wrap .section-list .section-item[data-v-61479c8a]:hover:after {
    background: #003ab3;
    box-shadow: 0 0 .36458333vw 2px #fff;
    transition: all 1s
}

[data-v-d5ee49a8]:export {
    edgeMargin: 16.6667vw
}

.mask-wrap[data-v-d5ee49a8] {
    background: transparent;
    left: 0;
    position: fixed;
    top: 0;
    transition-delay: 1s,.1s;
    transition-duration: .5s,1s;
    transition-property: height,background;
    width: 100vw;
    z-index: 95
}

.mask-wrap.dark .lang[data-v-d5ee49a8] {
    color: #003ab3!important;
    transition: color 1s
}

.logo-wrap[data-v-d5ee49a8] {
    align-items: center;
    display: flex;
    flex: 1;
    height: 6.771vw;
    left: 4.1666vw;
    position: fixed;
    top: 0;
    z-index: 22222
}

.logo-wrap .logo[data-v-d5ee49a8] {
    cursor: pointer;
    line-height: 1;
    padding: 0 1.0417vw 0 0
}

.logo-wrap .logo img[data-v-d5ee49a8] {
    width: 6.771vw
}

.logo-wrap .lang[data-v-d5ee49a8] {
    border-left: 1px solid;
    cursor: pointer;
    display: inline-block;
    font-size: .8333vw;
    line-height: 1;
    padding: 0 1.0417vw
}

.logo-comp[data-v-d5ee49a8],.logo-wrap .lang[data-v-d5ee49a8] {
    color: #fff;
    transition: color 1s
}

.logo-comp[data-v-d5ee49a8] {
    align-items: center;
    display: flex;
    height: 6.771vw;
    justify-content: space-between;
    left: 0;
    padding: 1.5625vw 4.1666vw 1.5625vw 6.771vw;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.logo-comp.border[data-v-d5ee49a8]:after {
    background: hsla(0,0%,100%,.3);
    bottom: 0;
    content: "";
    height: 1px;
    left: 4.1666vw;
    position: absolute;
    right: 4.1666vw
}

.logo-comp .nav-wrap[data-v-d5ee49a8] {
    align-items: center;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: flex-end;
    margin-right: 2.0833vw
}

.logo-comp .nav-wrap .nav-item[data-v-d5ee49a8] {
    align-items: center;
    display: flex;
    font-size: .8333vw;
    height: 100%;
    padding-left: 1.82291vw;
    padding-right: 1.5625vw;
    position: relative
}

.logo-comp .nav-wrap .nav-item[data-v-d5ee49a8]:before {
    border: 2px solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: .78125vw;
    left: .5208vw;
    margin-bottom: 2px;
    position: absolute;
    width: .78125vw
}

.logo-comp .nav-wrap .nav-item[data-v-d5ee49a8]:hover:before {
    border: 2px solid #fff;
    transition: border 1s
}

.logo-comp .nav-wrap .nav-item.selected[data-v-d5ee49a8]:before {
    border: 2px solid!important;
    transition: all 1s
}

.logo-comp .nav-wrap .nav-item .nav-label[data-v-d5ee49a8] {
    color: #fff;
    cursor: pointer;
    font-size: .78125vw;
    padding: 1.0417vw 0;
    transition: color 1.5s
}

.logo-comp .nav-wrap .nav-item .sub-navs.show[data-v-d5ee49a8] {
    animation: fadeIn;
    animation-delay: .35s;
    animation-duration: 1.5s;
    animation-fill-mode: backwards;
    display: block;
    min-height: 2.6042vw
}

.logo-comp .nav-wrap .nav-item .sub-navs[data-v-d5ee49a8] {
    display: none;
    padding-top: 1.0417vw;
    position: absolute;
    top: 2.6042vw;
    width: 100%
}

.logo-comp .nav-wrap .nav-item .sub-navs .sub-nav-item[data-v-d5ee49a8] {
    cursor: pointer;
    margin-bottom: .5208vw;
    transition: all 1.5s
}

.logo-comp .nav-wrap .nav-item .sub-navs .sub-nav-item .sub-nav-item-label[data-v-d5ee49a8] {
    display: inline-block;
    font-size: .7292vw;
    max-width: 4.375vw;
    overflow: hidden;
    padding: .5208vw 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.logo-comp .nav-wrap .nav-item .sub-navs .sub-nav-item .sub-nav-item-label[data-v-d5ee49a8]:before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 0
}

.logo-comp .nav-wrap .nav-item .sub-navs .sub-nav-item .sub-nav-item-label[data-v-d5ee49a8]:hover:before {
    transition: all 1s;
    width: 100%
}

.logo-comp .shop-btn[data-v-d5ee49a8] {
    align-items: center;
    background: #003ab3;
    border: 1px solid transparent;
    border-radius: 1.3541vw;
    color: #fff;
    display: flex;
    font-size: .8333vw;
    height: 2.6042vw;
    line-height: 2.6042vw;
    padding: 0 1.25vw;
    text-align: center;
    transition: all .35s
}

.logo-comp .shop-btn .iconfont[data-v-d5ee49a8] {
    font-size: 1.0417vw;
    margin-left: .5208vw
}

.logo-comp .shop-btn .el-icon-goods[data-v-d5ee49a8] {
    display: none
}

.logo-comp .shop-btn[data-v-d5ee49a8]:hover {
    background: transparent;
    border: 1px solid #003ab3;
    color: #003ab3;
    font-weight: 700;
    transition: all 1s
}

.logo-comp .shop-btn:hover .el-icon-goods[data-v-d5ee49a8] {
    display: inline-block
}

.logo-comp .shop-btn:hover .el-icon-s-goods[data-v-d5ee49a8] {
    display: none
}

.logo-comp.dark[data-v-d5ee49a8] {
    background: hsla(0,0%,100%,.75)
}

.logo-comp.transparent[data-v-d5ee49a8] {
    background: transparent
}

.logo-comp.dark[data-v-d5ee49a8] {
    color: #262626;
    transition: all 1s
}

.logo-comp.dark.opacity[data-v-d5ee49a8] {
    background: transparent;
    transform: translate3d(0,-7.8125vw,0);
    transition: transform 1s
}

.logo-comp.dark.opacity .nav-wrap[data-v-d5ee49a8] {
    opacity: 0;
    transition: opacity 1s
}

.logo-comp.dark .nav-item.selected .nav-label[data-v-d5ee49a8],.logo-comp.dark .nav-item.selected[data-v-d5ee49a8] {
    color: #003ab3
}

.logo-comp.dark .nav-item.selected[data-v-d5ee49a8]:before {
    border: 2px solid!important;
    transition: border 1.5s
}

.logo-comp.dark .nav-item .nav-label[data-v-d5ee49a8] {
    color: #262626
}

.logo-comp.dark .nav-item[data-v-d5ee49a8]:hover:before {
    border: 2px solid #fff;
    transition: border 1.5s
}

.logo-comp.dark .nav-item .nav-label[data-v-d5ee49a8]:hover {
    color: #fff!important;
    transition: color 1s
}

.logo-comp.dark .nav-item .sub-navs .sub-nav-item .sub-nav-item-label[data-v-d5ee49a8] {
    position: relative
}

.logo-comp.dark .nav-item .sub-navs .sub-nav-item .sub-nav-item-label[data-v-d5ee49a8]:before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 0
}

.logo-comp.dark .nav-item .sub-navs .sub-nav-item .sub-nav-item-label[data-v-d5ee49a8]:hover {
    color: #fff!important
}

.logo-comp.dark .nav-item .sub-navs .sub-nav-item .sub-nav-item-label[data-v-d5ee49a8]:hover:before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: width 1s;
    width: 100%
}

.logo-comp.transparent[data-v-d5ee49a8]:after {
    height: 0
}

.logo-comp.transparent .nav-item .nav-label[data-v-d5ee49a8],.logo-comp.transparent .nav-item.selected .nav-label[data-v-d5ee49a8],.logo-comp.transparent .nav-item.selected[data-v-d5ee49a8],.logo-comp.transparent .nav-item[data-v-d5ee49a8] {
    color: #fff
}

.nav-wrap[data-v-d5ee49a8] {
    flex: 1;
    justify-content: flex-end;
    margin-right: 2.0833vw
}

.nav-wrap .nav-item[data-v-d5ee49a8],.nav-wrap[data-v-d5ee49a8] {
    align-items: center;
    display: flex;
    height: 100%
}

.nav-wrap .nav-item[data-v-d5ee49a8] {
    font-size: .8333vw;
    padding-left: 1.82291vw;
    padding-right: 1.5625vw;
    position: relative
}

.nav-wrap .nav-item[data-v-d5ee49a8]:before {
    border: 2px solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: .78125vw;
    left: .5208vw;
    margin-bottom: 2px;
    position: absolute;
    width: .78125vw
}

.nav-wrap .nav-item[data-v-d5ee49a8]:hover:before {
    border: 2px solid #fff;
    transition: border 1s
}

.nav-wrap .nav-item.selected[data-v-d5ee49a8]:before {
    border: 2px solid!important;
    transition: all 1s
}

.nav-wrap .nav-item .nav-label[data-v-d5ee49a8] {
    color: #fff;
    cursor: pointer;
    font-size: .78125vw;
    transition: color 1.5s
}

.nav-wrap .nav-item .sub-navs.show[data-v-d5ee49a8] {
    animation: fadeIn;
    animation-delay: .35s;
    animation-duration: 1.5s;
    animation-fill-mode: backwards;
    display: block;
    min-height: 2.6042vw
}

.nav-wrap .nav-item .sub-navs[data-v-d5ee49a8] {
    display: none;
    padding-top: 2.6042vw;
    position: absolute;
    top: 1.5625vw;
    width: 100%
}

.nav-wrap .nav-item .sub-navs .sub-nav-item[data-v-d5ee49a8] {
    cursor: pointer;
    margin-bottom: .5208vw;
    transition: all 1.5s
}

.nav-wrap .nav-item .sub-navs .sub-nav-item .sub-nav-item-label[data-v-d5ee49a8] {
    display: inline-block;
    padding: .5208vw 0;
    position: relative
}

.nav-wrap .nav-item .sub-navs .sub-nav-item .sub-nav-item-label[data-v-d5ee49a8]:before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 0
}

.nav-wrap .nav-item .sub-navs .sub-nav-item .sub-nav-item-label[data-v-d5ee49a8]:hover:before {
    transition: all 1s;
    width: 100%
}

.nav-wrap .nav-item .sub-navs .sub-nav-item.selected .sub-nav-item-label[data-v-d5ee49a8]:before {
    width: 100%
}

.sub-nav-item-icon[data-v-d5ee49a8] {
    max-height: 1.5625vw
}

.mask-wrap.pc[data-v-d5ee49a8]:after {
    background: rgba(0,0,0,.85);
    content: "";
    height: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: height 1s
}

.mask-wrap.pc.show[data-v-d5ee49a8] {
    background: rgba(0,0,0,.2);
    height: 100vh;
    transition: background 1.5s;
    width: 100vw
}

.mask-wrap.pc.show[data-v-d5ee49a8]:after {
    height: 50vh;
    transition: height 1s
}

.lang-wrap[data-v-d5ee49a8] {
    margin-left: 1.5625vw;
    position: relative;
    z-index: 3
}

.lang-wrap .icon-lang[data-v-d5ee49a8] {
    cursor: pointer;
    font-size: 1.5625vw;
    opacity: .85
}

.lang-wrap .lang-list[data-v-d5ee49a8] {
    background: #fff;
    border-radius: .2604vw;
    display: none;
    left: -.2604vw;
    padding: .5208vw 0;
    position: absolute;
    top: 2.34375vw
}

.lang-wrap .lang-list[data-v-d5ee49a8]:before {
    border: .5208vw solid transparent;
    border-bottom-color: #fff;
    box-sizing: border-box;
    content: "";
    height: .36458333vw;
    left: .5208vw;
    position: absolute;
    top: -.8333vw;
    width: .5208vw
}

.lang-wrap .lang-list .lang-item[data-v-d5ee49a8] {
    color: #262626;
    cursor: pointer;
    font-size: .78125vw;
    padding: .2604vw 1.0417vw;
    white-space: nowrap
}

.lang-wrap .lang-list .lang-item[data-v-d5ee49a8]:hover {
    color: #003ab3;
    font-weight: 600
}

.lang-wrap .lang-list .lang-item.disable[data-v-d5ee49a8] {
    opacity: .85
}

.lang-wrap .lang-list .lang-item.disable[data-v-d5ee49a8]:hover {
    color: #262626;
    cursor: not-allowed;
    font-weight: 400
}

.lang-wrap:hover .lang-list[data-v-d5ee49a8] {
    display: block
}

[data-v-0aaab3f6]:export {
    edgeMargin: 16.6667vw
}

.about-wrap-1[data-v-0aaab3f6] {
    background-position: 100% 100%;
    background-size: cover;
    height: 122.91666vw;
    overflow: hidden;
    position: relative
}

.about-wrap-1 .bg-wrap[data-v-0aaab3f6] {
    bottom: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0
}

.about-wrap-1 .title-wrap[data-v-0aaab3f6] {
    color: #fff;
    left: 16.6667vw;
    margin-left: -.5208vw;
    position: absolute;
    top: 15.625vw;
    transform-origin: left
}

.about-wrap-1 .title-wrap p[data-v-0aaab3f6] {
    font-size: 1.3541vw;
    letter-spacing: .2604vw;
    margin-bottom: 2.0833vw
}

.about-wrap-1 .title-wrap h2[data-v-0aaab3f6] {
    font-size: 9.375vw;
    letter-spacing: -.78125vw;
    line-height: .73
}

.about-wrap-1 .desc-wrap[data-v-0aaab3f6] {
    position: absolute;
    right: 16.6667vw;
    top: 42.5vw;
    transform-origin: right;
    width: 33.697vw
}

.about-wrap-1 .desc-wrap p[data-v-0aaab3f6] {
    color: #fff;
    font-size: 1.3541vw;
    line-height: 1.384;
    text-align: justify
}

.about-wrap-1 .bottom-wrap[data-v-0aaab3f6] {
    bottom: 10vw;
    color: #fff;
    left: 16.6667vw;
    position: absolute;
    right: 16.6667vw
}

.about-wrap-1 .bottom-wrap .build-year[data-v-0aaab3f6] {
    font-size: 9.375vw;
    line-height: .722;
    text-align: right
}

.about-wrap-1 .bottom-wrap .goal-wrap[data-v-0aaab3f6] {
    border-top: 1px solid hsla(0,0%,100%,.7);
    margin-top: 2.6042vw;
    padding-top: 2.5vw
}

.about-wrap-1 .bottom-wrap .goal-wrap h3[data-v-0aaab3f6],.about-wrap-1 .bottom-wrap .goal-wrap p[data-v-0aaab3f6] {
    transform-origin: 0 50%
}

.about-wrap-1 .bottom-wrap .goal-wrap p[data-v-0aaab3f6] {
    font-size: 1.0417vw;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1.5625vw
}

.about-wrap-1 .bottom-wrap .goal-wrap h3[data-v-0aaab3f6] {
    font-size: 2.6042vw;
    line-height: 1
}

[data-v-c26e49c8]:export {
    edgeMargin: 16.6667vw
}

.about-wrap-2[data-v-c26e49c8] {
    background-repeat: no-repeat;
    background-size: contain;
    height: 175.35416vw;
    position: relative
}

.about-wrap-2 .content-wrap[data-v-c26e49c8] {
    color: #fff;
    display: flex;
    height: 26.71875vw;
    justify-content: space-between;
    margin: 0 16.6667vw;
    padding-top: 6.25vw;
    position: relative
}

.about-wrap-2 .content-wrap .zh[data-v-c26e49c8] {
    font-size: 1.3541vw;
    letter-spacing: 1px;
    line-height: 1.82291vw;
    transform-origin: 0 0
}

.about-wrap-2 .content-wrap .en[data-v-c26e49c8] {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 1.0417vw;
    line-height: 1.4583vw;
    opacity: .3;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: 100% 0;
    width: 42%
}

@media screen and (max-width: 1450px) {
    .about-wrap-2 .bg-wrap[data-v-c26e49c8] {
        height:100vh!important
    }
    .hide-1400{
        display: none !important;
    }
    #header-sticky > .nav .container > .menu .menu-box .right .lang_cont{
        padding-right: 0;
    }
}

.about-wrap-2 .bg-wrap[data-v-c26e49c8] {
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 65.8125vw;
    position: sticky;
    top: 0
}

.about-wrap-2 .bg-wrap .img-wrap[data-v-c26e49c8] {
    background: #fff;
    border-radius: 50%;
    height: 33.33vw;
    margin-left: 16.6667vw;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 33.33vw;
    z-index: 2
}

.about-wrap-2 .bg-wrap .img-wrap .water-img[data-v-c26e49c8] {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0;
    position: absolute;
    transform: scale(1.1);
    transform-origin: 15vw 15vw;
    transition: opacity 1.5s,transform 1.5s;
    z-index: 1
}

.about-wrap-2 .bg-wrap .img-wrap .water-img.in[data-v-c26e49c8] {
    opacity: 1;
    transform: scale(1);
    transition: transform 2s,opacity 1.5s
}

.about-wrap-2 .water-wrap[data-v-c26e49c8] {
    align-items: center;
    display: flex;
    left: 16.6667vw;
    position: absolute;
    top: 26.875vw
}

.about-wrap-2 .water-wrap .text-label-wrap[data-v-c26e49c8] {
    margin-left: 39.58333vw;
    margin-top: 10vw
}

.about-wrap-2 .water-wrap .text-wrap[data-v-c26e49c8] {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 43.8125vw;
    justify-content: center;
    min-height: 50vh
}

.about-wrap-2 .water-wrap .text-wrap h3[data-v-c26e49c8] {
    font-size: 2.6042vw
}

.about-wrap-2 .water-wrap .text-wrap h3 span[data-v-c26e49c8] {
    font-size: 5.2083vw
}

.about-wrap-2 .water-wrap .text-wrap .desc[data-v-c26e49c8] {
    font-size: 1.3541vw;
    margin-top: 1.25vw
}

.about-wrap-2 .water-wrap .text-wrap .en[data-v-c26e49c8] {
    font-size: 1.0417vw;
    margin-top: 2.6042vw;
    opacity: .3;
    width: 24vw
}

[data-v-499646bf]:export {
    edgeMargin: 16.6667vw
}

.about-wrap-3[data-v-499646bf] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 65.67708vw;
    padding-left: 16.6667vw;
    padding-right: 16.6667vw;
    position: relative
}

.about-wrap-3 .title-wrap[data-v-499646bf] {
    color: #fff
}

.about-wrap-3 .title-wrap h2[data-v-499646bf] {
    font-size: 9.375vw;
    line-height: 1
}

.about-wrap-3 .title-wrap h4[data-v-499646bf] {
    font-size: 2.6042vw;
    transform-origin: left
}

.about-wrap-3 .title-wrap p[data-v-499646bf] {
    font-size: 1.3541vw;
    margin-top: 2.6042vw;
    text-align: right;
    transform-origin: right
}

.about-wrap-3 .brand-wrap[data-v-499646bf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2.6042vw;
    padding-top: 2.0833vw
}

.about-wrap-3 .brand-wrap .brand-item[data-v-499646bf] {
    align-items: flex-start;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 1px solid hsla(0,0%,100%,.2);
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: .8333vw;
    height: 16.5625vw;
    justify-content: space-between;
    margin-bottom: 1.5625vw;
    opacity: 0;
    padding: 2.0833vw;
    position: relative;
    width: 32%
}

.about-wrap-3 .brand-wrap .brand-item .icon[data-v-499646bf] {
    font-size: 2.0833vw;
    transition: all .55s
}

.about-wrap-3 .brand-wrap .brand-item[data-v-499646bf]:before {
    bottom: 0;
    box-shadow: 0 0 1.0417vw .2604vw hsla(0,0%,100%,.35);
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .55s
}

.about-wrap-3 .brand-wrap .brand-item[data-v-499646bf]:hover {
    transform: scale(1.04)!important;
    transition: all 1s
}

.about-wrap-3 .brand-wrap .brand-item[data-v-499646bf]:hover:before {
    opacity: 1;
    transition: opacity .55s
}

[data-v-38ec7fde]:export {
    edgeMargin: 16.6667vw
}

.about-wrap-4[data-v-38ec7fde] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 56.25vw;
    padding-left: 16.6667vw;
    padding-right: 16.6667vw;
    padding-top: 8.854vw;
    position: relative
}

.about-wrap-4 .title-wrap[data-v-38ec7fde] {
    color: #fff;
    transform-origin: 0 0
}

.about-wrap-4 .title-wrap h2[data-v-38ec7fde] {
    font-size: 2.6042vw;
    line-height: 1.2;
    margin-top: 6.25vw
}

.about-wrap-4 .title-wrap p[data-v-38ec7fde] {
    font-size: 1.0417vw
}

.about-wrap-4 .bottom-wrap[data-v-38ec7fde] {
    bottom: 8.854vw;
    left: 16.6667vw;
    position: absolute;
    transform-origin: 0 100%
}

.about-wrap-4 .bottom-wrap p[data-v-38ec7fde] {
    color: #fff;
    font-size: .8333vw;
    line-height: 1.5;
    margin-top: 1.5625vw
}

[data-v-8992c1c8]:export {
    edgeMargin: 16.6667vw
}

.more-btn[data-v-8992c1c8] {
    display: inline-block;
    height: 3.125vw;
    line-height: 3.125vw;
    position: relative;
    width: 7.8125vw
}

.more-btn .wave-svg[data-v-8992c1c8] {
    bottom: .2604vw;
    height: .5208vw;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .5s;
    width: 0
}

.more-btn .wave-svg path[data-v-8992c1c8] {
    height: 100%;
    width: 100%
}

.more-btn:hover .wave-svg[data-v-8992c1c8] {
    opacity: 1;
    transition: opacity 1.5s;
    width: 100%
}

[data-v-39a26ed0]:export {
    edgeMargin: 16.6667vw
}

.about-wrap-5[data-v-39a26ed0] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 94.79166vw;
    padding-left: 16.6667vw;
    padding-right: 16.6667vw;
    padding-top: 8.854vw;
    position: relative
}

.about-wrap-5 .title-wrap[data-v-39a26ed0] {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: space-between
}

.about-wrap-5 .title-wrap h2[data-v-39a26ed0] {
    font-size: 2.6042vw;
    line-height: 1;
    margin-bottom: 1.5625vw
}

.about-wrap-5 .title-wrap p[data-v-39a26ed0] {
    font-size: .8333vw;
    line-height: 1.8
}

.about-wrap-5 .title-wrap h4[data-v-39a26ed0] {
    font-size: 1.0417vw;
    text-align: right
}

.about-wrap-5 .map-wrap[data-v-39a26ed0] {
    margin-top: 7.8125vw
}

.about-wrap-5 .map-wrap img[data-v-39a26ed0] {
    width: 100%
}

.about-wrap-5 .center-swiper-progress[data-v-39a26ed0] {
    bottom: 10.4167vw;
    left: 52vw;
    position: absolute
}

.about-wrap-5 .center-swiper-progress .progress[data-v-39a26ed0] {
    color: hsla(0,0%,100%,.3);
    font-size: .78125vw;
    letter-spacing: 1px
}

.about-wrap-5 .center-swiper-progress .progress .curr[data-v-39a26ed0] {
    color: #fff;
    font-size: .78125vw;
    font-weight: 700
}

.about-wrap-5 .center-swiper-progress .type[data-v-39a26ed0] {
    color: #fff;
    font-size: 1.0417vw;
    margin-top: 1.5625vw
}

.about-wrap-5 .center-swiper-progress .type.trans[data-v-39a26ed0] {
    animation: lightSpeedInRight;
    animation-duration: 2s
}

.center-swiper-container[data-v-39a26ed0] {
    height: 22vw;
    margin-top: 1.5625vw;
    padding-bottom: 2.6042vw;
    position: relative
}

.center-item[data-v-39a26ed0] {
    align-items: flex-end;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: space-between
}

.center-item .name[data-v-39a26ed0] {
    cursor: pointer;
    font-size: 1.3541vw;
    opacity: .2;
    transition: all 1.5s
}

.center-item .name[data-v-39a26ed0]:hover {
    opacity: .5
}

.center-item .count-wrap[data-v-39a26ed0] {
    align-items: flex-start;
    opacity: 0;
    transition: opacity 1s
}

.center-item .count[data-v-39a26ed0] {
    align-items: center;
    display: flex;
    font-size: 7.2916vw;
    height: 6.25vw;
    line-height: 5.2083vw;
    transform: scale(.5);
    transition: transform 1s
}

.center-item .plus[data-v-39a26ed0] {
    align-self: flex-start;
    font-size: 2.6042vw;
    line-height: .9
}

.center-item .plus+.unit[data-v-39a26ed0] {
    margin-left: -.2604vw
}

.center-item .unit[data-v-39a26ed0] {
    align-self: flex-end;
    font-size: 2.6042vw;
    line-height: .9
}

[data-v-39a26ed0] .center-slide.swiper-slide-active {
    height: 8.333vw!important
}

[data-v-39a26ed0] .center-slide.swiper-slide-active .center-item {
    border-bottom: 1px solid #fff;
    color: #fff;
    transition: border-bottom 1.5s
}

[data-v-39a26ed0] .center-slide.swiper-slide-active .center-item .name {
    align-self: center;
    font-size: 2.6042vw;
    opacity: 1;
    padding-left: 1.5625vw;
    transition: all 1.5s
}

[data-v-39a26ed0] .center-slide.swiper-slide-active .center-item .name:hover {
    opacity: 1;
    transition: all 1.5s
}

[data-v-39a26ed0] .center-slide.swiper-slide-active .center-item .count-wrap {
    align-self: flex-start;
    margin-top: -1.0417vw;
    opacity: 1;
    transition: all 1.5s
}

[data-v-39a26ed0] .center-slide.swiper-slide-active .center-item .count {
    transform: scale(1);
    transition: transform 1s
}

[data-v-135916ee]:export {
    edgeMargin: 16.6667vw
}

.about-wrap-7[data-v-135916ee] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 89.583333vw;
    overflow: hidden;
    position: relative;
    width: 100vw
}

.about-wrap-7 .db-wrap[data-v-135916ee] {
    backface-visibility: hidden;
    overflow: hidden;
    transform: translateZ(0);
    transform-style: preserve-3d
}

.about-wrap-7 .db-wrap:hover img[data-v-135916ee] {
    transform: scale(1.1)!important;
    transition: transform 1.5s
}

.about-wrap-7 .db1[data-v-135916ee] {
    background-color: #003ab3;
    -webkit-clip-path: circle(18.4895vw at 28% -2%);
    clip-path: circle(18.4895vw at 28% -2%);
    height: 18.125vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 26.042vw;
    z-index: 1
}

.about-wrap-7 .db1 img[data-v-135916ee] {
    height: 100%;
    mix-blend-mode: overlay;
    transform: translateX(-4.375vw) scale(1.25);
    transform-origin: 50% 0;
    z-index: -1
}

.about-wrap-7 .db2[data-v-135916ee] {
    -webkit-clip-path: circle(4.32vw at 54% 49%);
    clip-path: circle(4.32vw at 54% 49%);
    height: 11.09375vw;
    left: 41.97916vw;
    position: absolute;
    top: 14.6354vw;
    width: 22.8645vw
}

.about-wrap-7 .db2 img[data-v-135916ee] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-wrap-7 .db3[data-v-135916ee] {
    -webkit-clip-path: circle(13vw at 48% 51%);
    clip-path: circle(13vw at 48% 51%);
    height: 27.1875vw;
    position: absolute;
    right: -18.1875vw;
    top: 10.4167vw;
    z-index: 1
}

.about-wrap-7 .db3 img[data-v-135916ee] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-wrap-7 .db4[data-v-135916ee] {
    -webkit-clip-path: circle(5.9375vw at 35% 45%);
    clip-path: circle(5.9375vw at 35% 45%);
    height: 15.2083vw;
    left: 10.4167vw;
    position: absolute;
    top: 35.46875vw;
    width: 26.40625vw
}

.about-wrap-7 .db4 img[data-v-135916ee] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-wrap-7 .db5[data-v-135916ee] {
    -webkit-clip-path: circle(8.07291vw at 53% 50%);
    clip-path: circle(8.07291vw at 53% 50%);
    height: 17.96875vw;
    position: absolute;
    right: 8.333vw;
    top: 37.3958vw;
    width: 28.4895vw
}

.about-wrap-7 .db5 img[data-v-135916ee] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-wrap-7 .db6[data-v-135916ee] {
    bottom: -8.22916vw;
    -webkit-clip-path: circle(17.68229vw at 38% 50%);
    clip-path: circle(17.68229vw at 38% 50%);
    height: 36.30208vw;
    left: 10.4167vw;
    position: absolute;
    width: 54.32291vw
}

.about-wrap-7 .db6 img[data-v-135916ee] {
    height: 100%;
    -webkit-mask: linear-gradient(150deg,#000 40%,transparent 60%);
    mask: linear-gradient(150deg,#000 40%,transparent 60%);
    -webkit-mask: linear-gradient(150deg,#000 30%,transparent 70%);
    mask: linear-gradient(150deg,#000 30%,transparent 70%);
    -o-object-fit: cover;
    object-fit: cover
}

.about-wrap-7 .text1[data-v-135916ee] {
    color: #fff;
    display: flex;
    left: 25.15625vw;
    position: absolute;
    top: 29.94791vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.about-wrap-7 .text1 h3[data-v-135916ee] {
    font-size: 2.6042vw;
    margin-right: 2.6042vw
}

.about-wrap-7 .text1 p[data-v-135916ee] {
    font-size: .8333vw;
    line-height: 2;
    transform-origin: 0 0
}

.about-wrap-7 .text2[data-v-135916ee] {
    bottom: 21.09375vw;
    color: #fff;
    display: flex;
    left: 36.14583vw;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.about-wrap-7 .text2 p[data-v-135916ee] {
    font-size: 1.0417vw;
    line-height: 1.4583vw;
    margin-right: 2.5vw
}

.about-wrap-7 .text2 h2[data-v-135916ee] {
    font-weight: 700
}

.about-wrap-7 .text2 h2[data-v-135916ee],.about-wrap-7 .text2 h3[data-v-135916ee] {
    font-size: 9.375vw;
    letter-spacing: -.2604vw;
    line-height: 7.2916vw
}

.about-wrap-7 .text2 #marks[data-scroll=in][data-v-135916ee] {
    animation: fadeInUp;
    animation-duration: 1.5s
}

.about-wrap-7 .text2 #marks[data-scroll=out][data-v-135916ee] {
    animation: fadeOutDown;
    animation-duration: 2s
}

[data-v-1dab5095]:export {
    edgeMargin: 16.6667vw
}

.about-wrap-8[data-v-1dab5095] {
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 50.104166vw;
    position: relative
}

.about-wrap-8[data-v-1dab5095]:before {
    background: #fff;
    bottom: 13.021vw;
    content: "";
    left: 14.5833333vw;
    opacity: .5;
    position: absolute;
    top: 13.021vw;
    width: 1px;
    z-index: 2
}

.about-wrap-8 .title[data-v-1dab5095] {
    font-size: 2.6042vw;
    left: 16.6667vw;
    position: absolute;
    top: 13.021vw
}

.about-wrap-8 .title-en[data-v-1dab5095] {
    font-size: 1.0417vw;
    line-height: 1.4;
    position: absolute;
    right: 16.6667vw;
    text-align: right;
    top: 13.021vw;
    transform-origin: 100% 50%
}

.about-wrap-8 .text[data-v-1dab5095] {
    bottom: 14.0625vw;
    font-size: .8333vw;
    left: 16.6667vw;
    line-height: 2;
    position: absolute;
    transform-origin: 0 100%
}

[data-v-5b90744e]:export {
    edgeMargin: 16.6667vw
}

.about-wrap-9[data-v-5b90744e] {
    color: #fff;
    height: 79.3229166vw;
    overflow: hidden;
    position: relative
}

.about-wrap-9 .title-label[data-v-5b90744e] {
    color: #fff;
    font-size: 14.0625vw;
    left: 16.14583vw;
    letter-spacing: -.8333vw;
    line-height: 10.9375vw;
    position: absolute;
    top: 25vw;
    transform-origin: 0 0;
    z-index: 1
}

.about-wrap-9 .bg1[data-v-5b90744e] {
    background-size: cover;
    z-index: 0
}

.about-wrap-9 .bg1[data-v-5b90744e],.about-wrap-9 .bg2[data-v-5b90744e] {
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1);
    transform-origin: 50% 80%
}

.about-wrap-9 .bg2[data-v-5b90744e] {
    background-size: contain;
    z-index: 1
}

.about-wrap-9 .title-wrap[data-v-5b90744e] {
    left: 16.6667vw;
    position: absolute;
    top: 7.8125vw
}

.about-wrap-9 .title-wrap h3[data-v-5b90744e] {
    color: #262626;
    font-size: 2.6042vw;
    transform-origin: 0 0
}

.about-wrap-9 .title-wrap p[data-v-5b90744e] {
    color: #262626;
    font-size: 1.3541vw;
    letter-spacing: 1px;
    line-height: 1.82291vw;
    margin-top: 1.5625vw;
    transform-origin: 0 100%;
    width: 32em
}

.about-wrap-9 .title-en[data-v-5b90744e] {
    color: #262626;
    font-size: 1.0417vw;
    line-height: 1.4583vw;
    position: absolute;
    right: 16.6667vw;
    text-align: right;
    top: 7.8125vw;
    z-index: 4
}

[data-v-33d2dcd3]:export {
    edgeMargin: 16.6667vw
}

.link-arrow[data-v-33d2dcd3] {
    align-items: center;
    border: 1px solid #9b9b9f;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2.0833vw;
    justify-content: center;
    transition: all 1s;
    width: 2.0833vw
}

.link-arrow .el-icon-top-right[data-v-33d2dcd3] {
    color: #9b9b9f;
    font-size: 1.0417vw
}

.link-arrow.full[data-v-33d2dcd3] {
    background: #003ab3;
    border: 1px solid #003ab3;
    transition: all 1.5s
}

.link-arrow.full .el-icon-top-right[data-v-33d2dcd3] {
    color: #fff;
    font-size: 1.0417vw
}

[data-v-6b11053a]:export {
    edgeMargin: 16.6667vw
}

.about-wrap-10[data-v-6b11053a] {
    background: #f5f0e9;
    background-size: 100% 100%;
    height: 80vw;
    overflow: hidden;
    position: relative;
    width: 100%
}

.about-wrap-10 .letter-wrap[data-v-6b11053a] {
    align-items: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 18.85416vw;
    justify-content: space-between;
    left: 0;
    margin-left: -2.6042vw;
    position: absolute;
    top: 8.333vw;
    width: 100vw;
    z-index: 0
}

.about-wrap-10 .o1-wrap[data-v-6b11053a] {
  margin-left: 9.5vw;
  font-weight: 600;
  font-size: 85px;
  color: #433130;
}

.about-wrap-10 .o1-wrap[data-v-6b11053a],.about-wrap-10 .o3-wrap[data-v-6b11053a] {
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    flex-shrink: 0;
    height: 19.53125vw;
    width: 54vw
}

.about-wrap-10 .o3-wrap[data-v-6b11053a] {
  margin-right: -8.333vw;
  font-weight: 600;
  font-size: 85px;
  color: #433130;
}

.o2-wrap {
    background-position: 87% 0;
    background-size: 40%;
    bottom: 0;
    -webkit-clip-path: circle(60px at 54.6% 13.5%);
    clip-path: circle(60px at 54.6% 13.5%);
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transform-origin: 100% 0;
    z-index: 10
}

.o2-wrap.fullScreen[data-v-6b11053a] {
    background-position: 100% 0;
}

.cont-wrap[data-v-6b11053a] {
    top: 0;
    display: flex;
    justify-content: space-between;
    /*left: 16.6667vw;*/
    position: absolute;
    /*right: 16.6667vw;*/
    transform: translateZ(0);
    z-index: 3
}

.cont-wrap .title-wrap[data-v-6b11053a] {
    font-size: 1.3541vw;
    letter-spacing: 1px;
    line-height: 1.82291vw
}

.cont-wrap .title-wrap .img-wrap[data-v-6b11053a] {
    border-radius: .7292vw;
    box-shadow: 0 3.125vw 4.1666vw .2604vw rgba(44,55,81,.22);
    height: 19.94792vw;
    margin-top: 8.333vw;
    overflow: hidden;
    width: 29.5833vw
}

.cont-wrap .title-wrap .img-wrap img[data-v-6b11053a] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cont-wrap .list-warp[data-v-6b11053a] {
    align-items: flex-start;
    background-color: rgba(0,0,0,.1);
    border-radius: 1.0417vw;
    display: flex;
    flex-direction: column;
    height: 48vw;
    justify-content: flex-end;
    padding: 5.2083vw 3.125vw;
    transform: translateZ(0);
    width: 33.59375vw
}

.text-wrap[data-v-6b11053a] {
    maring-right: 1.5625vw;
    flex: 1
}

.link-btn[data-v-6b11053a] {
    display: flex;
    justify-content: flex-end;
    margin: 1.5625vw
}

.cont-wrap.show[data-v-6b11053a] {
    opacity: 1;
    transition: opacity 1.5s
}

.cont-wrap.hidden[data-v-6b11053a] {
    opacity: 0
}

.news-list[data-v-6b11053a] {
    margin-bottom: 1.0417vw
}

.news-list .news-item[data-v-6b11053a] {
    align-items: center;
    color: #fefefe;
    cursor: pointer;
    display: flex;
    margin-bottom: 4.1666vw;
    opacity: .7
}

.news-list .news-item .news-date[data-v-6b11053a] {
    flex-shrink: 0;
    margin-right: 1.5625vw;
    text-align: center;
    width: 3.385416vw
}

.news-list .news-item .news-date .date-day[data-v-6b11053a] {
    font-size: 3.385416vw
}

.news-list .news-item .news-date .date-year[data-v-6b11053a] {
    font-size: .8333vw;
    line-height: 1.1
}

.news-list .news-item .text-wrap h3[data-v-6b11053a] {
    font-size: 1.3541vw;
    line-height: 1.35;
    margin-bottom: 1.0417vw
}

.news-list .news-item .text-wrap .desc[data-v-6b11053a],.news-list .news-item .text-wrap h3[data-v-6b11053a] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.news-list .news-item .text-wrap .desc[data-v-6b11053a] {
    font-size: .8333vw;
    line-height: 1.0417vw;
    max-width: 98%
}

.news-list .news-item.active .news-date .date-year[data-v-6b11053a],.news-list .news-item.active[data-v-6b11053a] {
    color: #fff;
    opacity: 1
}

.news-list .news-item.active p[data-v-6b11053a] {
    opacity: .7
}

[data-v-52221d39]:export {
    edgeMargin: 16.6667vw
}

.about-wrap-11[data-v-52221d39] {
    background-repeat: no-repeat;
    background-size: cover;
    height: 56.25vw;
    overflow: hidden;
    position: relative;
    width: 100%
}

.about-wrap-11 .text-wrap[data-v-52221d39] {
    color: #fff;
    font-size: .8333vw;
    line-height: 1.4583vw;
    margin-left: 16.6667vw;
    margin-top: 8.854vw;
    max-width: 37.5vw
}

.about-wrap-11 .label-wrap[data-v-52221d39] {
    bottom: 0;
    left: 16.6667vw;
    position: absolute
}

.about-wrap-11 .label-wrap h2[data-v-52221d39] {
    color: #fff;
    font-size: 9.375vw;
    letter-spacing: -.36458333vw;
    line-height: 6.771vw;
    mix-blend-mode: overlay
}

.about-wrap-11 .vision-list[data-v-52221d39] {
    display: flex;
    justify-content: space-between;
    margin: 3.125vw 16.6667vw;
    padding: 3.64583vw 0
}

.about-wrap-11 .vision-list .vision-item[data-v-52221d39] {
    background-color: rgba(7,24,50,.1);
    border-radius: .625vw;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 20.8333vw;
    justify-content: space-between;
    padding: 2.34375vw 1.1458vw 1.82291vw;
    width: 15.625vw
}

.about-wrap-11 .vision-list .vision-item .name[data-v-52221d39] {
    flex: 1;
    font-size: 1.1458vw;
    transition: all .5s
}

.about-wrap-11 .vision-list .vision-item .text[data-v-52221d39] {
    align-items: flex-start;
    border-bottom: 1px solid #fff;
    display: flex;
    font-size: 1.3541vw;
    height: 4.1666vw;
    line-height: 1.6667vw;
    margin-bottom: 1.4583vw;
    padding-bottom: 1.4583vw
}

.about-wrap-11 .vision-list .vision-item .en[data-v-52221d39] {
    font-size: .8333vw
}

.about-wrap-11 .vision-list .vision-item[data-v-52221d39]:hover {
    background-color: rgba(7,24,50,.3);
    transition: all 1s
}

.about-wrap-11 .vision-list .vision-item:hover .name[data-v-52221d39] {
    font-size: 1.3541vw;
    transition: all 1s
}
@media (max-width: 1700px) {
  .about-wrap-10 .o1-wrap,.about-wrap-10 .o3-wrap{
    font-size: 80px !important;
  }
          .o2-wrap {
  
      -webkit-clip-path: circle(60px at 55% 5.5%);
      clip-path: circle(60px at 55% 5.5%);
    }
}
@media (max-width: 1600px) {

  .about-wrap-10 .o1-wrap,
  .about-wrap-10 .o3-wrap {
    font-size: 70px !important;
  }
          .o2-wrap {
  
      -webkit-clip-path: circle(60px at 55.6% 5.5%);
      clip-path: circle(60px at 54.6% 5.5%);
    }
}
@media (max-width: 1500px) {

  .about-wrap-10 .o1-wrap,
  .about-wrap-10 .o3-wrap {
    font-size: 63px !important;
  }
          .o2-wrap {
  
      -webkit-clip-path: circle(60px at 52.6% 5.5%);
      clip-path: circle(60px at 52.6% 5.5%);
    }
}
@media (max-width: 1400px) {

  .about-wrap-10 .o1-wrap,
  .about-wrap-10 .o3-wrap {
    font-size: 57px !important;
  }
          .o2-wrap {
  
      -webkit-clip-path: circle(60px at 52.6% 5.5%);
      clip-path: circle(60px at 52.6% 5.5%);
    }
}
@media (max-width: 1300px) {

  .about-wrap-10 .o1-wrap,
  .about-wrap-10 .o3-wrap {
    font-size: 53px !important;
  }
        .o2-wrap {
  
      -webkit-clip-path: circle(60px at 52.6% 5.5%);
      clip-path: circle(60px at 52.6% 5.5%);
    }
}
@media (max-width: 1200px) {

  .about-wrap-10 .o1-wrap,
  .about-wrap-10 .o3-wrap {
    font-size: 49px !important;
  }
      .o2-wrap {
  
      -webkit-clip-path: circle(60px at 52.6% 5.5%);
      clip-path: circle(60px at 52.6% 5.5%);
    }
}
@media (max-width: 1100px) {

  .about-wrap-10 .o1-wrap,
  .about-wrap-10 .o3-wrap {
    font-size: 44px !important;
  }
    .o2-wrap {
  
      -webkit-clip-path: circle(60px at 51.6% 5.5%);
      clip-path: circle(60px at 51.6% 5.5%);
    }
}
@media (max-width: 1000px) {
  .hide-1000{
    display: none !important;
  }
  .about-wrap-10 .o1-wrap,
  .about-wrap-10 .o3-wrap {
    font-size: 44px !important;
  }
  .o2-wrap{
    
    -webkit-clip-path: circle(60px at 51.6% 5.5%);
      clip-path:circle(60px at 51.6% 5.5%);
  }
}
@media (max-width: 768px) {

  .about-wrap-10 .o1-wrap,
  .about-wrap-10 .o3-wrap {
    font-size: 18px !important;
  }
}
.i-2-wt{
    display: none !important;
}
.wt-show{
    display: flex !important; 
}
@media (max-width: 1150px){
    #header-sticky>.nav .container>.menu .menu-box .menu_c .menu-menu-container>.menu>.menu-item>a{
        font-size: 14px;
    }
    #header-sticky>.nav .container>.menu .menu-box .menu_c .menu-menu-container>.menu>.menu-item{
        margin-left: 30px;
    }
}
.inner-page.product-page .init-1{
    /*padding-top: 50px;*/
}
@media (max-width: 1000px){
   .inner-page{
       padding-top: 60px !important;
   } 
}
@media (max-width: 500px){
   .inner-page{
       padding-top: 50px !important;
   } 
}
@media (max-width: 575px){
.section__title-wrapper-4 .section__title span{
    display: block;
    margin-left: 0px !important;
}
}
 .content_list-tw .list .content p{
     word-break: break-word;
 }
/*.mbx{
   padding-top: 50px;  
}*/






/*-------------------seo start----------------------*/
.about-section__right__dec h1 {
    display: inline;
    font-size: 15px;
}
a.yejiaolll {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 300px;
    vertical-align: middle;
}
.title{
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 1700px) {
  .container2 {
    max-width: 1400px !important;
    width: 1400px !important;
  }
}
@media (max-width: 1450px) {
  .container2 {
    max-width: 1200px !important;
    width: 1200px !important;
  }
  .about-wrap-10 .o1-wrap[data-v-6b11053a] {
    margin-left: 7.5vw;
  }
}
@media (max-width: 1250px) {
  .container2 {
    max-width: 970px !important;
    width: 970px !important;
  }
  #header-sticky{
    display: none !important;
  }
  #banner{
    margin-top: 0;
  }
  #banner .banner-content ul li .container2 .content{
    width: 100%;
  }
  .project-section__dec {
    width: calc(100% - 220px);
  }
  .about-wrap-10 .o1-wrap[data-v-6b11053a] {
    margin-left: 4.5vw;
    width: 51vw;
  }
}
@media (max-width: 1000px) {
  .container2 {
    max-width: 700px !important;
    width: 700px !important;
  }
  .project-section__content.margin-top{
    display: none;
  }
}
@media (max-width: 700px) {
  .container2 {
    max-width: 100 !important;
    width: 100% !important;
  }
}










.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.homepage-3{
  background-color:#ede7df;
}
.homepage-3 h2 {
  color: var(--color);
  font-weight: 600;
}
.homepage-3 .content {
  position: relative;
}
.homepage-3 .content .text {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 970px;
}
@media screen and (max-width: 1700px) {
  #header {
    padding: 0 60px;
  }
}
@media screen and (max-width: 1450px) {

  .homepage-3 h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1250px) {
    
  .homepage-3 h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1000px) {
    
  .homepage-3 .content .text {
    top: 50%;
    max-width: 100%;
    width: 90%;
  }
  .homepage-3 h2 {
    font-size: 36px;
  }
  .homepage-3 h2 i {
    display: none;
  }
}
@media screen and (max-width: 700px) {
    
  .homepage-3 h2 {
    padding: 0 30px;
    text-align: center;
    line-height: 1.2;
  }
  .homepage-3 .content > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    inset: 0;
  }
  .homepage-3 .content .text {
    position: relative;
    inset: 0;
    margin: 0 auto;
    padding: 60px 20px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
    .project-section__title {
        font-size: 30px;
        line-height: 1.4;
    }
    .section__title-wrapper-4 .section__title > div{
        margin-top: 15px;
    }
}
@media screen and (max-width: 500px) {
      .project-section__title {
        font-size: 24px;
        line-height: 1.4;
    }  
}
table tr:nth-child(even) {
    background: transparent;
}
.lh-0 {
  line-height: 0.8;
}
.lh-1 {
  line-height: 1;
}
.lh-2 {
  line-height: 1.2;
}
.lh-3 {
  line-height: 1.3;
}
.lh-4 {
  line-height: 1.4;
}
.lh-5 {
  line-height: 1.5;
}
.lh-6 {
  line-height: 1.6;
}
.lh-7 {
  line-height: 1.7;
}
.lh-8 {
  line-height: 1.8;
}
.lh-9 {
  line-height: 1.9;
}
.lh-10 {
  line-height: 2;
}

.prodet-page .prodet-1 .left {
  /*vertical-align: bottom;*/
  border: 1px solid #e6e6e6;
  text-align: center;
  width: 41.24%;
}
.prodet-page .prodet-1 .left img {
  width: 100%;
}
.prodet-page .prodet-1 .right {
  padding-left: 72px;
  vertical-align: bottom;
}
.prodet-page .prodet-1 .right span {
  font-size: 18px;
  line-height: 1.5;
  color: var(--color);
  font-weight: bold;
}
.prodet-page .prodet-1 .right h1 {
  font-size: 30px;
  color: #000;
  /*line-height: 60px;*/
  font-weight: bold;
  margin-top: 27px;
}
.prodet-page .prodet-1 .right .gallery {
  margin-top: 50px;
}
.prodet-page .prodet-1 .right .gallery ul {
  margin-right: -33px;
}
.prodet-page .prodet-1 .right .gallery ul li {
  padding-right: 33px;
}
.prodet-page .prodet-1 .right .gallery ul li .img-box {
  display: block;
  border: solid 1px #e6e6e6;
}
.prodet-page .prodet-1 .right a.mores {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  background: var(--color);
  color: white;
  padding: 12px 37px 11px 36px;
  margin-top: 49px;
  position: relative;
  z-index: 1;
}
.prodet-page .prodet-1 .right a.mores::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #000;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
.prodet-page .prodet-1 .right a.mores:hover::after {
  width: 100%;
}
.prodet-page .prodet-1 .right .m-link {
  margin-top: 52px;
}
.prodet-page .prodet-1 .right .m-link a {
  display: block;
  font-size: 18px;
  line-height: 2;
  color: #474747; 
  font-weight: 600;
}
.prodet-page .prodet-2 {
  margin-top: 70px;
}
.prodet-page .prodet-2 .top {
  padding-bottom: 27px;
  border-bottom: 1px solid #d8d8d8;
}
.prodet-page .prodet-2 .top ul li {
  display: inline-block;
  margin-right: 105px;
  color: #474747;
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
}
.prodet-page .prodet-2 .top ul li::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color);
  display: inline-block;
  vertical-align: top;
  margin: 8px 12px 0 0;
  display: none;
}
.prodet-page .prodet-2 .top ul li:last-child {
  margin-right: 0;
}
.prodet-page .prodet-2 .top ul li.active::before {
  display: inline-block;
}
.prodet-page .prodet-2 .content {
  margin-top: 26px;
  color: #474747;
  font-size: 18px;
  line-height: 2; 
  /*font-weight: 300;*/
}
.prodet-page .prodet-2 .content .title {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.6;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 25px;
  color: #000;
}
.prodet-page .prodet-2 .content .title::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;
  display: inline-block;
  vertical-align: top;
  margin: 14px 12px 0 0;
}
.prodet-page .prodet-2 .content strong {
  font-weight: bold;
}
.prodet-page .prodet-3 ul {
  margin-right: -54px;
}
.prodet-page .prodet-3 ul li {
  padding-right: 54px;
}
.prodet-page .prodet-3 ul li .img-box {
  display: block;
  border: solid 1px #e6e6e6;
}
.prodet-page .prodet-3 ul li .tit {
  display: block;
  padding: 31px 0 0 12px;
  font-size: 20px;
  line-height: 2;
  color: #474747;
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .prodet-page .prodet-1 .right h1 {
    font-size: 36px;
  }
  .prodet-page .prodet-1 .right {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1280px) {
  .prodet-page .prodet-1 .right span {
    font-size: 26px;
  }
  .prodet-page .prodet-1 .right h1 {
    font-size: 30px;
    margin-top: 10px;
  }
  .prodet-page .prodet-1 .right .gallery {
    margin-top: 20px;
  }
  .prodet-page .prodet-1 .right a.mores {
    margin-top: 25px;
  }
  .prodet-page .prodet-1 .right .m-link {
    margin-top: 30px;
  }
  .prodet-page .prodet-3 ul {
    margin-right: -20px;
  }
  .prodet-page .prodet-3 ul li {
    padding-right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .prodet-page .prodet-1 .left {
    width: 100%;
  }
  .prodet-page .prodet-1 .right {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .prodet-page .prodet-3 ul li .tit {
    padding: 15px 0 0 0;
  }
}
@media screen and (max-width: 700px) {
  .prodet-page .prodet-2 {
    margin-top: 30px;
  }
  .prodet-page .prodet-2 .top ul li {
    margin-right: 50px;
  }
}
@media screen and (max-width: 500px) {
  .prodet-page .prodet-1 .right span {
    font-size: 22px;
  }
  .prodet-page .prodet-1 .right h1 {
    font-size: 24px;
  }
  .prodet-page .prodet-2 .top {
    display: none;
  }
  .prodet-page .prodet-2 .content .title {
    display: block;
    margin-bottom: 20px;
  }
  .prodet-page .prodet-2 .content .slide {
    display: block;
    margin-top: 20px;
  }
  .prodet-page .prodet-2 .content .slide:first-child {
    margin-top: 0;
  }
}