html, body { position: relative; }

.ratio-case { --mdb-aspect-ratio: calc( 18 / 25 * 100%); }

.parallax-bg { position: absolute; left: 0; top: 0; width: 130%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; }

@media (min-width: 1200px) { .banner-swiper { height: 100vh; }
  .banner-swiper .banner-item img { height: 100vh !important; width: 100%; object-fit: cover; } }

@keyframes scale_zoom { from { transform: scale(1); }
  to { transform: scale(1.1); } }
.page-index .page-swiper { width: 100%; height: 100%; }
.page-index .page-swiper .home-slide { overflow: hidden; }
.page-index .page-swiper .home-slide .slide-inner { position: relative; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; }
.page-index .slide-head { padding-top: 6%; }
.page-index .slide-head .head-left { width: 85%; position: relative; }
.page-index .slide-head .head-left::before { content: attr(data-title); font-family: lovelo; font-size: 130px; color: #000; background: url("../Image/dot-bg.png"); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; line-height: 1; position: absolute; left: 0; }
.page-index .slide-head .head-left .head-name .cn-name { color: #282828; font-size: 40px; font-weight: bold; }
.page-index .slide-head .head-left .head-name .en-name { color: #999999; line-height: 1; font-size: 14px; text-transform: uppercase; }
@media (max-width: 1399.98px) { .page-index .slide-head .head-left::before { font-size: 100px; }
  .page-index .slide-head .head-left .head-name .cn-name { font-size: 36px; } }
@media (max-width: 1199.98px) { .page-index .slide-head .head-left::before { font-size: 90px; }
  .page-index .slide-head .head-left .head-name .cn-name { font-size: 32px; } }
@media (max-width: 991.98px) { .page-index .slide-head .head-left::before { font-size: 70px; }
  .page-index .slide-head .head-left .head-name .cn-name { font-size: 26px; } }
@media (max-width: 767.98px) { .page-index .slide-head .head-left::before { font-size: 50px; }
  .page-index .slide-head .head-left .head-name .cn-name { font-size: 20px; } }
@media (max-width: 575.98px) { .page-index .slide-head .head-left::before { font-size: 42px; }
  .page-index .slide-head .head-left .head-name .cn-name { font-size: 16px; }
  .page-index .slide-head .head-left .head-name .en-name { font-size: 10px; } }
.page-index .slide-head .head-right .head-more { background-color: #fff; font-size: 14px; position: relative; line-height: 2; display: flex; align-items: center; }
.page-index .slide-head .head-right .head-more .more-txt { flex: 1; text-align: center; text-transform: capitalize; color: #282828; line-height: 40px; padding: 0 1rem; }
.page-index .slide-head .head-right .head-more .more-icon { width: 40px; height: 40px; position: relative; background-color: #1d499a; }
.page-index .slide-head .head-right .head-more .more-icon svg { width: 50%; height: 50%; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; }
.page-index .slide-head .head-right .head-more .more-icon svg path { fill: #ffffff; }
@media (max-width: 575.98px) { .page-index .slide-head .head-right .head-more { font-size: 10px; }
  .page-index .slide-head .head-right .head-more .more-txt { line-height: 28px; }
  .page-index .slide-head .head-right .head-more .more-icon { width: 28px; height: 28px; } }
.page-index .category-nav-swiper { width: 100%; }
.page-index .category-nav-swiper .item { width: auto; padding: 0 3%; }
.page-index .category-nav-swiper .item .item-name { font-size: 18px; line-height: 1; transition: color .5s; display: inline-block; position: relative; padding: 0 3px; }
.page-index .category-nav-swiper .item .item-name::after { content: ''; display: block; position: absolute; width: 100%; height: 5px; background-color: #e2733e; left: 0; bottom: 0; transition: transform 0.5s; transform-origin: left; transform: scaleX(0); }
.page-index .category-nav-swiper .item .item-name a { font-weight: 300; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: #666666; position: relative; z-index: 2; display: block; }
@media (max-width: 991.98px) { .page-index .category-nav-swiper .item .item-name { font-size: 16px; }
  .page-index .category-nav-swiper .item .item-name::after { height: 3px; } }
@media (max-width: 767.98px) { .page-index .category-nav-swiper .item .item-name { font-size: 14px; }
  .page-index .category-nav-swiper .item .item-name::after { height: 2px; } }
.page-index .category-nav-swiper .item:hover .item-name::after { transform: scaleX(1); }
.page-index .category-nav-swiper .item:hover .item-name a { color: #282828; font-weight: 600; }
.page-index .brand-swiper .brand-item.item-1 .item-wrap { color: #fff; font-size: 45px; line-height: 2; text-align: center; width: 50%; position: relative; }
.page-index .brand-swiper .brand-item.item-1 .brand-txt { position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; }
.page-index .brand-swiper .brand-item.item-1 p { position: relative; z-index: 2; font-size: 45px; color: #ffffff; line-height: 2; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.page-index .brand-swiper .brand-item.item-1 p.txt-1 { -webkit-transform: translateX(-9%); -moz-transform: translateX(-9%); -ms-transform: translateX(-9%); -o-transform: translateX(-9%); transform: translateX(-9%); }
.page-index .brand-swiper .brand-item.item-1 p.txt-2 { -webkit-transform: translateX(9%); -moz-transform: translateX(9%); -ms-transform: translateX(9%); -o-transform: translateX(9%); transform: translateX(9%); }
@media (max-width: 767.98px) { .page-index .brand-swiper .brand-item.item-1 .item-wrap { width: 80%; font-size: 36px; }
  .page-index .brand-swiper .brand-item.item-1 p { font-size: 36px; } }
@media (max-width: 575.98px) { .page-index .brand-swiper .brand-item.item-1 .item-wrap { font-size: 32px; }
  .page-index .brand-swiper .brand-item.item-1 p { font-size: 32px; } }
.page-index .brand-swiper .brand-item.item-2 .item-wrap { width: 50%; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .item-title { font-size: 45px; color: #ffffff; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .item-desc { color: #ffffff; line-height: 1.8; font-size: 18px; margin: 2rem 0; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .item-link { color: var(--theme-color); position: relative; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .item-link::before { content: ''; display: block; width: 90%; height: 3px; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; background-color: CurrentColor; opacity: .8; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .item-link span { position: relative; z-index: 2; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params { background-color: #ffffff; border-radius: 5px; margin-top: 3rem; position: relative; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #ffffff; opacity: .4; -webkit-transform: translateY(-20px) scale(0.92); -moz-transform: translateY(-20px) scale(0.92); -ms-transform: translateY(-20px) scale(0.92); -o-transform: translateY(-20px) scale(0.92); transform: translateY(-20px) scale(0.92); border-radius: 5px; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item { position: relative; z-index: 2; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap { position: relative; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap::before { content: ''; position: absolute; height: 80%; width: 0; border-right: 1px dashed #dddddd; margin: auto; top: 0; bottom: 0; right: 0; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value { text-align: center; color: var(--theme-color); }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value strong { font-weight: bold; font-family: bahnschrift; font-size: 56px; line-height: 1.2; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value span { font-size: 16px; }
.page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-title { text-align: center; font-size: 16px; }
@media (max-width: 767.98px) { .page-index .brand-swiper .brand-item.item-2 .item-wrap { width: 90%; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .item-title { font-size: 36px; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .item-desc { font-size: 16px; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value strong { font-size: 36px; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value span { font-size: 14px; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-title { font-size: 14px; } }
@media (max-width: 575.98px) { .page-index .brand-swiper .brand-item.item-2 .item-wrap { width: 90%; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .item-title { font-size: 32px; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .item-desc { font-size: 14px; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value strong { font-size: 28px; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-value span { font-size: 12px; }
  .page-index .brand-swiper .brand-item.item-2 .item-wrap .brand-params .param-item .param-wrap .param-title { font-size: 12px; } }
.page-index .adv-box { position: relative; z-index: 2; }
.page-index .adv-box .box-top { top: 0; height: 100%; z-index: 2; }
@media (max-width: 991.98px) { .page-index .adv-box .box-top { top: 15%; } }
.page-index .adv-box .adv-txt-item .item-wrap { width: 60%; margin: auto; text-align: center; color: #fff; }
.page-index .adv-box .adv-txt-item .item-title { font-size: 52px; position: relative; font-weight: bold; display: inline-block; letter-spacing: 3px; transition: transform .5s, opacity .5s; transform: translateY(10px); line-height: 3; width: 100%; }
.page-index .adv-box .adv-txt-item .item-title::before { content: attr(data-title); font-family: lovelo; font-size: 120px; color: #ffffff; background: url("../Image/dot-white-bg.png"); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; line-height: 1.4; position: absolute; text-align: center; left: 0; right: 0; opacity: .25; }
.page-index .adv-box .adv-txt-item .item-title span { display: inline-block; position: relative; z-index: 2; }
.page-index .adv-box .adv-txt-item .item-desc { letter-spacing: 1px; -webkit-transition: transform .5s , opacity .5s; -moz-transition: transform .5s , opacity .5s; -ms-transition: transform .5s , opacity .5s; -o-transition: transform .5s , opacity .5s; transition: transform .5s , opacity .5s; font-size: 26px; line-height: 2; font-weight: 100; transform: translateY(10px); }
.page-index .adv-box .adv-txt-item.swiper-slide-active .item-bg { animation: scale_zoom linear infinite 5s; }
.page-index .adv-box .adv-item { position: static; }
.page-index .adv-box .adv-item .item-wrap { height: 100%; overflow: hidden; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.15); }
.page-index .adv-box .adv-item .item-wrap .caption { position: absolute; bottom: 0; width: 100%; z-index: 1; color: #ffffff; padding: 10% 15%; transition: background-color .3s; text-align: center; text-transform: uppercase; font-weight: bold; }
.page-index .adv-box .adv-item .item-wrap .caption::before { content: 'Shenghua'; font-family: Lovelo; position: absolute; width: 100%; z-index: 1; opacity: .05; text-transform: uppercase; left: 0; bottom: 0; line-height: 0.32; font-size: 80px; }
.page-index .adv-box .adv-item .item-wrap .caption .item-name { font-size: 28px; position: relative; line-height: 2; -webkit-transition: transform .5s, opacity .5s; -moz-transition: transform .5s, opacity .5s; -ms-transition: transform .5s, opacity .5s; -o-transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s; }
.page-index .adv-box .adv-item .item-wrap .caption .item-ename { font-size: 20px; text-transform: uppercase; }
.page-index .adv-box .adv-item .overlay { position: absolute; top: 20%; left: 0; width: 100%; z-index: 2; height: 45%; opacity: 0; visibility: hidden; margin: auto; }
.page-index .adv-box .adv-item .overlay .overlay-wrap { width: 60%; margin: auto; text-align: center; color: #fff; }
.page-index .adv-box .adv-item .overlay .item-title { font-size: 52px; position: relative; font-weight: bold; display: inline-block; letter-spacing: 3px; transition: transform .5s, opacity .5s; transform: translateY(10px); opacity: 0; line-height: 3; width: 100%; }
.page-index .adv-box .adv-item .overlay .item-title::before { content: attr(data-title); font-family: lovelo; font-size: 120px; color: #ffffff; background: url("../Image/dot-white-bg.png"); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; line-height: 1.4; position: absolute; text-align: center; left: 0; opacity: .1; }
.page-index .adv-box .adv-item .overlay .item-title span { display: inline-block; position: relative; z-index: 2; }
.page-index .adv-box .adv-item .overlay .item-desc { letter-spacing: 1px; -webkit-transition: transform .5s , opacity .5s; -moz-transition: transform .5s , opacity .5s; -ms-transition: transform .5s , opacity .5s; -o-transition: transform .5s , opacity .5s; transition: transform .5s , opacity .5s; font-size: 26px; line-height: 2; font-weight: 100; transform: translateY(10px); opacity: 0; }
.page-index .adv-box .adv-item.active {         /*.item-wrap{ .front,.back{ -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); } .front{ -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; } .back{ opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
 } }*/ /*.caption{ -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(100%);
}*/ }
.page-index .adv-box .adv-item.active .caption { background-color: var(--theme-color); }
.page-index .adv-box .adv-item.active .overlay { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.page-index .adv-box .adv-item.active .overlay .overlay-wrap .item-title { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.page-index .adv-box .adv-item.active .overlay .overlay-wrap .item-desc { opacity: 1; transition-delay: .2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
@media (min-width: 1200px) { .page-index .adv-box { height: 100vh; } }
@media (max-width: 1199.98px) { .page-index .adv-box { height: 600px; }
  .page-index .adv-box .adv-txt-item .item-title { font-size: 38px; line-height: 2.5; }
  .page-index .adv-box .adv-txt-item .item-title::before { font-size: 70px; }
  .page-index .adv-box .adv-txt-item .item-desc { font-size: 22px; line-height: 2; }
  .page-index .adv-box .adv-item .item-wrap .caption::before { font-size: 60px; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-name { font-size: 26px; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-ename { font-size: 18px; } }
@media (max-width: 991.98px) { .page-index .adv-box { height: 480px; }
  .page-index .adv-box .adv-txt-item .item-title { font-size: 28px; line-height: 2; }
  .page-index .adv-box .adv-txt-item .item-title::before { font-size: 48px; }
  .page-index .adv-box .adv-txt-item .item-desc { font-size: 18px; line-height: 2; }
  .page-index .adv-box .adv-item .item-wrap .caption::before { font-size: 48px; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-name { font-size: 24px; line-height: 1.8; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-ename { font-size: 16px; } }
@media (max-width: 767.98px) { .page-index .adv-box { height: 420px; }
  .page-index .adv-box .adv-txt-item .item-title { font-size: 24px; line-height: 2; }
  .page-index .adv-box .adv-txt-item .item-title::before { font-size: 36px; }
  .page-index .adv-box .adv-txt-item .item-desc { font-size: 14px; line-height: 2; }
  .page-index .adv-box .adv-item .item-wrap .caption { padding: 8% 15%; }
  .page-index .adv-box .adv-item .item-wrap .caption::before { font-size: 52px; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-name { font-size: 22px; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-ename { font-size: 14px; } }
@media (max-width: 575.98px) { .page-index .adv-box { height: 320px; }
  .page-index .adv-box .adv-txt-item .item-title { font-size: 18px; }
  .page-index .adv-box .adv-txt-item .item-title::before { font-size: 30px; }
  .page-index .adv-box .adv-txt-item .item-desc { font-size: 12px; line-height: 2; }
  .page-index .adv-box .adv-item .item-wrap .caption { padding: 8% 10%; }
  .page-index .adv-box .adv-item .item-wrap .caption::before { font-size: 32px; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-name { font-size: 18px; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-ename { font-size: 12px; } }
.page-index .slide-product { background-color: #f4f6f8; overflow: hidden; }
.page-index .slide-product .product-swiper { margin-top: 2.5%; margin-bottom: 3%; }
.page-index .slide-product .product-swiper .item .item-wrap .item-caption { background-color: #ffffff; color: #000000; padding: 0.5rem 2.5rem 1.8rem; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-title { opacity: .9; font-size: 22px; line-height: 3; }
.page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-spec { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1.2rem 0; transition: border-color .5s; }
.page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-spec .spec-title { font-weight: bold; opacity: .85; }
.page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-spec .spec-value { font-size: 14px; opacity: .6; line-height: 2; margin-top: 3px; }
.page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-more { padding-top: 8%; color: var(--theme-color); }
@media (max-width: 991.998px) { .page-index .slide-product .product-swiper .item .item-wrap .item-caption { padding: 0.25rem 1.2rem 1.5rem; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-title { font-size: 18px; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-spec { padding: 1rem 0; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-spec .spec-value { font-size: 14px; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-more { padding-top: 4%; font-size: 14px; } }
@media (max-width: 767.998px) { .page-index .slide-product .product-swiper .item .item-wrap .item-caption { padding: 0.25rem .725rem 1rem; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-title { font-size: 16px; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-spec { padding: 10px 0; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-spec .spec-title { font-size: 14px; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-spec .spec-value { font-size: 12px; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-more { font-size: 12px; } }
@media (max-width: 575.998px) { .page-index .slide-product .product-swiper .item .item-wrap .item-caption { padding: 0.25rem .725rem 1rem; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-title { font-size: 14px; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-spec { padding: 5px 0; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-spec .spec-title { font-size: 12px; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-spec .spec-value { font-size: 10px; }
  .page-index .slide-product .product-swiper .item .item-wrap .item-caption .item-more { font-size: 10px; } }
.page-index .slide-product .product-swiper .item:hover .item-wrap .item-caption { color: #ffffff; background-color: var(--theme-color); }
.page-index .slide-product .product-swiper .item:hover .item-wrap .item-caption .item-spec { border-color: rgba(255, 255, 255, 0.1); }
.page-index .slide-product .product-swiper .item:hover .item-wrap .item-caption .item-more { color: #ffffff; }
.page-index .slide-about { background: url("../Image/sec-about-bg.jpg") center no-repeat; }
.page-index .slide-about .about-top { z-index: 2; padding-bottom: 8%; }
@media (max-width: 1199.98px) { .page-index .slide-about .about-top > img { max-width: 90%; } }
@media (max-width: 991.98px) { .page-index .slide-about { padding-top: 4%; }
  .page-index .slide-about .about-top { padding-bottom: 5%; } }
.page-index .slide-about .about-img { position: absolute; margin: auto; top: 0; bottom: 0; right: 0; z-index: 3; max-width: 54vw; display: none; }
@media (min-width: 992px) { .page-index .slide-about .about-img { display: block; } }
.page-index .slide-about .about-left { height: 100%; position: relative; }
.page-index .slide-about .about-left .about-txt { position: absolute; top: 0; left: 0; }
.page-index .slide-about .about-left .about-head { font-size: 30px; color: #000; }
.page-index .slide-about .about-left .about-head .head-title { font-size: 160%; font-weight: bold; }
.page-index .slide-about .about-left .about-content { color: #070002; line-height: 3; }
.page-index .slide-about .about-left .about-more { display: flex; align-items: center; margin-top: 6%; }
.page-index .slide-about .about-left .about-more span { display: inline-block; }
.page-index .slide-about .about-left .about-more span.more-plus { margin-right: 25px; position: relative; width: 70px; height: 70px; background-color: var(--theme-color); }
.page-index .slide-about .about-left .about-more span.more-plus::before, .page-index .slide-about .about-left .about-more span.more-plus::after { content: ''; display: block; position: absolute; width: 30%; height: 3px; background-color: #ffffff; left: 0; bottom: 0; top: 0; right: 0; transition: transform .5s; margin: auto; }
.page-index .slide-about .about-left .about-more span.more-plus::before { transform: rotate(90deg); }
.page-index .slide-about .about-left .about-more span.more-txt { text-transform: uppercase; font-size: 18px; line-height: 2; padding-bottom: 5px; position: relative; }
.page-index .slide-about .about-left .about-more span.more-txt::after { content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: currentColor; left: 0; bottom: 0; transition: transform .5s; transform-origin: left; }
.page-index .slide-about .about-left .about-more span.more-txt:hover::after { transform-origin: right; transform: scale(0); }
@media (max-width: 1399.98px) { .page-index .slide-about .about-left .about-head { font-size: 26px; }
  .page-index .slide-about .about-left .about-content { line-height: 2.5; }
  .page-index .slide-about .about-left .about-more { margin-top: 6%; }
  .page-index .slide-about .about-left .about-more span.more-plus { margin-right: 20px; width: 60px; height: 60px; }
  .page-index .slide-about .about-left .about-more span.more-txt { font-size: 18px; } }
@media (max-width: 1199.98px) { .page-index .slide-about .about-left .about-head { font-size: 22px; }
  .page-index .slide-about .about-left .about-head .head-title { font-size: 160%; font-weight: bold; }
  .page-index .slide-about .about-left .about-content { line-height: 2; }
  .page-index .slide-about .about-left .about-more { display: flex; align-items: center; margin-top: 6%; }
  .page-index .slide-about .about-left .about-more span { display: inline-block; }
  .page-index .slide-about .about-left .about-more span.more-plus { margin-right: 20px; width: 56px; height: 56px; }
  .page-index .slide-about .about-left .about-more span.more-plus::before, .page-index .slide-about .about-left .about-more span.more-plus::after { height: 2px; }
  .page-index .slide-about .about-left .about-more span.more-txt { font-size: 18px; } }
@media (max-width: 991.98px) { .page-index .slide-about .about-left .about-head { font-size: 18px; }
  .page-index .slide-about .about-left .about-content { line-height: 1.8; }
  .page-index .slide-about .about-left .about-more { display: flex; align-items: center; margin-top: 6%; }
  .page-index .slide-about .about-left .about-more span { display: inline-block; }
  .page-index .slide-about .about-left .about-more span.more-plus { margin-right: 15px; width: 46px; height: 46px; }
  .page-index .slide-about .about-left .about-more span.more-txt { font-size: 14px; } }
@media (max-width: 767.98px) { .page-index .slide-about .about-left .about-head { font-size: 16px; }
  .page-index .slide-about .about-left .about-content { font-size: 14px; }
  .page-index .slide-about .about-left .about-more { margin-top: 6%; }
  .page-index .slide-about .about-left .about-more span { display: inline-block; }
  .page-index .slide-about .about-left .about-more span.more-plus { margin-right: 10px; width: 36px; height: 36px; }
  .page-index .slide-about .about-left .about-more span.more-plus::before, .page-index .slide-about .about-left .about-more span.more-plus::after { height: 1px; }
  .page-index .slide-about .about-left .about-more span.more-txt { font-size: 12px; } }
@media (max-width: 575.98px) { .page-index .slide-about .about-left .about-head { font-size: 14px; }
  .page-index .slide-about .about-left .about-content { color: #666666; font-size: 10px; }
  .page-index .slide-about .about-left .about-more { margin-top: 6%; }
  .page-index .slide-about .about-left .about-more span { display: inline-block; }
  .page-index .slide-about .about-left .about-more span.more-plus { margin-right: 5px; width: 32px; height: 32px; }
  .page-index .slide-about .about-left .about-more span.more-plus::before, .page-index .slide-about .about-left .about-more span.more-plus::after { height: 1px; }
  .page-index .slide-about .about-left .about-more span.more-txt { font-size: 10px; } }
.page-index .slide-about .about-bottom { height: 26.765%; background: url("../Image/about-bottom-bg.jpg") center/cover no-repeat; padding: 5% 0; }
@media (min-width: 1200px) { .page-index .slide-about .about-bottom { position: absolute; bottom: 0; left: 0; } }
.page-index .slide-about .about-bottom .about-params { position: relative; flex: 1; }
.page-index .slide-about .about-bottom .about-params .param-item .item-wrap { color: #ffffff; position: relative; }
.page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value .number { font-size: 45px; line-height: 1; font-weight: bold; font-family: lovelo; }
.page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value::after { content: ''; display: block; width: 1rem; height: 2px; background: #ffffff; opacity: .5; margin: 1rem 0; }
@media (max-width: 1679.98px) { .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value .number { font-size: 42px; } }
@media (max-width: 1399.98px) { .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value .number { font-size: 38px; } }
@media (max-width: 1199.98px) { .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value .number { font-size: 36px; } }
@media (max-width: 991.98px) { .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value .number { font-size: 32px; }
  .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value .unit { font-size: 14px; }
  .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value::after { margin: 10px 0; } }
@media (max-width: 767.98px) { .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value .number { font-size: 28px; }
  .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value .unit { font-size: 12px; }
  .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value::after { margin: 5px 0; }
  .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-title { font-size: 13px; } }
@media (max-width: 420.98px) { .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value .number { font-size: 18px; }
  .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-value .unit { font-size: 9px; }
  .page-index .slide-about .about-bottom .about-params .param-item .item-wrap .item-title { font-size: 9px; } }
.page-index .slide-cases .cases-swiper { margin-top: 3.5%; }
.page-index .slide-cases .cases-swiper .item .item-wrap .item-img { overflow: hidden; }
.page-index .slide-cases .cases-swiper .item .item-wrap .item-img img { transition: transform .5s; }
.page-index .slide-cases .cases-swiper .item .item-wrap .item-name { width: 45%; }
.page-index .slide-cases .cases-swiper .item .item-wrap .item-name .item-name-wrap { background-color: var(--theme-color); color: #ffffff; padding: 1rem; transition: transform .5s,opacity .5s; opacity: 0; visibility: hidden; }
.page-index .slide-cases .cases-swiper .item .item-wrap .item-name .item-name-wrap span { flex: 1; }
.page-index .slide-cases .cases-swiper .item .item-wrap .item-name .item-name-wrap svg { width: 18px; height: auto; }
.page-index .slide-cases .cases-swiper .item .item-wrap .item-name .item-name-wrap svg path { fill: currentColor; }
@media (max-width: 991.98px) { .page-index .slide-cases .cases-swiper .item .item-wrap .item-name { width: 70%; }
  .page-index .slide-cases .cases-swiper .item .item-wrap .item-name .item-name-wrap { padding: .75rem; } }
@media (max-width: 767.98px) { .page-index .slide-cases .cases-swiper .item .item-wrap .item-name { width: 80%; font-size: 14px; }
  .page-index .slide-cases .cases-swiper .item .item-wrap .item-name .item-name-wrap { padding: .625rem; } }
@media (max-width: 575.98px) { .page-index .slide-cases .cases-swiper .item .item-wrap .item-name { width: 90%; font-size: 12px; }
  .page-index .slide-cases .cases-swiper .item .item-wrap .item-name .item-name-wrap { padding: .5rem; } }
.page-index .slide-cases .cases-swiper .item .item-wrap:hover .item-img img { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }
.page-index .slide-cases .cases-swiper .item .item-wrap:hover .item-name .item-name-wrap { opacity: 1; visibility: visible; transform: translateY(-50%); }
.page-index .slide-news { background-color: #f4f6f8; }
@media (max-width: 767.98px) { .page-index .slide-news { padding-bottom: 3%; overflow: hidden; } }
.page-index .news-swiper { margin-top: 3.5%; margin-bottom: 3%; }
.page-index .news-swiper .item { background-color: #fcfaf5; position: relative; overflow: hidden; }
.page-index .news-swiper .item .item-wrap { position: relative; z-index: 2; color: #141414; }
.page-index .news-swiper .item .item-wrap .item-img { background: url("../Image/news-bg.jpg") center/cover no-repeat; }
.page-index .news-swiper .item .item-wrap .item-img img { transition: transform .5s, opacity .5s; transform: scale(1.2); opacity: 0; }
.page-index .news-swiper .item .item-wrap .item-img::before { --mdb-aspect-ratio: calc( 56 / 44 * 100%); }
.page-index .news-swiper .item .item-wrap .item-title { font-size: 24px; transition: color .5s; }
.page-index .news-swiper .item .item-wrap .item-foot .item-time { transition: opacity .5s,color .5s; }
.page-index .news-swiper .item .item-wrap .item-foot .item-time .day { line-height: 1; font-size: 50px; font-weight: bold; font-family: DIN; }
.page-index .news-swiper .item .item-wrap .item-foot .item-time .year-month { font-size: 22px; }
.page-index .news-swiper .item .item-wrap .item-foot .item-more { position: relative; transition: color .5s; font-size: 22px; line-height: 1; align-self: center; padding-bottom: 3px; }
.page-index .news-swiper .item .item-wrap .item-foot .item-more::after { content: ''; display: block; position: absolute; width: 100%; height: 2px; background-color: currentColor; left: 0; bottom: 0; transition: transform .5s; transform-origin: left; }
.page-index .news-swiper .item .item-wrap .item-foot .item-more:hover::after { transform: scaleX(0); transform-origin: right; }
.page-index .news-swiper .item .item-wrap .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-index .news-swiper .item .item-wrap .overlay::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: #0054a5; opacity: 0; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; }
.page-index .news-swiper .item .item-wrap .overlay-wrap { position: relative; z-index: 2; height: 100%; padding: 12%; }
@media (max-width: 1199.98px) { .page-index .news-swiper .item .item-wrap .item-title { font-size: 20px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-time .day { font-size: 32px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-time .year-month { font-size: 18px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-more { font-size: 18px; } }
@media (max-width: 991.98px) { .page-index .news-swiper .item .item-wrap .item-title { font-size: 18px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-time .day { font-size: 28px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-time .year-month { font-size: 16px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-more { font-size: 16px; } }
@media (max-width: 767.98px) { .page-index .news-swiper .item .item-wrap .item-title { font-size: 16px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-time .day { font-size: 22px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-time .year-month { font-size: 14px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-more { font-size: 14px; } }
@media (max-width: 575.98px) { .page-index .news-swiper .item .item-wrap .item-title { font-size: 14px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-time .day { font-size: 18px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-time .year-month { font-size: 12px; }
  .page-index .news-swiper .item .item-wrap .item-foot .item-more { font-size: 12px; } }
.page-index .news-swiper .item:hover .item-wrap .item-img img { transition: transform 1.5s, opacity .5s; opacity: 1; transform: scale(1); }
.page-index .news-swiper .item:hover .item-wrap .item-title { color: #ffffff; }
.page-index .news-swiper .item:hover .item-wrap .item-foot .item-time { color: #ffffff; opacity: .5; }
.page-index .news-swiper .item:hover .item-wrap .item-foot .item-more { color: #ffffff; opacity: .5; }
.page-index .news-swiper .item:hover .item-wrap .overlay { opacity: .95; }
.page-index .news-swiper .item:hover .item-wrap .overlay:before { opacity: 1; }