﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage30-page2 .wmpage30-title h5{text-align:center;font-size:var(--wmpage-font32,32)}
.wmpage30-page2 .wmpage30-title p{text-align:center;max-width:80%;margin:0 auto}
.wmpage30-page2 .wmpage30-container:after{clear:both;content:'';display:block;height:0;visibility:hidden}
.wmpage30-page2{background:#F3EEE8;padding:4% 0}
.wmpage30-page2-con{margin-top:30px}
.wmpage30-page2-con ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px 2%}
.wmpage30-page2-con ul li{width:32%;position:relative;transition:all .5s ease-in-out;position:relative}
.wmpage30-page2-con ul li:nth-of-type(1){width:66%}
.wmpage30-page2-con ul li:hover{box-shadow:10px 10px 30px rgba(0,0,0,.5)}
.wmpage30-page2-con ul li:hover .wmpage30-text{color:var(--wmpage-color34,#d93932)}
.wmpage30-page2-con ul li:hover .wmpage30-text::before{background:var(--wmpage-color34,#d93932)}
.wmpage30-page2 .wmpage30-pic img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;}
.wmpage30-page2 ul li:nth-of-type(1) .wmpage30-pic img{aspect-ratio:200/97;}
.wmpage30-page2 .wmpage30-text{position:absolute;bottom:25px;left:40px;color:#333;font-size:var(--wmpage-font20);font-weight:var(--fontbold7);font-style:normal}
.wmpage30-page2 .wmpage30-text::before{content:'';background:#333;width:36px;height:4px;position:absolute;top:-15px}
.wmpage30-info{opacity:0;position:absolute;width:100%;height:100%;position:absolute;top:0;left:0;background:#2A201Eee;color:#fff;padding:30px;display:flex;justify-content:center;flex-direction:column;transition:.3s}
.wmpage30-info-tit{line-height:1.4;font-weight:bold;font-size:var(--fontsize22);margin-bottom:8px}
.wmpage30-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;}
.wmpage30-info-btn{margin-top:20px;display:flex}
.wmpage30-info-btn a{background:var(--color);padding:5px 20px;text-transform:capitalize;transition:.3s;}
.wmpage30-info-btn a:hover{background:#fff;color:var(--color)}
.wmpage30-page2-con ul li:hover .wmpage30-info{opacity:1}
@media(max-width:1366px){.wmpage30-page2-con ul{justify-content:space-between}
.wmpage30-page2-con ul li{margin-left:0;max-width:100%}
}
@media(max-width:1250px){.wmpage30-page2{margin-top:0}
.wmpage30-page2{min-height:auto;background-size:cover}
.wmpage30-page2-con ul li:nth-of-type(1){max-width:100%;width:100%}
.wmpage30-page2-con ul li:not(:first-child){width:49%}
.wmpage30-page2-con{margin-top:25px}
}
@media(max-width:1024px){.wmpage30-page2-con ul li:nth-of-type(1){max-width:100%;width:100%}
.wmpage30-page2-con ul li{width:49%;max-width:100%;margin-right:0;margin-left:0}
.wmpage30-page2-con ul{justify-content:space-between;gap:20px 2%}
}
@media(max-width:768px){.wmpage30-page2{padding:40px 0}
.wmpage30-page2-con{margin-top:20px}
.wmpage30-page2 .wmpage30-text{left:20px;line-height:1.2}
.wmpage30-info{display:none}}
@media(max-width:550px){.wmpage30-page2 .wmpage30-text{bottom:15px;left:20px}
.wmpage30-page2 .wmpage30-text{font-size:var(--wmpage-font16);left:10px}
.wmpage30-page2 .wmpage30-text::before{width:30px;height:2px;top:-5px}
}
.home-adv{padding:3% 0}
.home-adv{background:#F4F1EA}
.home-adv .advwrap{margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.home-adv .advwrap .advwrap-nav{width:275px}
.home-adv .advwrap .advwrap-nav li{width:100%;height:65px;line-height:65px;padding:0 15px;color:#000;font-size:20px;font-weight:bold;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.home-adv .advwrap .advwrap-nav li.act{color:#fff;box-shadow:0 6px 18px 3px rgba(208,208,208,.36);background:var(--color)}
.home-adv .advwrap .advwrap-container{flex:1;padding-left:50px}
.home-adv .advwrap .advwrap-content{display:flex;align-items:center;display:none}
.home-adv .advwrap .advwrap-content.act{display:flex;animation:slidecustom .5s forwards}
.home-adv .advwrap .advwrap-content .img{width:40%}
.home-adv .advwrap .advwrap-content .info{flex:1;padding-left:50px}
.home-adv .advwrap .advwrap-content .info .title{font-size:32px;line-height:1.2;margin-bottom:10px;color:#000;font-weight:bold}
.home-adv .advwrap .advwrap-content .info ul{margin-bottom:2em}
.home-adv .advwrap .advwrap-content .info ul li{padding:3px 0;position:relative;padding-left:22px}
.home-adv .advwrap .advwrap-content .info ul li em{display:inline-flex;align-items:center;justify-content:center;width:10px;height:10px;background:var(--color);border-radius:50%;margin-right:5px;position:absolute;left:0;top:12px}
@keyframes slidecustom{
0%{opacity:0;transform:scale(.8)}
100%{opacity:1;transform:scale(1)}}
@media (max-width:1440px){
.home-adv .advwrap .advwrap-content .info .title{font-size:30px}}
@media (max-width:1024px){
.home-adv .advwrap .advwrap-nav{width:100%;display:flex;flex-wrap:wrap}
.home-adv .advwrap .advwrap-nav li{width:auto}
.home-adv .advwrap .advwrap-container{padding:0;margin-top:20px}
.home-adv .advwrap .advwrap-content .info .title{font-size:24px}}
@media (max-width:768px){
.home-adv{padding:30px 0}
.home-adv .advwrap .advwrap-content{flex-wrap:wrap}
.home-adv .advwrap .advwrap-content .img{width:100%}
.home-adv .advwrap .advwrap-content .info{padding:0;margin-top:20px}}
@media (max-width:500px){
.home-adv .advwrap .advwrap-nav li{width:100%;font-size:16px;height:45px;line-height:45px}}
.home-banner .swiper-slide>a::after {display:none}
.home-num {background:#F9F5F2;margin:0;padding:15px 0 10px}
.home-num .list{background:none;align-items:flex-start;height:auto;}
.home-num .list li{opacity:1;color:#62472E;justify-content:flex-start}
.home-num .list li p{margin-left:auto;margin-right:auto;max-width:200px;text-align:center;line-height:1.3;}
@media (max-width:1024px) and (min-width:769px){.home-num .list{justify-content:flex-start;gap:2%;}
.home-num .list li{width:32%;}}
.home-logo{background:#fff;padding-bottom:4%}
@media (min-width:1025px){#logoswiper .swiper-wrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;}}
#logoswiper .swiper-slide{border:1px solid #ccc}
.home-advantages{background:#433A35!important}
.home-advantages::before{display:none}
.home-word{text-align:center;text-transform:uppercase;margin-bottom:5px}
.home-advantages .home-des{max-width:800px}
#advantageswiper .swiper-slide{background:#4D443F;border-color:#5f5651}
#advantageswiper .swiper-slide .p1{padding:0;}
#advantageswiper .swiper-slide .p1::after{display:none}
.home-about{padding-bottom:4%;}
@media (max-width:768px){.home-about{padding-bottom:40px}}

.home-videos {padding-top:4%}
.home-news {background:#E4DACE}
.home-news .home-title,.home-news .home-des{color:#000}
.home-boxshaw {background:#F4F1EA;margin-top:0}
.home-boxshaw .box{background:transparent;border-radius:0;color:#000}
.home-maps{position:relative;padding:4% 0;background:#f7f5f3}
@media (max-width:768px){.home-maps{padding:40px 0}
.home-logo{padding-bottom:40px}}
.home-maps .maps-bottom{margin-top:6%;display:flex;justify-content:space-between;flex-wrap:wrap}
.home-maps .maps-bottom .title{margin-bottom:70px;color:#333;font-size:var(--fontsize24);text-transform:uppercase;text-align:center;line-height:1.4}
.home-maps .maps-bottom .maps-info{width:49%;display:flex;flex-direction:column;}
.home-maps .maps-info .maps-swiper{margin:0;width:100%;padding-right:12%;position:relative}
.home-maps .maps-swiper .swiper-wrapper{display:grid;grid-template-columns:1fr;gap:20px;}
.home-maps .maps-swiper .swiper-slide{display:flex;flex-direction:column;justify-content:center;padding:18px 20px;color:#1a1a1a;background:#eeeceb;border-radius:80px;min-height:120px;}
.home-maps .maps-swiper .swiper-slide:last-child{margin-bottom:0}
.home-maps .maps-swiper .swiper-slide .p1{margin-bottom:5px;line-height:1.5;font-size:15px}
.home-maps .maps-swiper .swiper-slide .p2{text-align:right;font-size:15px}
.home-maps .maps-swiper .swiper-scrollbar{position:absolute;bottom:0;right:0;width:6px;height:100%;background:#cecece;border-radius:15px;display:block!important}
.home-maps .maps-swiper .swiper-scrollbar-drag{width:100%;height:29%!important;background:#b29873;border-radius:15px;cursor:pointer}
.home-maps .maps-bottom .maps-img{width:44%;display:flex;flex-direction:column;justify-content:space-between}
.home-maps .maps-bottom .maps-img img{aspect-ratio:58/44;object-fit:cover}
@media (max-width:1440px){.home-maps .maps-bottom{margin-top:4%}}
@media (max-width:1280px){.home-maps .maps-bottom{align-items:center}
.home-maps .maps-bottom .title{margin-bottom:50px}}
@media (max-width:1024px){.home-maps .maps-bottom{margin-top:30px}
.home-maps .maps-bottom .title{margin-bottom:30px;font-size:var(--fontsize22)}
.home-maps .maps-bottom .maps-info{width:100%;margin-bottom:30px}
.home-maps .maps-info .maps-swiper{padding-right:0}
.home-maps .maps-swiper .swiper-scrollbar{display:none!important}
.home-maps .maps-bottom .maps-img{width:100%}
.home-maps .maps-bottom .maps-img img{width:100%}}
@media (max-width:768px){.home-maps .maps-bottom .title{margin-bottom:20px;font-size:var(--fontsize18)}
.home-maps .maps-bottom .maps-info{margin-bottom:25px}
.home-maps .maps-swiper .swiper-scrollbar{width:4px}
.home-maps .home-title br{display:none}}
.home-banner .banner-inner{position:absolute;bottom:6%;left:42%}
.home-banner .banner-inner .more a{background: var(--color);color:#fff;font-size:1.1vw;border-radius: 50px;transition: all .3s;padding:0.5vw 2vw;white-space: nowrap;}
.home-banner .banner-inner .more a:hover{background: #000;}
@media (max-width:768px){.home-banner{height:auto;}}
.home-about .tag{color:#62462E;font-weight:var(--fontbold7)}
@media (min-width:769px){.home-about .aboutinfo h1{max-width:80%}}
.home-about .aboutinfo .text p.bold{font-size: 20px;}
.home-about .aboutinfo .list li em{color:#62462E}
.home-about .aboutinfo .aboutmeta .home-more{background: #62462E;border-radius: 0;}
.home-news  .swiper-pagination-bullet{width: 8px;height: 8px;}
 .home-products{width:100%;box-sizing:border-box;padding:4% 0px;background:#f3eee8}
.home-products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;width:100%;margin-top:2%;box-sizing:border-box}
.home-products__item{background-color:#ffffff;box-sizing:border-box;overflow:hidden;transition:all 0.3s ease;border:1px solid #eaeaea}
.home-products__item:hover{box-shadow:0 10px 25px rgba(0,0,0,0.08);transform:translateY(-4px)}
.home-products__item--large{grid-column:span 2}
.home-products__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;padding:30px;box-sizing:border-box;position:relative}
.home-products__img-box{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}
.home-products__img{max-width:100%;height:auto;transition:transform 0.4s ease}
.home-products__item--large:hover .home-products__img{transform:scale(1.04)}
.home-products__content{display:flex;flex-direction:column;gap:10px;position:absolute;left:30px;bottom:30px}
.home-products__line{display:block;width:100%;height:5px;background-color:var(--color)}
.home-products__name{margin:0;font-size:25px}
.home-products__item--inquiry{background-color:#262121;color:#ffffff;display:flex;align-items:center;padding:30px;box-sizing:border-box}
.home-products__inquiry-content{display:flex;flex-direction:column;gap:15px}
.home-products__inquiry-title{margin:0}
.home-products__inquiry-desc{margin:0;line-height:1.6;opacity:0.85}
.home-products__inquiry-btn{display:inline-block;padding:10px 20px;background-color:var(--color);color:#ffffff;text-decoration:none;width:fit-content;transition:opacity 0.3s ease}
.home-products__inquiry-btn:hover{opacity:0.9}
@media screen and (max-width:1024px){.home-products__grid{grid-template-columns:repeat(2,1fr);gap:30px}
.home-products__name{font-size:20px}
.home-products__line{height:3px}
.home-products__item--large{grid-column:span 2}
}@media screen and (max-width:768px){.home-products__grid{gap:20px;grid-template-columns:1fr}
.home-products__item--large{grid-column:span 1}
}