#c-placeholder {height: 6.25rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; transition: .6s; border-bottom: 1px solid rgba(232, 232, 232, 0.1);}
.headBox {padding: 0 7%;  transition: .5s; height: 6.25rem; display: flex; justify-content: space-between; align-items: center; background: transparent;}
.headBox .logo {height: 100%;}
.headBox .logo img {height: 4.375rem; max-height: 100%; object-fit: contain; transition: .5s; }
.headBox .le {height: 100%; flex-shrink: 0;}
.headBox .le .logo a {height: 100%;}
.headBox .re {height: 100%; justify-content: end;}

/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0;}
/* 取消layui默认样式 end!!!*/

nav {height: 100%;  width: 50.6%;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; transition: 0.6s; position: relative; }
nav .layui-nav .layui-nav-item::after{position: absolute; content: ''; bottom: -0.125rem; width: 0;  height: .25rem;   background: #C30D23;   border-radius: .125rem; transition: .6s;}
nav .layui-nav .layui-nav-item > a {color: #fff;position: relative;z-index: 1;font-size: var(--font18);transition: 0.6s;display: block;}
nav .layui-nav .layui-nav-item > a i {display: none;}

nav .layui-nav .layui-nav-item.layui-this::after{width: 100%;}

@media (any-hover:hover) {
    nav .layui-nav .layui-nav-item:hover::after{width: 100%;}
}
nav .layui-nav-bar {display: none;} 





/* 默认下拉 */
.navlist {position: absolute;left: 0;top: 100%;width: auto;min-width: 9.5rem;left: 50%;transform: translateX(-50%);display: none;background: #fff;padding:1rem}
.navlist dl dt a{color: #666!important;padding: 0!important;text-align: center;display: block;font-size: var(--font16);line-height: 2;}
@media (any-hover: hover) {
.navlist dl dt a:hover{color: #C30D23!important;}
}
nav .layui-nav .layui-nav-item:nth-child(3) .navlist{min-width: 24rem;}
nav .layui-nav .layui-nav-item:nth-child(3) .navlist dl{display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }


.ver-link a{margin: 0 .3125rem;}

/* 搜索 */
.head_search {cursor: pointer; margin-left: 2.25rem; margin-left: 5.5rem;}
.head_search a img{width: 1.4375rem;}



/* 弹出搜索 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgba(0, 0, 0,.9);   display: none;}
.searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;}
.searchFull .ssf-fields-wrap {margin: 0 15%; position: relative;}
.searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 3.75rem;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 4.375rem; color: #fff;}
.searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 3.75rem;height: 3.75rem;font-size: var(--font22);text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;}
.searchFull .ssf-fields-wrap .ssf-btn svg {width: 50%; height: 100%;}
.searchFull .ssf-fields-wrap .ssf-btn svg path{fill: #fff;}
.ssfDismisser {position: absolute; top: 1.25rem; right: 1.875rem; font-size: var(--font30);color: #8e9295;line-height: 1.875rem; width: 1.875rem;height: 1.875rem; text-align: center;}
.ssfDismisser svg {width: 100%; height: 100%;}
.ssfDismisser svg path{fill: #fff;}


@media (any-hover:hover) {
    header:hover .headBox .logo img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
    header:hover{background: #fff;}
    header:hover nav .layui-nav .layui-nav-item > a{color: #333;}
    header:hover nav .layui-nav .layui-this > a {color: #333!important;}
    header:hover nav .layui-nav .layui-nav-item > a:hover{color: #333!important;}
    header:hover  .ver-link img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
    header:hover  .ver-link span{color: #333;}
    header:hover  .ver-link a{color: #333;}
    header:hover  .ver-link a:hover{color: #C30D23;}
    header:hover .head_search a img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
}


header.c-style2 .headBox .logo img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
header.c-style2{background: #fff; box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3);}
header.c-style2 nav .layui-nav .layui-nav-item > a{color: #333;}
header.c-style2 nav .layui-nav .layui-this > a {color: #333!important;}
header.c-style2 nav .layui-nav .layui-nav-item > a:hover{color: #333!important;}
header.c-style2  .ver-link img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
header.c-style2  .ver-link span{color: #333;}
header.c-style2  .ver-link a{color: #333;}
@media (any-hover: hover) {
header.c-style2  .ver-link a:hover{color: #C30D23;}
}
header.c-style2 .head_search a img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}




/* =================头部 end!!!=================== */
/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#C30D23 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #C30D23; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {background: #C30D23; padding: 0.95rem 2.8rem;  transition: .5s; display: inline-flex; transition: .6s; border-radius: 100px;}

@media (any-hover: hover) {
    .more1:hover {box-shadow: 0 0 0 .625rem rgba(195, 13, 35, 0.5);  }
}



/* 首页banner */
.indexBanner {position: relative;}
.bannerSwiper {height: 100%;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {width: 100%; height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1);object-fit: cover;}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .slide{overflow: hidden;}
.indexBanner .info h2{font-size: 4.375rem; font-weight: 800; line-height: 1.2;}
.indexBanner .banner-more{margin-top: 3rem;}
.banner-bottom{bottom: 3.3125rem; z-index: 2; position: absolute; width: 100%;}
#banner-num{width: auto; position: relative; color: #fff;}
#banner-num span{ font-size: var(--font16);}
#banner-num .swiper-pagination-current{font-size: var(--font30);}
.indexBanner .swjt{width: 3.0625rem; height: 3.0625rem; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; position: relative; transition: .6s;}
#banner-prev{left: auto;}
#banner-next{right: auto; margin-left: .75rem;}
#banner-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
@media (any-hover: hover) {
#banner-prev:hover,#banner-next:hover{background: #C30D23; }
}

/* 产品专区 */
.product-bg{padding: 7.8125rem 3.6%; box-sizing: border-box; background: url(../images/product-bg.webp) no-repeat center; background-size: cover; }
.index-title strong{display: block; font-size: 3.5rem; color: #333333; line-height: 1;  font-weight: 800;}
.index-title h3{color: #333333;margin-top: .4375rem; }
.product-list {padding: 6.875rem 0 5.25rem;}
.product-list ul{display: grid;grid-template-columns: repeat(9, 1fr); }
.product-list ul li{border-right: 1px solid rgba(215, 215, 215, 0.5); border-bottom: 1px solid rgba(215, 215, 215, 0.5);  padding-bottom: .9375rem;}
.product-list ul li a{display: flex;justify-content: center;flex-direction: column;align-items: center;}
.product-list ul li .pic {width: 7.5rem; height: 7.5rem; display: flex; align-items: center; justify-content: center;}
.product-list ul li .pic img{display: block; max-width: 100%; min-width: 50%;     mix-blend-mode: multiply;}
.product-list ul li h3{text-align: center; color: #333333; line-height: 1.3;}
.product-list ul li:nth-child(n+10):nth-child(-n+18) {border-bottom: none;}
.index-more{display: flex; align-items: center; justify-content: center;}
.more2{background: #683108; border-radius: 100px; display: inline-block; padding: 1.1rem 1.64rem; transition: .6s;}
.more2 img{width: 1.1875rem; margin-right: .4375rem; transition: .6s;}
.more2 em{color: #FFFFFF;}
@media (any-hover: hover) {
    .more2:hover{box-shadow: 0 0 0 .625rem rgba(104, 49, 8, 0.5);  }
    .more2:hover img{transform: rotate(180deg); }
}


/* 关于乐嘉 */
.about-bg{padding: 11.25rem 0 11.5rem; box-sizing: border-box; background: url(../images/about-bg.webp) no-repeat center; background-size: cover;  background-attachment: fixed;}
.about-box{padding-bottom: 11.25rem;}
.about-box .about-left .index-title {margin-bottom:5.9375rem;}
.about-box .about-left .index-title strong{color: #fff;}
.about-box  .info {width: 58%;}
.about-box .index-more{justify-content: flex-start;}
.more3{background: #683108; border-radius: 100px;  padding: 0.93rem 1.43rem; transition: .6s;}
.more3 img{width: .5rem; margin-left: 1.3125rem;}

@media (any-hover: hover) {
    .more3:hover{box-shadow: 0 0 0 .625rem rgba(104, 49, 8, 0.5);  }

}
.about-line{background: url(../images/about-line.png)no-repeat  top center;width: 100%;padding: 0 0 3rem;}
.about-num ul li .icon{position: relative; width: 5.375rem; height: 5.0625rem; margin-right: 1.1875rem;}
.about-num ul li .icon img{display: block; max-width: 100%; max-height: 100%; object-fit: contain;}
.about-num ul li .icon b{display: inline-block;color: #FFBD8C;position: absolute;left: 0;right: 0;margin: 0 auto;content: "";text-align: center;top: 50%;transform: translateY(-50%);}


/* 应用案例 */
.case{padding: 8.0625rem 0 7.125rem;}
.case .index-title{margin-bottom:4.75rem;}
.case-list{height: 37.4375rem; overflow: hidden; position: relative;}
.case-list ul{display: flex;align-items: flex-end;}
.case-list ul li{position: relative; height: 86%!important; overflow: hidden; transition: .6s;}
.case-list ul li a{display: flex;align-items: flex-end; height: 100%; position: relative}
.case-list ul li a::before{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35);}
.case-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.case-list ul li .info-bg{position: absolute; width: 100%; padding: 3.375rem 5% 3.75rem 8%; }
.case-list ul li .info-bg::before{position: absolute; content: ''; bottom: -100%; transition: .6s;  background: rgba(114, 53, 9, 0.9); width: 100%; height: 100%; left: 0;}
.case-list ul li.swiper-slide-active { height: 100%!important;}
.case-list ul li.swiper-slide-active a::before{display: none;}
.case-list ul li .info{width: 52%;}
.case-list ul li .info-bg strong{display: block; margin-bottom: .625rem; position: relative; z-index: 2;}
.case-list ul li span,.case-list ul li .text{display: none; position: relative; z-index: 2;}    
.case-list ul li.swiper-slide-active .info-bg{ }
.case-list ul li.swiper-slide-active .info-bg::before{bottom: 0;}
.case-list ul li.swiper-slide-active span,.case-list ul li.swiper-slide-active .text{display: block;}  
.case-list ul li .text{position: relative;} 
.case-list ul li .text::before{position: absolute; content: ''; width: .0625rem; height: 100%; background: rgba(238, 238, 238, 0.3);left: 0; top: 0; }
.case-list ul li .text dl dt{padding-left: 1.5625rem; line-height: 1.5; color: rgba(255, 255, 255, 0.5); position: relative; margin-bottom: .3125rem;}
.case-list ul li .text dl dt:first-child:before{position: absolute; content: ''; left: -0.0938rem; width: .1875rem; height: 100%; background: #FFFFFF;}
.case .index-more{margin-top: 5.75rem;}
.case .index-more .more2{padding: 1.1rem 2.47rem;}
.case-list .swjt{width: 5.625rem; height: 5.625rem; border-radius: 50%; background: rgba(255, 255, 255, 0.1); transition: .6s}
.case-list .swjt img{transition: .6s;}
#case-prev{left: 10.89%;}
#case-next{right: 10.89%;}
@media (any-hover: hover) {
.case-list .swjt:hover{background: #6A3906;}
.case-list .swjt:hover img{transform: rotate(45deg);}
.case-list  #case-next:hover img{transform: rotate(-45deg);}
}



/* 新闻资讯 */
.news-bg{background: url(../images/news-bg.webp) no-repeat center; background-size: cover; padding: 6.5rem 0 5.625rem;}
.news-top{margin-bottom: 4.1875rem;}
.news-top .index-title strong{color: #fff;}
.news-list{position: relative; overflow: hidden; padding-bottom: 5rem;}
.news-list ul li{border-radius: .625rem; transition: .6s;}
.news-list ul li .pic{overflow: hidden;  border-radius: .625rem .625rem 0px 0px;}
.news-list ul li .pic img{display: block; width: 100%; transition: 1s;}
.news-list ul li .info{background: #eae9e8; border-radius: 0px 0px .625rem .625rem; padding: 2.5rem 3rem 0; transition: .6s;}
.news-list ul li .info strong{color: #333333; margin-bottom: .8125rem;}
.news-list ul li .info  p{margin-bottom: 2.8125rem;}
.news-list ul li .date{border-top: 1px solid rgba(219, 223, 226, 0.8); padding: 1.6875rem 0;}
#news-num{bottom: 0;}
#news-num span{width: .75rem; height: .75rem; border-radius: 50%; background: rgba(255, 255, 255, 0.2); transition: .6s; margin: 0 .375rem; opacity: 1;}
#news-num span.swiper-pagination-bullet-active{background: #fff;}
@media (any-hover: hover) {
    .news-list ul li:hover .info{background: #6A3906;}
    .news-list ul li:hover  .info strong{color: #fff;}
    .news-list ul li:hover  .info p{color: #fff;}
    .news-list ul li:hover .date{border-top: 1px solid rgba(185, 185, 185, 0.2); }
    .news-list ul li:hover .date span{color: #fff;}
.news-list ul li:hover .pic img{transform: scale(1.2); }
}


/* 公共底部 */
.footer-bg{background: url(../images/footer-bg.webp) no-repeat center; background-size: cover;}
.footer-logo{border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 2.25rem 0 1.5625rem}
.footer-logo img{display: block; width: 10.25rem;}
.footer-middle{padding: 3.125rem 0 3.75rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}

.footer-contact strong{display: block; margin-bottom: .625rem;}
.footer-contact i{display: block; width: 1.3125rem;  height: .25rem;  background: #FFFFFF;  border-radius: .125rem; margin-bottom: 1.6875rem; }
.footer-contact p{font-size: var(--font15); color: rgba(255, 255, 255, 0.6); line-height: 2.2;}

.foternav{width: 55%;}
.foternav dl dt a{color: #FFFFFF; margin-bottom: 1.6875rem; display: block;}
.foternav dl dd a{font-size: var(--font15); color: rgba(255, 255, 255, 0.6); line-height: 2.2; transition: .6s;}
.footer-wechat{text-align: center;width: 8.2%; min-width: 9%;}
.footer-wechat img{display: block; width: 100%; margin-bottom: .4375rem;}
.footer-wechat span{font-size: var(--font15); color: rgba(255, 255, 255, 0.6); }
.footer-copy{padding: 1.875rem 0}
.footer-copy p{font-size: var(--font15); color: rgba(255, 255, 255, 0.3); }
.footer-copy p a{transition: .6s;}
@media (any-hover: hover) {
    .foternav dl dd a:hover,.footer-copy p a:hover{color: #fff;}
}



/* 公共右侧 */

.slider_links {position: fixed;right: 5%;bottom: 5%;z-index: 999; }
.slider_links .flex-c {flex-direction: column; gap: .625rem;}
.slider_links li {position: relative;  cursor: pointer; border-radius: 50%; transition: .6s;}
.slider_links li a {display: flex; align-items: center; justify-content: center;width: 3rem; height: 3rem; background: #c7000b; border-radius: 50%;}
.slider_links li a svg ,.slider_links li a img {width: 62%;height: 62%;object-fit: contain; /* 保持图片比例，不拉伸变形 */transition: all 0.3s ease; /* 过渡效果，鼠标移入轻微缩放，提升质感 */}
/* 二维码容器：默认隐藏，绝对定位在图标左侧 */
.slider_links .code {opacity: 0; position: absolute;right: 3rem;top: 50%;transform: translateY(-50%);width: 9.5rem;padding: .5rem;background: #ffffff;border-radius: .5rem;box-shadow: 0 .125rem .625rem rgba(0, 0, 0, 0.1);transition: .6s;text-align: center;}
.slider_links .code img {width: 100%;height: 100%;object-fit: contain;}
.slider_links .code p{line-height: 1.8;}
/* 关键：鼠标移入列表项时，显示对应的二维码 */
.slider_links li:hover .code { right: 3.5rem; opacity: 1;}








/* 内页banner */
.ny-banner{position: relative; overflow: hidden;}
.ny-banner .pic{}
.ny-banner .pic>img{width: 100%; height: 100%; object-fit: cover; min-height: 25rem}
.ny-banner .banner-box{top: 19%;}
.position span{color: rgba(255, 255, 255, 0.8);}
.position img{width: 1.0625rem;}
.position a{margin: 0 .3125rem; color: rgba(255, 255, 255, 0.8);}
.position a:hover{color: #fff;}


/* 内页关于我们 */
.ny-about{padding: 7.5rem 0 10.9375rem}
.about-title span{color: #C30D23; display: block;}
.about-title strong{font-size: 2.875rem}
.ny-about .about-title{margin-bottom: 1.375rem;}
.nyabout-box{padding:  0 23%;}
.nyabout-box .info{margin-bottom: 6.6875rem;}
.nyabout-box .info p{color: #616161;}
.nyabout-num ul li strong{font-size: 3.625rem; color: #333333; line-height: 1;}
.nyabout-num ul li h3{color: #333333;}

.vision-bg{background: url(../images/vision-bg.webp) no-repeat center; background-size: cover; padding: 9.75rem 0 12.25rem;}
.vision-list ul li{width: 31.125rem; height: 31.125rem; overflow: hidden;  display: flex; align-items: center; justify-content: center;  flex-direction: column; border-radius: 50%; position: relative;}
.vision-list ul li::after{position: absolute; content: ""; width: 100%; height: 100%; background: rgba(97, 54, 8, 0.8); transform: scale(0); transition: .6s; border-radius: 50%; z-index: 1;}
.vision-list ul li .vision-title{position: relative; margin-bottom: 1.375rem; z-index: 2;}
.vision-list ul li b{font-size: 6.25rem;color: rgba(255, 255, 255, 0.03);line-height: 1.1;}
.vision-list ul li strong{position: absolute;font-size: 2.5rem;left: 0;right: 0;margin: auto;color: #FFFFFF;display: block;text-align: center;bottom: 0;}
.vision-list ul li h5{position: relative; z-index: 2;}
@media (any-hover: hover) {
.vision-list ul li:hover::after{transform: scale(1); }
}
.indexOne {position: relative; overflow: hidden; z-index: 1;  clip-path: inset(0);}
.indexOne .bjBox {position: absolute; z-index: -1; left: 0; top: 0; width: 100vw; height: 100vh; }
.indexOne .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexOne .about-title  {   position: absolute;   left: 50%;   transform: translateX(-50%);   top: 8.25rem;}
.indexOne .about-title strong{color: #fff;}
.scroll-fix {position: absolute;left: 0;top: 0;height: 100vh;width: 100%;overflow: hidden;}
.scroll-wrapper {height: 100%;}
.lfy-history-box .cup-line {position: absolute;left: 0;top: 29.17%;width: 300vw;z-index: 3;}
.history-item {position: absolute;}
.history-item .point {width: .75rem;height: .75rem;border-radius: 50%;background: #fff;} 
.history-item .point::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scale(0); width: 300%; height: 300%; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2); transition: .5s;}
.history-text {position: absolute; left: 50%; transform: translateX(-50%); white-space: normal; width: 14rem; text-align: center; transition: .5s;pointer-events: none;}
.history-text .time {font-size: var(--font24);font-weight: 500; color: #fff; margin: .5rem 0 1.4375rem; line-height: 1;}
.history-text .txt {color: #fff;opacity: 0; transition: .5s;}
.cup-line .zhan-line {width: 100%;opacity: 0;}
.cup-line .line {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: left center;background-size: cover;}
.history-item:nth-child(1)  { left: 3%;  top: 40%; }
.history-item:nth-child(2)  { left: 10%; top: 60%; }
.history-item:nth-child(3)  { left: 17%; top: 94%; }
.history-item:nth-child(4)  { left: 24%; top: 95%; }
.history-item:nth-child(5)  { left: 31%; top: 56%; }
.history-item:nth-child(6)  { left: 38%; top: 11%; }
.history-item:nth-child(7)  { left: 45%; top: 10%; }
.history-item:nth-child(8)  { left: 52%; top: 43%; }
.history-item:nth-child(9)  {left: 59%;top: 73%;}
.history-item:nth-child(10) {left: 66%;top: 67%;}
.history-item:nth-child(11) {left: 73%;top: 30%;}
.history-item:nth-child(12) {left: 80%;top: 6%;}
.history-item:nth-child(13) {left: 86%;top: 18%;}
.history-item:nth-child(14) {left: 92%;top: 65%;}
.history-item:nth-child(15) { left: 96%; top: 90%;}
.history-item .point::after {transform: translateX(-50%) translateY(-50%) scale(1);}
.history-item .history-text .txt {opacity: .8;}
.history-item .history-text {margin-top: 2.5rem;}
.indexOne.on .bjBox {position: fixed;}
.indexOne.on2 .bjBox {position: absolute; top: auto; bottom: 0;}
.honor-bg{background: url(../images/honor-bg.webp) no-repeat center; background-size: cover; padding: 6.6875rem 0 8.875rem;}
.honor-bg .about-title{margin-bottom: 5.1875rem;}
.honor-list{overflow: hidden; padding-bottom: 3.6875rem;}
.honor-list ul li {}
.honor-list ul li .pic{border-radius: .625rem; height: 29.375rem; display: flex; align-items: center; justify-content: center; background: #fff;}
.honor-list ul li .pic img{display: block; width: 100%; object-fit: contain;}
.honor-box {position: relative;}
.honor-box .swjt{width: 3.4375rem; height: 3.4375rem; border: 1px solid rgba(166, 166, 166, 0.5); border-radius: 50%; position: relative; margin: 0 .4375rem; transition: 0.6s;}
.honor-box #honor-prev{left: auto;}
.honor-box #honor-next{right: auto;}
.honor-box #honor-next img{transform: rotate(180deg);}
.honor-box .swjt img{display: block; width: .5rem;}

@media (any-hover: hover) {
.honor-box .swjt:hover {background: #6F3F0D;}
.honor-box .swjt:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
}


/* 内页banner */
.ny-banner .info {text-align: center; top: 54%;}
.ny-banner .info strong,.ny-banner .info b{display: block; font-size: 3rem; line-height: 1;}
.ny-banner .info strong{margin-bottom: .3125rem;}
.ny-banner .info b{margin-bottom: 2.6875rem;}
.ny-banner .info img{width: 1.75rem;}


/* 内页产品专区 */
.proMain{margin-bottom: 6.125rem;}
.proclass-top{border-bottom: 1px solid #E3E3E3;    align-items: flex-start; padding: 2.75rem 0 1.4375rem;}
.proclass-title{margin-right: 2.4375rem; margin-top: .3125rem;}
.proclass-title b{margin-right: .9375rem;}
.proclass-title img{width: .4375rem;}
.proclass-list{flex: 1;}
.proclass-list ul li{margin-right: .75rem; margin-bottom: .875rem;}
.proclass-list ul li a{display: block;color: #525252;border-radius: 100px;line-height: 2.4;padding: 0 1.6rem; transition: .6s;}
.proclass-list ul li.on a{background: #6F3F0D; color: #fff;}
@media (any-hover: hover) {
.proclass-list ul li:hover a{background: #6F3F0D; color: #fff;}
}

.pro-middle{padding: 1.9375rem 0 2.5rem;}
.pro-search{border: 1px solid #E3E3E3; border-radius: 100px; height: 3.125rem; width: 22.5rem; padding: 0 .9375rem;}
.pro-search img{width: 1.3125rem; margin-right: .6875rem;}
.pro-search input{flex: 1; font-size: var(--font14);}
.pro-search input::placeholder{color: #A5A5A5;}
.pro-search button{cursor: pointer;}
.pro-item .list ul {display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 4.875rem;}
.pro-item .list ul li{text-align: center; border: 1px solid #EAEAEA; padding-bottom: 4.6875rem;}
.pro-item .list ul li{margin-left: -1px; margin-bottom: -1px;}
.pro-item .list ul li .pic {overflow: hidden; height: 18.1875rem; display: flex; align-items: center; justify-content: center;} 
.pro-item .list ul li .pic img{display: block; max-width: 100%; min-width: 44%; transform: scale(0.9); transition: .6s;}

.pro-item .list ul li em{color: #C30D23; display: block;}
.pro-item .list ul li strong{color: #333333; margin-bottom: 2.1875rem;}
.pro-item .list ul li span{color: #838383; background: #EAEAEA; border-radius: 100px; padding:.5rem 1.02rem; display: inline-block; transition: .6s;}

@media (any-hover: hover) {
    .pro-item .list ul li:hover .pic img{transform: scale(1); }
    .pro-item .list ul li:hover span{background: #6F3F0D; color: #fff;}

}



/* 产品专区详情 */
.proxq-header{border-bottom:1px solid rgba(82, 82, 82, 0.1)}
.proxq-header nav .layui-nav .layui-nav-item > a{color: #333333;}
.proxq-header .ver-link img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
.proxq-header  .ver-link span{color: #333;}
.proxq-header  .ver-link a{color: #333;}
.proxq-header .head_search a img {   -webkit-filter: brightness(1) invert(1);   filter: brightness(1) invert(1);}
.position2 img{width: .9375rem;}
.position2 span,.position2 span a{color: #666666;}


.pro-banner .banner-box{top: 55%;}
.proxq .info{width: 35%; text-align: left;}
.proxq .info span{color: #CC0000;}
.proxq .info h1{font-size: 3.125rem; color: #333333; font-weight: 800; margin-bottom: .75rem;}
.proxq .info h2{color: #666666; margin-bottom: 4.5625rem;}
.proxq .info a{display: inline-block; background: #683108; border-radius: .3125rem; color: #FFFFFF; padding: 0.7rem 2.6rem;  transition: .6s;}

@media (any-hover: hover) {
    .proxq .info a:hover {box-shadow: 0 0 0 .625rem rgba(104, 49, 8, 0.51);  }
}
.proxq-right{width: 50%; position: relative;}
.proxq-list{width: 84.8%; position: relative; overflow: hidden;}
.proxq-list  ul li .proxq-pic{display: flex; align-items: center; justify-content: center; overflow: hidden; height: 33.375rem;}

.proxq-list  ul li .proxq-pic img{display: block; max-width: 100%; min-width: 80%; object-fit: contain;}

#proxq-num{width: auto;right: 10%;left: auto;display: flex;flex-direction: column;justify-content: center;top: 50%;transform: translateY(-50%);}
#proxq-num span{width: .6875rem;    height: .6875rem;    background: #FFFFFF;    border-radius: 50%; margin: .625rem 0; opacity: 1;}
#proxq-num span.swiper-pagination-bullet-active{background: #683108;}

.proxqMain{padding: 6.25rem 0;}
.proxq-editor img{display: block; max-width: 100%; height: auto!important;}



/* 内页应用案例 */
.caseMain{padding: 4.6875rem 0;}
.caseMain .proclass-list{margin-bottom: 4rem;}
.nycase-list ul li{box-shadow: 0px 51px 109px 0px rgba(0,0,0,0.1); border-radius: 1.625rem; margin-bottom: 2.8125rem;}
.nycase-list ul li .pic,.nycase-list ul li .info{width: 50%;}
.nycase-list ul li .pic{overflow: hidden; border-top-left-radius: 1.625rem; border-bottom-left-radius: 1.625rem;}
.nycase-list ul li .pic img{display: block; width: 100%;   transition: .6s;}
.nycase-list ul li .info{padding: 0 5.5%;}
.nycase-list ul li .text{border-bottom: 1px solid #F1F1F1; padding-bottom: 8.25rem; margin-bottom: 2.1875rem;}
.nycase-list ul li .info strong{color: #333333; margin-bottom: .625rem; display: block;}
.nycase-list ul li .info p{color: #333333;}
.nycase-list dl{position: relative; padding-left: .9375rem;}
.nycase-list dl::after{position: absolute; content: ''; width: .5625rem; height: 100%; background: #613608; left: 0;  border-radius: 100px;}
.nycase-list dl dt{color: #333333; line-height: 1; border-right: 1px solid #333; padding: 0 .375rem;}
.nycase-list dl dt:last-child{border-right: none;}
@media (any-hover: hover) {

    .nycase-list ul li:hover .pic img{transform: scale(1.1);}
    .nycase-list ul li:hover .info strong{color: #613608;}
}

/* 内页加入我们 */
.join-bg{background: #F5F5F5; padding: 4.9375rem 0 6.75rem;}
.join-bg .info,.join-bg .pic{width: 50%;}
.join-bg .pic img{display: block; width: 100%; border-radius: 1.25rem;}
.join-title{margin-bottom: 4.375rem;}
.join-title strong{font-size: 2.625rem; color: #333333; line-height: 1.3; display: block;} 
.join-bg .info dl{margin-bottom: 1.375rem;}
.join-bg .info dl dt{width: .375rem;  height:.375rem;  background: #683108;  border-radius: 50%; margin-right: 1.1875rem;}

.talent{padding: 5.625rem 0 8.3125rem;}

.talent-title{padding: 1.3125rem 3.4% 1.3125rem ; background: #683108;}
.talent-title dl,.talent-list dl dt{display: grid; grid-template-columns: repeat(7, 1fr); align-items: center; }
.talent-title dl dt:first-child,.talent-list dl dt em:first-child {text-align: left; grid-column-start: 1; grid-column-end: span 2; font-weight: bold;}
.talent-title dl dt,.talent-list dl dt em{ text-align: center;}
.talent-title dl dt{font-weight: bold;}
.talent-list dl{border-bottom: 1px solid rgba(102,102,102,0.1); padding: 2.0625rem 0;}
.talent-list dl dt{padding: 0 3.4%;}
.talent-list dl dd{padding: 0 3.4%; display: none; }
.talent-list dl dd a{border-radius: 100px; padding: 0.98rem 1.86rem; margin-top: 2.8125rem; background: #683108;} 
.talent-list dl .talent-editor{border-top: 1px solid rgba(102,102,102,0.2); padding-top: 2.5rem; margin-top: 2.0625rem;}
.talent-list dl dt .icon{display: flex; justify-content: flex-end; margin-right: .875rem;}
.talent-list dl dt .icon img{width: .8125rem;}
.talent-list dl dt .icon .talent-jia{display: block;}
.talent-list dl dt .icon .talent-jian{display: none;}
.talent-list dl.active{background: #f9f9f9; border-bottom: none;}
.talent-list dl.active dt .icon .talent-jia{display: none;}
.talent-list dl.active dt .icon .talent-jian{display: block;}

@media (any-hover: hover) {
    .talent-list dl dd a:hover {box-shadow: 0 0 0 .625rem rgba(104, 49, 8, 0.51);  }
}

/* 内页新闻资讯 */
.newsMain{padding:2.625rem 0 6.25rem;}
.newsMain .proclass-list{margin-bottom: 2rem;}
.nynews-list ul{gap: 2.25rem 3.1875rem;}
.nynews-list ul li{border: 1px solid #E9E9E9; border-radius: .625rem; padding: 1.75rem 1.25rem 3.625rem;}
.nynews-list ul li .pic{overflow: hidden; border-radius: .625rem; margin-bottom: 2.625rem;}
.nynews-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.nynews-list ul li .info strong{color: #333333; margin-bottom: 1.25rem;}
.nynews-list ul li .info p{color: #747474; margin-bottom: 3rem;}
.nynews-list ul li .info span{color: #333333;}
.nynews-list ul li .info div img{display: block; width: .3125rem; margin-left: 1.375rem;}
@media (any-hover: hover) {
    .nynews-list ul li:hover .pic img{transform: scale(1.1); }
    .nynews-list ul li:hover .info strong{color: #613608;}
}


/* 内页联系我们 */
.contact-left,.contact-right{width: 50%;}
.contact-right img{display: block; width: 100%; min-height: 53rem; object-fit: cover;}
.contact-left{display: flex;justify-content: flex-end;}
.contact-left .info{width: 74%;margin-right: 4.5%;}
.contact-title{margin-bottom: 5.5625rem;}
.contact-title h1{display: block; font-size: 2.5rem; color: #333333; font-weight: bold; line-height: 1; margin-bottom: .4375rem;}
.contact-title h2{color: #8F8F8F;}
.contact-list dl{border-bottom: 1px solid rgba(80, 80, 80, 0.1); padding-bottom: 2.5rem; margin-bottom: 2.5rem;}
.contact-list dl dt{width: 3.3125rem;   height: 3.3125rem;   background: #6F3F0D;   border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1.625rem;}
.contact-list dl dt img{display: block; max-width: 100%;}
.contact-list dl dd{flex: 1;}
.contact-list dl dd em{color: #333333; display: block;}
.contact-list dl dd b{color: #000000; display: block;}
.contact-list dl dd b a{color: #000;}
.contact-list dl dd span{color: #6C6C6C; line-height: 1; display: block;}
.contact-list dl:first-child dd em{line-height: 1;}

.contact-map{height: 45.8125rem; position: relative;}
.contact-map>img{display: block; width: 100%; height: 100%; object-fit: cover;}
.maps-cirle {position: absolute;top: 46%;left: 48.5%;transform: translate(-50%,-50%);}
.maps-cirle i {width: .8125rem; height: .8125rem; border-radius: 50%; display: block;background: #C30D23; position: relative; z-index: 2;}
.maps-cirle::after {background: #C30D23; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: 1;  animation: scale 2s infinite;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(4); opacity: 0;}}





/* ==========新闻详情 */
.newsDateMain {
    background: #f9f9f9;
    padding: 2rem 0 8rem;
  }
  
  .newsDateMain .mbx {
  }
  
  .newsDateMain .mbx .layui-breadcrumb::before {
    color: #333;
  }
  
  .tekl_p2{
    font-size: 1.3rem;
  }
  
  .newsDate {
    /* padding: 0 0 6.25rem; */
  }
  
  .newsxq-box {
    padding: 2.875rem 0 0;
    /* margin-bottom: 2.75rem; */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  
  .news-left {
    width: 68%;
  }
  
  .news-left .newsCon {
    background: #ffffff;
    border-radius: .625rem;
    box-shadow: 0rem 0rem 2.5rem 0rem rgba(226, 225, 224, 0.42);
    padding: 2.5rem;
    box-sizing: border-box;
  }
  
  .newsxq-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 2.5rem;
  }
  
  .newsxq-title strong {
    display: block;
    font-size: var(--font30);
    color: #333;
    font-weight: 700;
    line-height: 1.4;
  }
  
  .newsxq-title span {
    display: block;
    margin-top: .625rem;
    color: #777;
  }
  
  .newsxq-editbox {
    margin: 1.875rem 0;
  }
  
  .newsxq-editbox img {
    max-width: 100%;
    height: auto !important;
  }
  
  .newsxq-page {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3.125rem;
  }
  
  .newsxq-page a {
    display: flex;
    align-items: center;
  }
  
  .news-prev,
  .news-next {
    transition: 0.6s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    min-width: 35px;
    min-height: 35px;
    border: .125rem solid #eeeeee;
    border-radius: .313rem;
  }
  
  .news-prev svg {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  
  .news-prev svg,
  .news-next svg {
    width: 30%;
    height: 30%;
  }
  
  .newsxq-page em {
    display: inline-block;
    font-size: var(--font16);
    color: #333;
  }
  
  .prev-link em {
    margin-left: 1rem;
  }
  
  .next-link em {
    margin-right: 1rem;
  }
  
  .next-link {
    flex-direction: row-reverse;
  }
  
  .newsxq-page a:hover .news-prev,
  .newsxq-page a:hover .news-next {
    background: #683108;
  }
  
  .newsxq-page a:hover svg path {
    fill: #fff;
  }
  
  .newsxq-box .news-right {
    width: 29%;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 1.875rem 0rem rgba(226, 225, 224, 0.42);
    padding: 2.5rem;
    box-sizing: border-box;
    position: relative;
  }
  
  .newsxq-box .news-right {
    position: sticky;
    top: 10rem;
  }
  
  .newsxq-box .news-right h2 {
    font-size: var(--font26);
    font-weight: 700;
  }
  
  .newsDate .relist li a {
    display: flex;
    justify-content: space-between;
  }
  
  .newsDate .relist .reImg {
    width: 35%;
    border-radius: .313rem;
    overflow: hidden;
    min-height: 5.625rem
  }
  
  .newsDate .relist .reImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .35s;
  }
  
  .newsDate .relist .recon {
    width: 58%;
  }
  
  .newsDate .relist li {
    margin-top: 1.875rem;
  }
  
  .newsDate .relist span {
    color: #999999;
    font-size: var(--font14);
  }
  
  .newsDate .relist h6 {
    color: #333333;
    font-size: var(--font17);
    transition: .35s;
    margin-top: .313rem
  }
  
  .newsDate .news-right::after {
    content: "";
    background: #683108;
    width: 65%;
    position: absolute;
    left: 50%;
    bottom: -3%;
    height: .438rem;
    border-radius: .25rem;
    transform: translate(-50%, -50%);
  }
  
  @media (any-hover:hover) {
    .newsDate .relist li:hover h6 {
      color: #683108;
    }
  
    .newsDate .relist li:hover .reImg img {
      transform: scale(1.05);
    }
  }
  




.foternav dl:nth-child(2) .ddbox{   display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 0 0.5rem;}



.lfy-history-box{height: 100vh;}