/* 20250827 */  
.header-show-mark.cur  {display: block;opacity: 1;z-index: 1100;}
.header-show-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:-1;overflow: hidden;transition:all .4s ease;background: rgba(0,0,0,.5);opacity: 0;}
.header-nav-show {position: fixed;left: 0;top: 0;width: 100%;z-index:2111;overflow: hidden;transition:all .4s ease;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:-111;}
.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;background: #000;overflow: hidden;margin-top: 8rem;padding-bottom:9.7rem;}
.header-nav-show-content::before {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;z-index: 1;background: rgba(255,255,255,.3);}
.header-nav-product {overflow: hidden;display: flex;justify-content: space-between;width: 87%;margin: auto;padding-bottom: 2%;}
.header-nav-product-left {width: 30%;padding: 3% 0;}
.header-nav-product-left .text-1 {overflow: hidden;}
.header-nav-product-left .pic-1 {overflow: hidden;width: 60%;}
.header-nav-product-left .title-1 {color: #B1B4B4;margin-top: .2rem;letter-spacing: .2rem;}
.header-nav-product-left .icon-1 {margin-top: 4rem;}
.header-nav-product-left .icon-1 ul {list-style: none;margin: 0;padding: 0;display: flex;}
.header-nav-product-left .icon-1 ul li{list-style: none;margin: 0;padding: 0;}
.header-nav-product-left .icon-1 ul i { position: relative;width: 3.4rem;height: 3.4rem;border: 1px solid #B1B4B4;border-radius: 50%;margin-right: 2rem;display: block;}
.header-nav-product-left .icon-1 ul i img {transform: scale(1.1);}
.header-nav-product-left .icon-1 a:hover i {background: #00C38C;border: 1px solid #00C38C;}
.header-nav-product-right {width: 70%;padding: 1% 0;}
.header-nav-product-list {width: 100%;display: flex;justify-content: center;}
.header-nav-product-item {width: 12%;margin: 1% 2% 1% 5%;overflow: hidden;}
.header-nav-product-item a {display: block;overflow: hidden;position: relative;}
.header-nav-product-item a:hover .pic-1 .img-center {transform: scale(1.05);} 
.header-nav-product-item a:hover .title-1{ color: #00C38C;}
.header-nav-product-item .pic-1 {position: relative;}
.header-nav-product-item .title-1 {text-align: center;color: #fff;} 
.header-nav ,.header-nav ul,.header-nav li{height: 100%;}
.header-nav li {display: flex;align-items: center;position: relative;}
.header-nav li .nav::after {content: '';width: 100%;height: 2px;background: #00C38C;position: absolute;left: 0;bottom: 0;z-index: 1;display: none;}
.header-nav li.on .nav::after,.header-nav li.cur .nav::after {display: block;} 
.header-nav li.on .nav-sub-menu {display: block;}
.nav-sub-menu {position: absolute;left: 0;width: 100%;top: 100%;z-index: 1;display: none;}
.nav-sub-menu-list {padding: 2rem 0;}
.nav-sub-menu-list a {display: block;color: #fff;padding: 1rem 0;text-align: center;} 
.nav-sub-menu-list a:hover {color: #00C38C;}
.header.hover::after,.header.scroll-down::after,.header.hover::after {display: none;}
.header.scroll-down,.header.hover {background: #000;border: none;}
.nav-title-1 {margin-bottom: 1.5em;font-size: 3rem;font-weight: 800;color: #666;text-transform: uppercase;position: relative;margin-bottom: 7rem}
.nav-title-1::after {content: '';position: absolute;left: 0;bottom: -20px;height: 1px;width: 60px;background: #333;}
.yuyuan-1 {overflow: hidden;text-align: left;margin-top:5px;}
.yuyuan-1 a {display: inline-block;border-radius: 3px;padding: 10px 20px ;border: 1px solid rgba(255, 255, 255, .2);text-align: center;font-size: 16px;color: #fff;margin-top:20px;}
.yuyuan-1 a i,.yuyuan-1 a span {display:inline-block;vertical-align: middle;opacity:.5;}
.yuyuan-1 a span {margin-left:4px;}
.lonv-about-banner-content .video-1 {background-position: center;background-repeat: no-repeat;background-size: cover;}
.lonv-index-prlnt-content .item-1 .txt-3 p,.lonv-aboot-brand-content-bottom .item-1-1-right .txt-3 p,
.lonv-service-sales-content-right p,.lonv-service2-gift-bottom .item-1 .text-2 .txt-2 p,
.lonv-index-about-content-right .txt-2 p,.lonv-about-intro-content-left .txt-2 p,
.lonv-product2-funct-content-right .text-2 .txt-2 p,.lonv-service2-process-content .item-1 .text-3 .txt-2 p{margin: 0;padding: 0;}
.lonv-product-banner-content .text-1 .title-1 {text-transform: uppercase;}
.swiper-pagination-bullet {border-radius: 0;}
.lonv-product2-funct-content-left .boxs-2-2 {display: block;width: 100%;}
.lonv-product2-funct-content-left .wrap-1 {position: relative;padding-left: 20%;overflow: hidden;width: 80%;left: auto;top: auto;display: block;}
.lonv-product2-funct-content-left .boxs-2-1 {position: absolute;left: 0;top: 0;width: 18%;height: 100%;}
.mySwiper7,.lonv-product2-funct-content-left .boxs-2-1 .item-1,.lonv-product2-funct-content-left .boxs-2-1 .item-1 a,
.lonv-product2-funct-content-left .boxs-2-1 .item-1 .pic-1  {width: 100%;height: 100%;}
.lonv-product2-funct-content-left .pic-3 {display: none;}
.chsy-box-1 .text-1 .title-1 {text-transform: uppercase;}
.lonv-news2-cont-content .txt-2 img {max-width: 100%;height: auto!important;}
.zfy-exa1 .pic-2 {overflow: hidden;}
.zfy-exa1 .btimg-2 { flex-wrap: wrap;}



.page-return {text-align: center;margin-top: 4rem;width: 100%;clear: both;}
.page-return a {display: inline-block;vertical-align: middle;position: relative;margin: 0 1rem;}
.page-return i {display: block;width: 4.5rem;height: 4.5rem;position: relative;background: url('../images/r3.svg') center no-repeat #fff;background-size: 30%;border-radius: 100%;}
.page-return span {display: block;color: #ccc;font-family: Arial, Helvetica, sans-serif;}
.page-return .on span,.page-return a:hover span{color: #000;}
.page-return a.prev {transform: rotate(180deg);}
.page-return a:hover i {background: url('../images/r3.svg') center no-repeat #00c38c;background-size: 30%;}
.page-return a.prev,.page-return a.next {margin: 0 2rem;}




.about-brand-history {overflow: hidden;position: relative;background: url('../images/lonv-about-bjt-dt001.jpg') center no-repeat;background-size: cover;padding-top:6%;}
.about-brand-history .title-1 {text-align: center;color: #fff;}
.about-brand-history-container {overflow: hidden;position: relative;padding:3% 0;margin-top: 3%;}
.yuantime-1 {width: 100%;margin: auto;position: absolute;left: 0;top: 0;}
.yuantime-1::after {content: '';position: absolute;width: 100%;height: 70%;bottom: 0;left: 0;z-index: 22;background-image: -webkit-linear-gradient(90deg,#02ab80 80%,transparent);pointer-events: none;}
.yuantime-1 ul{list-style: none;margin: 0;padding: 0;position: absolute;left: 0;width: 100%;height: 100%;z-index: 11;top: 0;transition: all .4s ease;transform: rotate(0deg);}
.yuantime-1 ul li{list-style: none;margin: 0;padding: 0;cursor: pointer;}
.yuantime-1 ul li i {display: block;width: 2rem;height: 2rem;margin: auto;border: 1px solid #00c38c;border-radius: 10rem;position: relative;}
.yuantime-1 ul li i::after {content: '';width: 72%;height: 72%;background: #00c38c;border-radius: 100%;z-index: 1;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.yuantime-1 ul li span {color: #00c38c;transition: all .4s ease;opacity: .5;position: absolute;top: 4rem;left: 50%;text-align: center;transform: translateX(-50%);font-family: Arial;}
.yuantime-1 ul li {list-style: none;margin: 0;padding: 0;position: absolute;}
.yuantime-1 ul li:hover i,.yuantime-1 ul li.cur i {border: 1px solid #fff;}
.yuantime-1 ul li:hover i::after,.yuantime-1 ul li.cur i::after {background: #fff;}
.yuantime-1 ul li:hover span,.yuantime-1 ul li.cur span {color: #fff;}
.yuantime-1 ul li.cur span {opacity: 1;font-size: 6rem;}
.yuantime-1 ul li.time1 {left: 50%;top: .5%;transform: translateX(-50%);}
.yuantime-1 ul li.time2 {right: 25%;top: 7%;transform: rotate(30deg);} 
.yuantime-1 ul li.time3 {right: 7%;top: 25%;transform: rotate(60deg);}
.yuantime-1 ul li.time4 {right: .5%;top: 50%;transform: rotate(90deg) translateX(-50%);}
.yuantime-1 ul li.time5 {right: 7%;bottom: 25%;transform: rotate(120deg);top: auto;}
.yuantime-1 ul li.time6 {right: 25%;bottom: 7%;transform: rotate(150deg);top: auto;}
.yuantime-1 ul li.time7 {right: 50%;top: auto;bottom:.5%;transform: rotate(180deg) translateX(-50%);}
.yuantime-1 ul li.time8 {left: 25%;bottom: 7%;transform: rotate(-150deg);top: auto;}
.yuantime-1 ul li.time9 {left: 7%;bottom: 25%;transform: rotate(-120deg);top: auto;}
.yuantime-1 ul li.time10 {left: .5%;top: 50%;transform: rotate(-90deg) translateX(50%);}
.yuantime-1 ul li.time11 {left: 7%;top: 25%;transform: rotate(-60deg);}
.yuantime-1 ul li.time12 {left: 25%;top:7%;transform: rotate(-30deg);}
.historypics-2 {overflow: hidden;width: 35%;z-index: 22;margin: auto;padding: 0 0 3% 0;position: relative;margin-top: 10%;}
.about-brand-history-swiper {overflow: hidden;position: relative;border-radius: 2rem;overflow: hidden;}
.about-brand-history-item {color: #fff;text-align: center;}
.about-brand-history-item .pic-2{width: 100%;border-radius: 2rem;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.about-brand-history-item .title-2{margin-top: 3rem;}
.about-brand-history-item .text-2{margin-top: 1rem;}
@media screen and (max-width: 5120px) {
    .yuantime-1 ul li.time1 {top: .6%;}
    .yuantime-1 ul li.time2,.yuantime-1 ul li.time12 {top: 7.2%;}
    .yuantime-1 ul li.time3,.yuantime-1 ul li.time5 {right: 7.2%;}
    .yuantime-1 ul li.time6,.yuantime-1 ul li.time8 {bottom: 7.2%;}
    .yuantime-1 ul li.time7 {bottom: .6%;}
    .yuantime-1 ul li.time9,.yuantime-1 ul li.time11 {left: 7.2%;}
    .yuantime-1 ul li.time10 {left: .6%;}
}
@media screen and (max-width: 1680px) {
    .yuantime-1 ul li.time1 {top: .5%;}
    .yuantime-1 ul li.time2,.yuantime-1 ul li.time12 {top: 7%;}
    .yuantime-1 ul li.time3,.yuantime-1 ul li.time5 {right: 7%;}
    .yuantime-1 ul li.time6,.yuantime-1 ul li.time8 {bottom: 7%;}
    .yuantime-1 ul li.time7 {bottom: .5%;}
    .yuantime-1 ul li.time9,.yuantime-1 ul li.time11 {left: 7%;}
    .yuantime-1 ul li.time10 {left: .5%;}
}
@media screen and (max-width: 880px) {
    .lonv-product2-funct-content {width: 90%;}
    .lonv-product2-funct-content-left .wrap-1 {padding-left:0;width: 100%;box-sizing: border-box; }
    .lonv-product2-funct-content-left .boxs-2-1 {position: relative;left: auto;top: auto;width: 100%;margin-bottom: 3%;}
}
@media screen and (max-width: 680px) {
    .yuantime-1 .img-block {margin-top: .5rem;}
    .yuantime-1 ul li {margin-top: -.5rem;}
    .yuantime-1 ul li.time1 {top: 1%;}
    .yuantime-1 ul li.time2,.yuantime-1 ul li.time12 {top: 6.8%;}
    .yuantime-1 ul li.time3,.yuantime-1 ul li.time5 {right: 6%;}
    .yuantime-1 ul li.time4 {right: 0;}
    .yuantime-1 ul li.time6,.yuantime-1 ul li.time8 {bottom: 6%;}
    .yuantime-1 ul li.time7 {bottom: 0;}
    .yuantime-1 ul li.time9,.yuantime-1 ul li.time11 {left: 6%;}
    .yuantime-1 ul li.time10 {left: 0;}
    .about-brand-history {background: url('../images/history1.jpg') center no-repeat;background-size: cover;padding-top:25%;}
    .yuantime-1 ul li span {font-size: 3rem;}
    .yuantime-1 ul li.cur span {font-size: 4rem;}
    .historypics-2 {width:90%;padding: 0 0 3% 0;margin-top: 40%;padding-bottom:20%;}
    .about-brand-history-container {padding: 0;padding-top: 3%;margin-top: 10%;} 
    .yuantime-1 ul li:hover i {border: 1px solid #00c38c;}
    .yuantime-1 ul li:hover i::after {background: #00c38c;}
    .yuantime-1 ul li:hover span {color: #00c38c;}
    .about-brand-history-swiper{border-radius: 1.6rem;}
}