﻿:root{--brand:#AE5A34;--brand-d:#8c4626;--brand-tint:rgba(174,90,52,.10);--ink:#2b2622;--muted:#6b6259;--paper:#faf5ef;--paper-2:#f1e8dc;--line:#e7dccd;--card:#ffffff;--shadow:0 10px 30px rgba(43,38,34,.08)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
.st-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.st-options{padding:80px 0 90px;background:var(--paper)}
.st-sec-head{text-align:center;margin:0 auto 46px}
h2.st-h2{font-size:clamp(26px,3.2vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.st-sec-head p{max-width:100%;}
.st-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.st-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.st-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(43,38,34,.12)}
.st-media{aspect-ratio:4/3;overflow:hidden;background:var(--paper-2)}
.st-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.st-card:hover .st-media img{transform:scale(1.06)}
.st-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.st-body h3{font-size:18px;font-weight:700;margin-bottom:6px;color:var(--ink)}
.st-body p{font-size:13.5px;color:var(--muted);margin-bottom:12px}
.st-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.st-tags span{font-size:12px;background:var(--brand-tint);color:var(--brand-d);padding:4px 10px;border-radius:999px;font-weight:600}
.st-cta{text-align:center;margin-top:46px}
.st-btn{display:inline-block;background:var(--brand);color:#fff;font-weight:800;font-size:16px;padding:15px 36px;border-radius:999px;text-decoration:none;box-shadow:0 10px 24px rgba(174,90,52,.35);transition:transform .15s ease,box-shadow .15s ease}
.st-btn:hover{transform:translateY(-2px);background:var(--brand-d);box-shadow:0 14px 30px rgba(174,90,52,.45)}
@media (max-width:920px){.st-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.st-grid{grid-template-columns:1fr}}

.home-banner .swiper-slide>a::after{display: none;}
 @media (min-width:1024px){.home-choose .home-title{font-size:55px}
}.home-choose .home-title{color:#fff}
.home-choose{    padding-top: 12%;}

.home-say{position:relative;padding-bottom:50px;}
.home-say .home-des{color:#666}
.home-say .say-wrap{margin-top:40px;padding:0 100px;position:relative}
.home-say .sayswiper-next,.home-say .sayswiper-prev{width:55px;height:55px;background:#F1F1F1;border-radius:50%;position:absolute;left:0;top:30%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s linear}
.home-say .sayswiper-next:hover,.home-say .sayswiper-prev:hover{background:#EEEEEE}
.home-say .sayswiper-next em,.home-say .sayswiper-prev em{font-size:36px;color:#666}
.home-say .sayswiper-next{left:auto;right:0}
#sayswiper{padding-top:50px}
#sayswiper .swiper-slide:nth-child(2n) .comments{background:#f9f4ee}
#sayswiper .swiper-slide:nth-child(2n) .comments::after{border-color:#f9f4ee transparent transparent transparent}
#sayswiper .swiper-slide:nth-child(2n) .comments .icon{background:var(--color)}
#sayswiper .comments{background:#FEF2E9;border-radius:10px;text-align:center;color:#666666;position:relative;padding:50px 20px 20px;min-height:250px;line-height:2}
#sayswiper .comments::after{content:"";position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:#FEF2E9 transparent transparent transparent}
#sayswiper .comments .icon{width:60px;height:60px;background:#209344;border-radius:50%;position:absolute;left:50%;transform:translateX(-50%);top:-30px;color:#FFFFFF;font-size:60px;font-family:fantasy;line-height:1.4}
#sayswiper .author{text-align:center;margin-top:40px}
#sayswiper .author img{width:70px;height:70px;border-radius:50%;object-fit:cover}
#sayswiper .author .p1{font-weight:var(--fontbold6);margin:5px 0}
#sayswiper .author .p2{color:var(--color)}
@media(max-width:1024px){.home-say .say-wrap{padding:0 70px}}
@media(max-width:768px){.home-say{padding-bottom:0}
.home-say .say-wrap{padding:0 45px;margin-top:20px}
.home-say .sayswiper-next,.home-say .sayswiper-prev{width:40px;height:40px}}

.pagecontact{background:url(https://css02.v15cdn.com/m441/images/pagecontact-bg.webp) no-repeat center;position:relative;background-size:cover;padding:50px 0}
.wmkcbox-contact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.wmkcbox-contact .wmkcbox-contact-left{width:45%;margin-right:5%}
.wmkcbox-contact .wmkcbox-contact-left .home-title{text-align:left;color:var(--color);line-height:1.4;margin-bottom:10px}
.wmkcbox-contact .wmkcbox-contact-left .home-title span{color:#000}
.wmkcbox-contact .wmkcbox-contact-left p{line-height:28.8px;color:#666}
.wmkcbox-contact .wmkcbox-contact-left ul{margin-top: 15px;}
.wmkcbox-contact .wmkcbox-contact-left ul li{margin-top: 5px;list-style: none;position: relative;padding-left: 15px;}
.wmkcbox-contact .wmkcbox-contact-left ul li::before{content: "";position: absolute;top: 10px;left: 0;width: 7px;height: 7px;background: var(--color);border-radius: 50%;}
.wmkcbox-contact .wmkcbox-contact-feedback{flex:1;background:#F2F2F2;padding:2% 3%}
.wmkcbox-contact .wmkcbox-contact-feedback input,.wmkcbox-contact .wmkcbox-contact-feedback textarea{background-color:#FFFFFF}
.wmkcbox-contact .wmkcbox-contact-feedback .wmkcfeedback .send-btn{height:50px}
@media (max-width:1024px){.wmkcbox-contact .wmkcbox-contact-left{width:100%;margin-right:0}
.wmkcbox-contact .wmkcbox-contact-feedback{margin-top:20px;padding:30px 20px}}
  .home-cate{padding:5% 0;position:relative}
.home-cate .homecate-top{display:flex;align-items:flex-end;justify-content:space-between}
.home-cate .homecate-top .home-title{text-align:left}
.home-cate .homecate-top a:hover{text-decoration:underline}
.home-cate .homecate-top .right{white-space:nowrap}
.home-cate .list{margin-top:2%;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;padding-left:42%}
.home-cate .list li:nth-child(1){position:absolute;left:0;top:0;width:40%;height:100%;aspect-ratio:6/7}
.home-cate .list li{width:48.4%;border-radius:10px;overflow:hidden;position:relative;aspect-ratio:7/6}
.home-cate .list li:nth-child(n+4){margin-top:1.5em}
.home-cate .list li .img{width:100%;height:100%;display:flex}
.home-cate .list li .img img{width:100%;height:100%;object-fit:cover}
.home-cate .list li .title{position:absolute;left:0;bottom:0;width:100%;height:100%;color:#FFFFFF;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(0deg,#9d9d9d 0,rgba(0,0,0,0) 100%);transition:all .1s linear}
.home-cate .list li .title .top-info{width:100%;display:flex;justify-content:space-between;align-items:center}
.home-cate .list li .title span{font-size:var(--fontsize18)}
.home-cate .list li .title em{color:var(--color);font-size:var(--fontsize20)}
.home-cate .list li:hover .img img{transform:scale(1.02)}
.home-cate .list li:hover .title{color:var(--color)}
@media (max-width:1024px){.home-cate .list{padding:0px}
.home-cate{padding:50px 0}
.home-cate .list li{width:48% !important;aspect-ratio:1/1 !important;position:relative !important;height:auto !important;margin-top:1.5em !important}
.home-cate .list li .title{font-size:var(--fontsize16);padding:10px}
}@media (max-width:1300px){.home-cate .list li .title .desc{overflow:hidden;white-space:wrap;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}
}

.home-banner .swiper-slide{height:auto}
.home-banner .swiper-slide>a[title="banner1"]:before{content:'';background: linear-gradient(to right,#EEEAE2,#EEEAE211);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.home-banner .banner-animote.bannertxt1{top:50%}
.home-banner .banner-animote.bannertxt1 {color:#000;padding:0;text-align:left;width:40%;left:14%;transform:translateY(-50%);z-index:3}
.home-banner .banner-animote.bannertxt1 .p0 {color:#FD6704;text-transform:uppercase;font-weight:bold;font-size:.7vw;}
.home-banner .banner-animote.bannertxt1 .p1 {text-align:left;font-size:2.8vw;font-weight:bold;line-height:1.15;}
.home-banner .banner-animote.bannertxt1 .p1 span {color:#FD6704;}
.home-banner .banner-animote.bannertxt1 .p2 {font-size:.9vw;margin:.7vw 0 0}
.home-banner .banner-animote.bannertxt1 .p3 {display:flex;margin-top:1.2vw;gap:1vw}
.home-banner .banner-animote.bannertxt1 .p3 a {min-width:initial;height:auto;padding:.5vw 1.2vw;border-radius:50px;font-size:.9vw;font-weight:400}
.home-banner .banner-animote.bannertxt1 .p3 a:nth-child(1) {background:#FD6704;border-color:#FD6704;box-shadow:0 5px 15px #FD670477}
.home-banner .banner-animote.bannertxt1 .p3 a:nth-child(2) {background:none;border-color:#ccc;color:#000;box-shadow:0 0 0}
.home-banner .banner-animote.bannertxt1 ul {margin-top:1.5vw;display:flex;justify-content:space-between;gap:.6vw;}
.home-banner .banner-animote.bannertxt1 ul li {background:#fff;border-radius:50px;border:1px solid #ccc;list-style:none;font-size:.9vw;padding:.3vw 1vw}
.home-banner .banner-animote.bannertxt1 ul li span {position:relative;padding-left:.8vw;display:inline-block}
.home-banner .banner-animote.bannertxt1 ul li span:before {content:'';width:.4vw;height:.4vw;border-radius:50%;background:#28C76F;position:absolute;top:50%;transform:translateY(-50%);left:0;}
.home-banner .banner-animote.bannertxt1 .data {margin-top:2vw;display:flex;justify-content:space-between;gap:1vw;max-width:65%}
.home-banner .banner-animote.bannertxt1 .data-item div {font-weight:bold;font-size:1.6vw}
.home-banner .banner-animote.bannertxt1 .data-item p {font-size:.9vw}
.home-banner .banner-animote.bannertxt2 ul{justify-content:flex-start}
.home-banner .banner-animote.bannertxt2 ul.list2{margin-top:.6vw}
