@charset "UTF-8";
html, body { position: relative; }

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

.banner-swiper .banner-item .banner-txt { position: absolute; margin: auto; max-width: 56vw; top: 20vh; left: 0; right: 0; }
@media (max-width: 767.98px) { .banner-swiper .banner-item .banner-txt { max-width: 76vw; top: 30vh; } }

.page-index .page-swiper { width: 100%; height: 100%; }
.page-index .page-swiper .section { overflow: hidden; }
.page-index .page-swiper .section .slide-inner { position: relative; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; }
@media (max-width: 1199.98px) { .page-index .page-swiper .section .slide-inner { padding: 3% 0 5%; } }
.page-index .slide-head { margin-top: 3%; }
.page-index .slide-head .head-left .head-name { font-family: shiyuansong,'宋体',sans-serif; color: var(--theme-color); }
.page-index .slide-head .head-left .head-name .cn-name { font-size: 40px; }
.page-index .slide-head .head-left .head-name .en-name { line-height: 1; font-size: 30px; color: #b3a290; text-transform: uppercase; }
@media (max-width: 991.98px) { .page-index .slide-head .head-left .head-name .cn-name { font-size: 32px; }
  .page-index .slide-head .head-left .head-name .en-name { font-size: 24px; } }
@media (max-width: 767.98px) { .page-index .slide-head .head-left .head-name .cn-name { font-size: 26px; }
  .page-index .slide-head .head-left .head-name .en-name { font-size: 18px; } }
@media (max-width: 575.98px) { .page-index .slide-head .head-left .head-name .cn-name { font-size: 22px; }
  .page-index .slide-head .head-left .head-name .en-name { font-size: 14px; } }
.page-index .slide-head .head-right .head-more a { font-size: 30px; font-family: shiyuansong, "宋体", SimSun; color: #7f5d38; position: relative; line-height: 2; }
.page-index .slide-head .head-right .head-more a::after { content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: currentColor; left: 0; bottom: 0; transition: transform 0.5s; transform-origin: left; }
.page-index .slide-head .head-right .head-more a:hover::after { transform-origin: right; transform: scale(0); }
.page-index .cateogry-nav-swiper { width: 100%; }
.page-index .cateogry-nav-swiper .item .item-name { font-family: shiyuansong, "宋体", SimSun; font-size: 20px; color: #b3a290; line-height: 2; transition: color .5s; }
@media (max-width: 991.98px) { .page-index .cateogry-nav-swiper .item .item-name { font-size: 18px; } }
@media (max-width: 767.98px) { .page-index .cateogry-nav-swiper .item .item-name { font-size: 16px; } }
@media (max-width: 575.98px) { .page-index .cateogry-nav-swiper .item .item-name { font-size: 14px; } }
.page-index .cateogry-nav-swiper .item .item-dot { margin: 10px auto 0; position: relative; display: flex; align-items: center; width: 75%; }
.page-index .cateogry-nav-swiper .item .item-dot i { user-select: none; display: inline-block; margin: 0 5px; width: 5px; height: 5px; border-radius: 5px; background-color: var(--theme-color); -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; transform: scale(0); opacity: 0; }
.page-index .cateogry-nav-swiper .item .item-dot::before, .page-index .cateogry-nav-swiper .item .item-dot::after { content: ''; display: inline-flex; height: 3px; width: calc(50% - 8px); background-color: var(--theme-color); border-radius: 5px; transform: scaleX(0); transition: transform .5s; }
.page-index .cateogry-nav-swiper .item .item-dot:before { transform-origin: right; }
.page-index .cateogry-nav-swiper .item .item-dot::after { transform-origin: left; }
.page-index .cateogry-nav-swiper .item:hover .item-name { color: var(--theme-color); }
.page-index .cateogry-nav-swiper .item:hover .item-dot i { transform: scale(1); opacity: 1; }
.page-index .cateogry-nav-swiper .item:hover .item-dot::before, .page-index .cateogry-nav-swiper .item:hover .item-dot::after { transform: scaleX(1); }
.page-index .cateogry-nav-swiper .item:hover .item-dot::before { transform-origin: right; }
.page-index .cateogry-nav-swiper .item:hover .item-dot::after { transform-origin: left; }
.page-index .category-thumb-swiper { margin-top: 2rem; }
.page-index .category-thumb-swiper .thumb-item .item-wrap .item-img { position: relative; margin: 0 auto; }
.page-index .category-thumb-swiper .thumb-item .item-wrap .item-img .img-wrap { width: 100%; height: 100%; position: relative; }
.page-index .category-thumb-swiper .thumb-item .item-wrap .item-name { font-size: 20px; color: #7f5d38; line-height: 2; }
.page-index .category-thumb-swiper .thumb-item.active .item-wrap .item-img::before, .page-index .category-thumb-swiper .thumb-item.active .item-wrap .item-img::after, .page-index .category-thumb-swiper .thumb-item.swiper-slide-thumb-active .item-wrap .item-img::before, .page-index .category-thumb-swiper .thumb-item.swiper-slide-thumb-active .item-wrap .item-img::after { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.page-index .category-thumb-swiper .thumb-item.active .item-wrap .item-name, .page-index .category-thumb-swiper .thumb-item.swiper-slide-thumb-active .item-wrap .item-name { color: #0c5fa7; }
@media (max-width: 767.98px) { .page-index .category-thumb-swiper { margin-top: 2rem; }
  .page-index .category-thumb-swiper .thumb-item .item-wrap .item-img { --base-size: 70px; }
  .page-index .category-thumb-swiper .thumb-item .item-wrap .item-name { font-size: 16px; } }
@media (max-width: 575.98px) { .page-index .category-thumb-swiper { margin-top: 0; }
  .page-index .category-thumb-swiper .thumb-item .item-wrap .item-img { --base-size: 60px; }
  .page-index .category-thumb-swiper .thumb-item .item-wrap .item-name { font-size: 14px; } }
.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 .adv-item .item-wrap { overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-right: 1px solid rgba(255, 255, 255, 0.15);         /*.front,.back{ position: absolute; width: 100%; height: 100%; -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); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1) , opacity .5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; .inner{ position: absolute; width: 100% ; height: 100%; top: 0; left: 0; -webkit-transform: translateZ(60px) scale(0.94); -moz-transform: translateZ(60px) scale(0.94); -ms-transform: translateZ(60px) scale(0.94); -o-transform: translateZ(60px) scale(0.94); transform: translateZ(60px) scale(0.94); }
 } .front{ webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 1; } .back{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 0; }*/ }
.page-index .adv-box .adv-item .item-wrap .caption { position: absolute; bottom: 0; width: 100%; height: 100%; z-index: 1; color: #ffffff; padding: 20% 15%; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; }
.page-index .adv-box .adv-item .item-wrap .caption .item-name { writing-mode: vertical-lr; line-height: 1; font-size: 30px; color: #e1cda5; font-family: shiyuansong,"宋体", SimSun; font-weight: bold; top: 20%; position: relative; -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-name::before { content: ''; width: 34px; height: 34px; background: url("../Image/adv/txt-jiu.png") center/contain no-repeat; display: inline-block; }
.page-index .adv-box .adv-item .item-wrap .overlay { position: absolute; width: 100%; z-index: 2; height: 100%; opacity: 0; visibility: hidden; transition: opacity 1s, transform .5s; background: url("../Image/adv-bg.jpg") center/cover no-repeat; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap { writing-mode: vertical-lr; width: 100%; height: 70%; padding: 4%; display: flex; flex-direction: column; justify-content: center; color: var(--theme-light-color); position: absolute; top: 0; bottom: 0; margin: auto; }
.page-index .adv-box .adv-item .item-wrap .overlay .item-title { font-size: 30px; position: relative; font-family: shiyuansong,"宋体", SimSun; font-weight: bold; line-height: 50px; margin-left: 2rem; display: inline-block; letter-spacing: 3px; transition: transform .5s , opacity .5s; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; }
.page-index .adv-box .adv-item .item-wrap .overlay .item-title::before, .page-index .adv-box .adv-item .item-wrap .overlay .item-title::after { content: ''; width: 50px; height: 50px; position: relative; display: inline-block; }
.page-index .adv-box .adv-item .item-wrap .overlay .item-title::before { background: url("../Image/adv/adv-titlt-top.png") center/contain no-repeat; }
.page-index .adv-box .adv-item .item-wrap .overlay .item-title::after { background: url("../Image/adv/adv-titlt-bottom.png") center/contain no-repeat; margin-bottom: 10px; }
.page-index .adv-box .adv-item .item-wrap .overlay .item-title span { display: inline-block; line-height: 46px; border-left: 2px solid; border-right: 2px solid; margin: 10px 0; }
.page-index .adv-box .adv-item .item-wrap .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: 20px; line-height: 2; font-weight: 100; writing-mode: vertical-rl; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; }
@media (max-width: 1199.98px) { .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap { padding: 0 10%; } }
@media (max-width: 575.98px) { .page-index .adv-box .adv-item .item-wrap .caption .item-name { font-size: 24px; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-name::before { width: 30px; height: 30px; }
  .page-index .adv-box .adv-item .item-wrap .caption .item-brief { font-size: 24px; }
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap { padding: 0 10%; }
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-index .current-index { font-size: 28px; }
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-index .index-total { font-size: 16px; }
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-icon svg { width: 46px; height: 46px; }
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-title { font-size: 18px; margin-left: 1rem; }
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-title::after, .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-title::before { width: 42px; height: 42px; }
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-title span { line-height: 36px; margin: 5px 0; }
  .page-index .adv-box .adv-item .item-wrap .overlay .overlay-wrap .item-desc { font-size: 14px; } }
.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 .item-name { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 0; }
.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: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; transition-delay: .2s; }
.page-index .adv-box .adv-item.active .overlay .overlay-wrap .item-desc { opacity: 1; transition-delay: .5s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.page-index .slide-about .about-left { width: 60%; height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; }
.page-index .slide-about .about-left .about-txt { max-width: 100%; position: absolute; top: 0; left: 0; }
.page-index .slide-about .about-left .about-head .head-name { position: relative; z-index: 2; font-weight: bold; font-family: shiyuansong,"宋体", SimSun; }
.page-index .slide-about .about-left .about-head .head-name .en-name { font-size: 30px; color: #b3a290; text-transform: uppercase; }
.page-index .slide-about .about-left .about-head .head-name .cn-name { color: var(--theme-color); font-size: 40px; }
.page-index .slide-about .about-left .about-head .head-icon { position: relative; z-index: 2; }
.page-index .slide-about .about-left .about-content { margin-top: 5%; color: #7f5d38; }
.page-index .slide-about .about-left .about-content p { margin-bottom: 3%; color: #7f5d38; }
.page-index .slide-about .about-left .about-more a { color: var(--theme-color); font-size: 18px; line-height: 2; padding-bottom: 5px; position: relative; }
.page-index .slide-about .about-left .about-more a::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 a:hover::after { transform-origin: right; transform: scale(0); }
@media (max-width: 1199.98px) { .page-index .slide-about .about-left .about-head .head-name .en-name { font-size: 24px; }
  .page-index .slide-about .about-left .about-head .head-name .cn-name { font-size: 28px; }
  .page-index .slide-about .about-left .about-head .head-icon img { width: 30px; height: auto; } }
@media (max-width: 991.98px) { .page-index .slide-about .about-left { width: 100%; }
  .page-index .slide-about .about-left .about-head .head-name .en-name { font-size: 22px; }
  .page-index .slide-about .about-left .about-head .head-name .cn-name { font-size: 28px; }
  .page-index .slide-about .about-left .about-head .head-icon img { width: 24px; height: auto; }
  .page-index .slide-about .about-left .about-content { font-size: 16px; }
  .page-index .slide-about .about-left about-more a { font-size: 16px; } }
@media (max-width: 767.98px) { .page-index .slide-about .about-left .about-head .head-name .en-name { font-size: 16px; }
  .page-index .slide-about .about-left .about-head .head-name .cn-name { font-size: 22px; }
  .page-index .slide-about .about-left .about-head .head-icon img { width: 22px; height: auto; }
  .page-index .slide-about .about-left .about-content { font-size: 14px; }
  .page-index .slide-about .about-left .about-more a { font-size: 14px; } }
@media (max-width: 575.98px) { .page-index .slide-about .about-left .about-head .head-name .en-name { font-size: 14px; }
  .page-index .slide-about .about-left .about-head .head-name .cn-name { font-size: 18px; }
  .page-index .slide-about .about-left .about-head .head-icon img { width: 24px; }
  .page-index .slide-about .about-left .about-content { font-size: 12px; }
  .page-index .slide-about .about-left about-more a { font-size: 12px; } }
.page-index .slide-about .about-right { position: absolute; right: 0; height: 100%; top: 0; width: 46vw; }
.page-index .slide-about .about-right img { height: 100%; width: auto; }
.page-index .news-swiper { margin-top: 3.5%; }
.page-index .news-swiper .news-item { background-color: #fcfaf5; position: relative; overflow: hidden; }
.page-index .news-swiper .news-item::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../Image/news-hover-bg.png") bottom/contain no-repeat #9b7a54; transition: all .5s; opacity: 0; transform: scale(1.1); }
.page-index .news-swiper .news-item .item-wrap { position: relative; z-index: 2; padding: 4rem; }
.page-index .news-swiper .news-item .item-wrap .item-title { font-size: 24px; color: var(--theme-color); transition: color .5s; }
.page-index .news-swiper .news-item .item-wrap .item-title a { color: currentColor; }
.page-index .news-swiper .news-item .item-wrap .item-mid { margin: 15% 0; }
.page-index .news-swiper .news-item .item-wrap .item-mid .item-desc { color: #9b7a54; line-height: 2; font-size: 18px; transition: color .5s; }
.page-index .news-swiper .news-item .item-wrap .item-foot .news-time { color: #9b7a54; transition: opacity .5s,color .5s; }
.page-index .news-swiper .news-item .item-wrap .item-foot .news-time .day { line-height: 1.2; font-size: 50px; }
.page-index .news-swiper .news-item .item-wrap .item-foot .news-time .year-month { font-size: 22px; }
.page-index .news-swiper .news-item .item-wrap .item-foot .news-more { position: relative; line-height: 2; color: #9b7a54; transition: color .5s; }
.page-index .news-swiper .news-item .item-wrap .item-foot .news-more a { color: currentColor; }
.page-index .news-swiper .news-item .item-wrap .item-foot .news-more::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 .news-swiper .news-item .item-wrap .item-foot .news-more:hover::after { transform: scaleX(0); transform-origin: right; }
@media (max-width: 1199.98px) { .page-index .news-swiper .news-item .item-wrap { padding: 2rem; }
  .page-index .news-swiper .news-item .item-wrap .item-title { font-size: 22px; } }
@media (max-width: 991.98px) { .page-index .news-swiper .news-item .item-wrap .item-foot .news-time .day { font-size: 42px; }
  .page-index .news-swiper .news-item .item-wrap .item-foot .news-time .year-month { font-size: 18px; } }
@media (max-width: 767.98px) { .page-index .news-swiper .news-item .item-wrap { padding: 1.5rem; }
  .page-index .news-swiper .news-item .item-wrap .item-title { font-size: 18px; }
  .page-index .news-swiper .news-item .item-wrap .item-mid { margin: 10% 0; }
  .page-index .news-swiper .news-item .item-wrap .item-mid .item-desc { font-size: 16px; }
  .page-index .news-swiper .news-item .item-wrap .item-foot .news-time .day { font-size: 36px; }
  .page-index .news-swiper .news-item .item-wrap .item-foot .news-time .year-month { font-size: 16px; }
  .page-index .news-swiper .news-item .item-wrap .item-foot .news-more a { font-size: 14px; } }
@media (max-width: 575.98px) { .page-index .news-swiper .news-item .item-wrap .item-title { font-size: 15px; }
  .page-index .news-swiper .news-item .item-wrap .item-mid { margin: 10% 0; }
  .page-index .news-swiper .news-item .item-wrap .item-mid .item-desc { font-size: 14px; line-height: 2; }
  .page-index .news-swiper .news-item .item-wrap .item-foot .news-time .day { font-size: 30px; }
  .page-index .news-swiper .news-item .item-wrap .item-foot .news-time .year-month { font-size: 14px; }
  .page-index .news-swiper .news-item .item-wrap .item-foot .news-more a { font-size: 13px; } }
.page-index .news-swiper .news-item:hover::before { opacity: 1; transform: scale(1); }
.page-index .news-swiper .news-item:hover .item-wrap .item-title { color: #ffffff; }
.page-index .news-swiper .news-item:hover .item-wrap .item-mid .item-desc { opacity: .5; color: #ffffff; }
.page-index .news-swiper .news-item:hover .item-wrap .item-foot .news-time { color: #ffffff; opacity: .5; }
.page-index .news-swiper .news-item:hover .item-wrap .item-foot .news-more { color: #ffffff; opacity: .5; }