﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-about .about-top{background: url(/uploads/48116/page/p20260608135639bb9d8.jpg) no-repeat center/cover;padding:4% 0;}
.home-about .about-top .l-wrap{display:flex;align-items:center}
.home-about .about-top .info{width:46%;background-color:var(--color);border-radius:10px;box-shadow:0 3px 32px 0 rgba(197,197,197,.35);margin-right:-8%;position:relative;z-index:2;padding:3% 3% 3% 4%}
.home-about .about-top .info .home-tit{color:#D0AB92;}
.home-about .about-top .info .home-title{text-align:left;color:#fff;text-transform: initial;}
.home-about .about-top .info .text{color:#fff;}
.home-about .about-top .info .text p{margin-top:20px;}
.home-about .about-top .info .about-more{margin-top:30px;padding:10px 20px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fontbold6);background: #fff;color:var(--color)}
.home-about .about-top .info .about-more em{margin-left:8px;transition:all .3s ease-in-out}
.home-about .about-top .img{width:62%}
.home-about .about-bottom{background:var(--color);border-radius:3px;overflow:hidden;box-shadow:1px 3px 32px 0 rgba(225,225,225,.58)}
.home-about .about-bottom ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:55px 20px}
.home-about .about-bottom ul li{width:25%;display:flex;align-items:center;justify-content:center;list-style:none}
.home-about .about-bottom ul li .icon{margin:30px;width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;aspect-ratio: 1/1;}
.home-about .about-bottom ul li .icon::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;background-color:#C6A691;border-radius:50%;z-index:1}
.home-about .about-bottom ul li .icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;background-color:#B2927B;border-radius:50%}
.home-about .about-bottom ul li .icon span{width:100%;height:100%;border-radius:50%;background-color:#FFFFFF;position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center}
.home-about .about-bottom ul li .icon span em{color:var(--color);font-size:var(--fontsize38);line-height:1}
.home-about .about-bottom ul li .info{width:calc(100% - 70px)}
.home-about .about-bottom ul li .num{color:var(--color);font-size:var(--fontsize36);font-weight:var(--fontbold6);line-height:1;display:inline-flex;align-items:center}
.home-about .about-bottom ul li .tit{font-weight:var(--fontbold6);color:#fff;font-size:20px;text-transform: uppercase;}
@media (max-width:1024px){.home-about .about-top .l-wrap{flex-wrap:wrap;flex-direction:column-reverse}
.home-about .about-bottom ul{padding:30px 0;}
.home-about .about-top{padding:30px 0;}
.home-about .about-top .info{width:100%;margin-right:0;padding:20px}
.home-about .about-top .img{width:100%;text-align:center}
.home-about .about-top .img img{display:block;width:100%;display: block;}
.home-about .about-bottom ul li{width:50%}
.home-about .about-bottom ul li .tit{font-size:16px;}}
@media (max-width:768px){.home-about .about-top .info{padding:20px 10px}
.home-about .about-top .info .home-title br{display:none}
.home-about .about-top .info .about-more{margin-top:15px}
.home-about .about-bottom ul{padding:20px 10px}
.home-about .about-bottom ul li{margin:15px 0}
.home-about .about-bottom ul li .icon{margin:10px 25px 0 0}
.home-about .about-bottom ul li .icon::after{width:70px;height:70px}
.home-about .about-bottom ul li .icon::before{width:60px;height:60px}
.home-about .about-bottom ul li .icon span{width:46px;height:46px}
.home-about .about-bottom ul li .icon span img{max-width: 20px;height:auto;}}
@media (max-width:550px){.home-about .about-bottom ul{padding:10px 0;}
.home-about .about-bottom ul li .num{font-size:var(--fontsize20)}
.home-about .about-bottom ul li{width:100%;margin:7px 0;}
.home-about .about-bottom ul li .tit{font-size:var(--fontsize14)}
.home-about .about-bottom ul li .icon{margin-right:10px}
.home-about .about-bottom ul li .info{width:auto;flex:1}}
.wmpage184-page4{background:#F8F0EB;padding:4% 0;}
.wmpage184-page4 .home-title{text-align:center;color:var(--color)}
.wmpage184-page4 .wmpage184-page4-desc{max-width:700px;margin:0 auto;text-align:center;color:#fff;opacity:.8}
.wmpage184-page4 .wmpage184-page4-box{padding:30px 0}
.wmpage184-page4 .wmpage184-page4-slide{position:relative;overflow:hidden;border-radius:30px;transition:transform .6s ease;transform-origin:top}
.wmpage184-page4 .wmpage184-page4-slide.swiper-slide-active{transform:scaleY(1.05);z-index:1}
.wmpage184-page4 .wmpage184-page4-slide .wmpage184-page4-img{position:relative;width:100%;height:100%;transition:all .3s linear;border-radius:20px}
.wmpage184-page4 .wmpage184-page4-slide .wmpage184-page4-img img{width:100%;height:100%;object-fit:cover}
.wmpage184-page4 .wmpage184-page4-slide .wmpage184-page4-info{position:absolute;bottom:0;left:0;height:100%;width:100%;background:linear-gradient(180deg,rgba(121,121,121,0) 40%,var(--color) 100%);z-index:1;opacity:0;transition:all .2s linear}
.wmpage184-page4 .wmpage184-page4-slide.swiper-slide-active .wmpage184-page4-info{opacity:1}
.wmpage184-page4 .wmpage184-page4-slide .wmpage184-page4-card{display:inline-block;padding:10px 15px;background:var(--color);line-height: 1;border-radius:30px;color:#fff;font-weight:var(--fontbold6);position:absolute;bottom:80px;left:40px}
.wmpage184-page4 .wmpage184-page4-slide .wmpage184-page4-title{color:#fff;font-size:var(--wmpage-font20);font-weight:var(--fontbold6);position:absolute;bottom:40px;left:40px}
.wmpage184-page4 .wmpage184-page4-btn{position:relative;width:50%;display:flex;justify-content:space-between;align-items:center;margin:0 auto;margin-top:100px}
.wmpage184-page4 .wmpage184-page4-btn::after{position:absolute;content:'';width:50%;height:2px;background:var(--color);left:50%;top:50%;transform:translate(-50%)}
.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-pagination{color:var(--color);font-size:20px;font-weight:var(--fontbold6)}
.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-right{display:flex}
.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-next,.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-prev{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:50%;border:2px solid var(--color)}
.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-next{margin-right:15px}
.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-next em,.wmpage184-page4 .wmpage184-page4-btn .wmpage184-page4-prev em{color:var(--color);font-size: var(--wmpage-font16);width: var(--wmpage-font16);line-height: 1;}
@media screen and (max-width:768px){.wmpage184-page4 .wmpage184-page4-btn::after{display:none}
.wmpage184-page4 .wmpage184-page4-slide.swiper-slide-active{transform:scaleY(1)}
.wmpage184-page4 .wmpage184-page4-btn{margin-top:30px}
}
#product{background: url(/uploads/48116/page/p202606081414144ded7.jpg) no-repeat center/cover;}
#product .home-title{color:#fff;}
#product .pro-list li .pro-cont .pro-name{margin:10px 0 0;color:#fff;font-size:20px;}
#product .pro-list li .more-btn{color:#fff;text-transform:initial}
.home-video{position: relative;}
.home-video .img img{width:100%;display:block;}
.home-video .video-inner{position: absolute;z-index:2;top:50%;left:50%;transform: translate(-50%,-50%);width:200px;height:200px;}
.home-video .video-inner img{transition: all .3s;}
.home-video .video-inner img:hover{transform: scale(1.03);}
@media (max-width:1024px){.home-video .video-inner{width:120px;height:120px;}}
@media (max-width:768px){.home-video .video-inner{width:60px;height:60px;}}
#news{padding:4% 0;background: #FFF;}
#news .home-title{color:var(--color)}
#news #home-news{margin:2% 0 0;}
#news #home-news .news-list .news-item-img .news-date{background: var(--color);color:#fff;}
@media (max-width:768px){#product,#news{padding:40px 0;}}
.home-title{font-weight: var(--fontbold7);text-transform: uppercase;}
.wmpage34-page1{background:#FFF8F2;padding:4% 0;}
.wmpage34-page1 .home-title{color:var(--color);text-transform: uppercase;}
.wmpage34-page1 .wmpage34-item{margin-bottom:10px;border:1px solid #666;background: #fff;}
.wmpage34-page1 .wmpage34-title{border-width:2px;padding:16px;font-weight: var(--fontbold7);line-height:1;cursor:pointer;outline:0;font-size:var(--wmpage-font18);display:flex;justify-content:space-between}
.wmpage34-page1 .wmpage34-item.active .wmpage34-title{border-bottom-color:#f5f5f5;}
.wmpage34-page1 .wmpage34-con{border-width:2px;border-top-color:#f5f5f5;padding:0 16px 16px;display:none}
.wmpage34-page1 .wmpage34-title p{color:var(--color);font-size: var(--fontsize18);font-weight: var(--fontbold6);}
.wmpage34-page1 .wmpage34-ioce{margin-left:16px;float:right;text-align:right;color:var(--color);display:inline-block;width:1.5em}
.wmpage34-page1 .wmpage34-ioce span{font-size:var(--wmpage-font22);line-height:1;display:block}
.wmpage34-page1 .wmpage34-ioce span:nth-last-child(1){display:none}
.wmpage34-page1 .wmpage34-contant .active .wmpage34-con{display:block}
.wmpage34-page1 .wmpage34-contant .active .wmpage34-title p{color:var(--color)}
.wmpage34-page1 .wmpage34-contant .active .wmpage34-ioce span:nth-of-type(1){display:none}
.wmpage34-page1 .wmpage34-contant .active .wmpage34-ioce span:nth-of-type(2){display:block}
.wmpage34-page1 .wmpage34-table{text-align:center;margin-bottom:35px}
@media (max-width:768px){.wmpage34-page1{padding:40px 0;}}
@media(max-width:500px){.wmpage34-page1 .wmpage34-title{padding:10px}
.wmpage34-page1 .wmpage34-con{padding:0 10px 10px;font-size:var(--wmpage-font14);line-height:1.25}}
.home-about .about-bottom ul li .tit{color:var(--fontcolor)}
.home-about .about-bottom{background:transparent}
 .home-about .about-top .info{background:unset;box-shadow:unset}
.home-about .about-top .info .home-title,.home-about .about-top .info .text p{color:var(--color)}
.home-about .about-top .info .about-more{background:var(--color);color:#fff}
.home-about .about-top{background:url(/Content/uploads/20261314487/202606161326081043307dbaaa4cbe9af25bf1a75bd984.webp) no-repeat;background-size:cover}
.home-appli{padding:4% 0;position:relative}
.home-appli{background-image:url(/uploads/48116/page/p202606081414144ded7.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:1}
.home-appli::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.home-appli .home-title{color:#fff;text-align:left;max-width:400px;line-height:1.2}
.home-appli .appli-center{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-20px}
.home-appli .appli-center .appli-img{width:150px;height:150px;background:#fff;border-radius:50%;position:relative}
.home-appli .appli-center .appli-img:hover img{transform:rotate(5deg)}
.home-appli .appli-center .appli-img::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:1px solid #fff;border-radius:50%;animation:diffusion 2s 1s linear infinite}
.home-appli .appli-center .appli-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .2s linear}
.home-appli .appli-center .home-des{color:#fff;margin:15px auto 30px;font-size:var(--fontsize20)}
.home-appli .appli-title{text-transform:uppercase;color:#fff;font-size:var(--fontsize24);margin-top:10px}
.home-appli #appliswiper{margin-top:20px}
.home-appli #appliswiper .swiper-slide{background:#fff;padding:12px}
.home-appli #appliswiper .swiper-slide:hover img{transform:scale(1.02)}
.home-appli #appliswiper .swiper-slide .img{width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:6/5}
.home-appli #appliswiper .swiper-slide p{text-align:center;color:#000;font-weight:var(--fontbold6);font-size:var(--fontsize18);margin-top:10px;margin-bottom:10px}
.home-appli .appli-meta{display:flex;align-items:center;justify-content:center;margin-top:40px}
.home-appli .appli-meta .appliswiper-pagination{width:auto}
.home-appli .appli-meta .appliswiper-pagination .swiper-pagination-bullet{width:6px;height:6px;background:0 0;opacity:1;border:1px solid #fff}
.home-appli .appli-meta .appliswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}
.home-appli .appli-meta .appliswiper-next,.home-appli .appli-meta .appliswiper-prev{width:34px;height:34px;border-radius:50%;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fontbold6);color:#fff;font-size:var(--fontsize18);cursor:pointer;margin:0 10px;transition:all .2s linear}
.home-appli .appli-meta .appliswiper-next:hover,.home-appli .appli-meta .appliswiper-prev:hover{background:#fff;color:var(--color)}
@media (max-width:1024px){.home-appli{padding:40px 0}
}@media (max-width:500px){.home-appli .appli-center{margin-top:20px}
.home-appli .appli-center .appli-img{width:120px;height:120px}
.home-appli .home-title{text-align:center}
.home-appli .appli-title{text-align:center;font-size:var(--fontsize20)}}
.home-appli .home-more{min-width:100px;padding:0 10px 0 30px;height:46px;background:var(--color);border:1px solid var(--color);border-radius:var(--borderradius);color:#fff;font-size:var(--fontsize16);font-weight:var(--fontbold5);text-transform:capitalize;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.home-appli .home-title{max-width:unset;text-align:center;width:100%}
#appliswiper{overflow: hidden;}
.home-appli .appli-title{display: flex;flex-direction: column;align-items: center;}


#home-swiper .ban{position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;color:#FFF;opacity:0;z-index:2}
#home-swiper .swiper-slide-active .ban{animation:bannerani .5s forwards;animation-delay:1s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
.home-about .about-bottom ul li .tit{color: #fff;}
.home-about .about-bottom ul{padding:0}
.home-about .about-bottom ul li{width:25%;margin:0}
.home-about .about-bottom ul li .icon{margin:1.5vw;width:3vw;height:3vw;}
.home-about .about-bottom ul li .icon::before{width:4vw;height:4vw;}
.home-about .about-bottom ul li .icon::after{width:5vw;height:5vw;}
.home-about .about-bottom ul li .icon span{width:100%;height:100%}
.home-about .about-bottom ul li .icon span img{width:2vw !important;}
.home-about .about-bottom ul li .info{width:calc(100% - 70px)}
.home-about .about-bottom ul li .tit{font-size:1.2vw;}
.wmpage184-page4 .l-wrap,.home-appli .l-wrap,#news .l-wrap,.wmpage34-page1 .l-wrap{padding: 0 70px;}
@media (max-width:1024px){
.wmpage184-page4 .l-wrap,.home-appli .l-wrap,#news .l-wrap,.wmpage34-page1 .l-wrap{padding: 0 15px;}
}

#home-swiper .ban.home-about{padding: 20px 0;}
#home-swiper .ban.home-about::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--color);opacity: .3;}
#home-swiper .ban.home-about .about-bottom{position: relative;z-index: 9;box-shadow: initial;}

#news #home-news .news-list .swiper-slide .news-item-cont{background: initial}
#news #home-news .news-list .swiper-slide{background: var(--color);}
#news #home-news .news-list .news-item-cont .news-item-title{color: #fff;}
#news #home-news .news-list .news-item-cont .news-item-des{color: #fff;}
#news #home-news .news-list .news-item-cont .more-btn{color: #fff;}
#news #home-news .news-list .swiper-slide:hover .news-item-title{color: #fff;}


.wmpage168-page1{position: relative;padding: 4% 0;}
.wmpage168-page1 .l-wrap{padding: 0 70px;}
.wmpage168-page1-contant{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.wmpage168-page1-left{width:48%}
.wmpage168-page1-right{width:48%}
.wmpage168-page1-video img{width:100%;aspect-ratio: 6 / 4;object-fit: cover;}
.wmpage168-page1-line{display:inline-block;vertical-align:middle;color:var(--color);font-size:var(--wmpage-font20);margin-bottom:10px}
.wmpage168-page1-line::before{margin-right:20px;content:'';display:inline-block;vertical-align:middle;width:50px;height:2px;background-color:var(--color)}
.wmpage168-page1-block p{margin-top:20px;line-height:26px;color:#848484;font-weight:var(--fontbold4)}
.wmpage168-page1-list li{position:relative;padding-left:30px;line-height:26px;color:#848484;font-weight:var(--fontbold4);margin-bottom:8px}
.wmpage168-page1-list li em{color:#848484;font-size:var(--wmpage-font14);position:absolute;top:50%;left:0;transform:translateY(-50%)}
.wmpage168-page1-list{margin:25px 0}
.wmpage168-page1-btn a{display:inline-block;background-color:var(--color);color:#fff;font-size:16px;font-weight:var(--fontbold6);padding:18px 30px;margin-top:35px;position:relative;line-height:1;transition:all .4s ease}
.wmpage168-page1-btn a::after{content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);width:0;height:2px;background-color:#fff;margin-right:0;transition:all .4s ease}
.wmpage168-page1-video{position:relative}
.wmpage168-page1-button{display:inline-block;vertical-align:middle;width:68px;height:68px;border-radius:50%;text-align:center;line-height:68px;background-color:#fff;position:absolute;top:50%;left:calc(50% - 56px);transform:translate(calc(-50% + 98px),-50%);box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:ripple 3s infinite;display:flex;justify-content:center;align-items:center}
.wmpage168-page1-button em{font-size:var(--wmpage-font22);width:var(--wmpage-font22);display:block;line-height:1}
.wmpage168-page1-btn a:hover::after{width:20px;margin-right:15px}
.wmpage168-page1-btn a:hover{padding-left:50px}
@keyframes ripple{70%{box-shadow:0 0 0 70px rgba(255,255,255,0)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@media (max-width:1366px){.wmpage168-page1-btn a{margin-top:15px}
.wmpage168-page1-list{margin:15px 0}
.wmpage168-page1-block p{margin-top:10px}
.wmpage168-page1-line{line-height:1}
}
@media (max-width:1024px){
.wmpage168-page1 .l-wrap{padding: 0 15px;}.wmpage168-page1-contant{flex-direction:column}
.wmpage168-page1-left{width:100%}
.wmpage168-page1-right{width:100%;margin-top:20px}
}
@media (max-width:768px){.wmpage168-page1{padding:40px 0;}}
@media (min-width:901px){#news #home-news .news-list .swiper-slide{width:50%;}}
#news #home-news .news-list .news-item-img .news-date{display:none;}
.home-about .about-top .info .home-title, .home-about .about-top .info .text p {
    color: #834b21;
}