@charset "UTF-8";
:root{
    --bg:#fff;
    --main:#886f47;
    --maxWidth:750px;
    --swiper-theme-color:var(--main);
    --swiper-navigation-size:.44rem;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}
html{line-height:1.15;font-size:100px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:#eee;accent-color:var(--main);-webkit-tap-highlight-color:transparent;-webkit-user-select:none}
@media all and (max-width:750px){
    html{font-size:-webkit-calc(100vw/7.5);font-size:-moz-calc(100vw/7.5);font-size:calc(100vw/7.5)}
}
body{min-width:320px;max-width:var(--maxWidth);min-height:100vh;-webkit-tap-highlight-color:transparent;margin:0 auto;font:normal 10px system-ui,-apple-system,Helvetica Neue,'Microsoft YaHei',Verdana,Tahoma,Sans-Serif;line-height:1.6;padding:0;background-color:var(--bg);min-height:100vh}
main{display:block}
hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:1px;overflow:visible;border:none}
pre{font-family:monospace,monospace}
a{background-color:transparent;text-decoration:none;color:#666}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;-webkit-text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace}
em,i{font-style:normal}
ul,ol,li{list-style:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none;border:0;max-width:100%;vertical-align:bottom}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
input,textarea{border:1px solid #ccc}
textarea{overflow:auto}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
::placeholder{color:#d2d2d2}
:-ms-input-placeholder{color:#d2d2d2}
::-ms-input-placeholder{color:#d2d2d2}
::-moz-placeholder{color:#d2d2d2}
::-webkit-input-placeholder{color:#d2d2d2}
.d-block{display:block}
.d-none{display:none}
.mark{width:100vw;height:100vh;background:rgba(0, 0, 0, .5);z-index:998;position:fixed;left:0;top:0}
.box{width:100%;padding:.5rem 2.5%;box-sizing:border-box}
.tit{text-align:center}
.tit h2{font-size:.6rem;color:var(--main);line-height:1.5}
.tit h3{font-size:.46rem;color:var(--main);line-height:1.25}
.btn{width:100%;text-align:center}
.btn a{display:inline-block;width:80%;background:var(--main);font-size:.4rem;color:#ffe100;border-radius:.15rem;line-height:2;animation:scale 1s .4s ease infinite;-webkit-animation:scale 1s .4s ease infinite}
header{background-color:var(--main);text-align:center}
header img{width:60%;margin:.3rem 0}
.banner .swiper-slide{position:relative}
.banner .swiper-slide .txt{position:absolute;bottom:.1rem;left:0;width:100%;text-align:center}
.banner .swiper-slide .txt img{width:90%;animation:scale 1s .4s ease infinite;-webkit-animation:scale 1s .4s ease infinite}
.banner .swiper-slide.banner2 .txt{bottom:.35rem}
.banner .swiper-slide.banner2 .txt img{animation:banner2 3s 1s ease infinite;-webkit-animation:banner2 3s 1s ease infinite}
.banner .swiper-slide.banner2 .img{position:absolute;top:.5rem;left:.1rem;width:55%;animation:banner1 3s 1s ease infinite;-webkit-animation:banner1 3s 1s ease infinite}
.banner .swiper-slide.banner2 .img img{width:100%}
.box1 .img{margin:.5rem 0}
.box2{background:linear-gradient(180deg,rgba(139,111,71,.1) 0%,rgba(255,255,255,.1) 50%,rgba(139,111,71,.1) 100%)}
.box2 .img{margin:.35rem 0}
.box2 .desc p{font-size:.32rem;color:#000}
.box2 .desc p a{font-size:.32rem;color:#f00;text-decoration:underline}
.box3 .img{margin:.3rem 0 .5rem;display:flex;align-items:center}
.box3 .swiper{width:45%}
.box3 .swiper-wrapper{align-items:center}
.box3 .l{background:linear-gradient(180deg,#f5f5f5,#d9d9d9);border-radius:0 .3rem .3rem 0;text-align:center;padding:.15rem;box-sizing:border-box;z-index:9}
.box3 .l h2{font-size:.36rem;color:#000;line-height:2}
.box3 .l p{font-size:.26rem;color:#000;border-top:1px dashed #fff;line-height:1.5;padding:.15rem 0}
.box3 .l p.link{color:#cf6c67;font-size:.26rem}
.box3 .l.one{background:linear-gradient(180deg,#B5925F,#8B6F47);z-index:10;width:55%;border-radius:.3rem}
.box3 .l.one h2{font-size:.42rem;color:#fff}
.box3 .l.one p{font-size:.26rem;color:#fff;padding:.2rem 0}
.box3 .l.one p.link{display:none}
.box4{background:linear-gradient(180deg,rgba(139,111,71,.1) 0%,rgba(255,255,255,.1) 50%,rgba(139,111,71,.1) 100%)}
.box4 h2{line-height:1.25}
.box4 .list{margin:.5rem 0}
.box4 .list .l{width:100%;border-radius:.15rem;background:#e8e3d8;padding-top:.2rem;margin-bottom:.2rem}
.box4 .list .l>img{width:calc(100% - .4rem);margin:0 .2rem}
.box4 .list .t{position:relative;padding-left:.2rem;margin:.2rem;width:calc(100% - .4rem)}
.box4 .list .t:before{position:absolute;left:0;top:0;content:"";width:5px;height:100%;background:#b5925f}
.box4 .list .t h2{font-size:.42rem;color:var(--main);line-height:1}
.box4 .list .t h2 s{font-size:.26rem;color:var(--main);text-decoration:none;margin-left:5px;font-weight:400}
.box4 .list .t p{font-size:.24rem;color:#6b6b6b;line-height:1;margin-top:.15rem}
.box4 .list .msg{background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjkwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDEuMDExIDE1SDY5MFY2NEM2OTAgNzIuODM2NiA2ODIuODM3IDgwIDY3NCA4MEgxNkM3LjE2MzQ1IDgwIDguMDUzNzVlLTA5IDcyLjgzNjYgMCA2NFYxNUg3MC45ODkzTDg2IDBMMTAxLjAxMSAxNVoiIGZpbGw9IiNDRjZDNjciIGZpbGwtb3BhY2l0eT0iMC41Ii8+PC9zdmc+');background-repeat:no-repeat;background-size:100% auto;padding:.3rem .2rem .1rem;display:flex;box-sizing:border-box}
.box4 .list .msg img{width:25%;margin-right:2%}
.box4 .list .msg p{font-size:.24rem;color:#fff;width:75%;height:.4rem;overflow:hidden}
.box4 .list .msg p span{display:inline-block;height:.4rem;line-height:.4rem;width:100%;white-space:nowrap}
.box4 .list .msg.msg1 p span{animation:loop-scroll 15s linear infinite}
.box4 .link{text-align:center}
.box4 .link a{color:#f00;font-size:.28rem;text-decoration:underline;animation:scale 1s .4s ease infinite;-webkit-animation:scale 1s .4s ease infinite}
.box5 h2{line-height:1.25}
.box5 .img{margin:.5rem 0}
.box5 .img .swiper-slide{background:#e3e3db;border-radius:.25rem;padding:.2rem;box-sizing:border-box}
.box5 .img .swiper-slide img{width:100%}
.box5 .img .swiper-slide h2{text-align:center;font-size:.32rem;color:#765b2d;margin-top:.15rem;margin-bottom:.1rem}
.box5 .img .swiper-slide p{font-size:.26rem;color:#000;height:1.65rem}
.box6{background:linear-gradient(180deg,rgba(139,111,71,.1) 0%,rgba(255,255,255,.1) 50%,rgba(139,111,71,.1) 100%)}
.box6 h2{line-height:1.25}
.box6 .img{margin:.3rem 0 0;display:flex;flex-wrap:wrap;}
.box6 .img .li{width:calc(49% - 2px);margin-right:2%;border-radius:.16rem;border:1px solid #f0d9b6;padding:.15rem;box-sizing:border-box;background:#fff;margin-bottom:.2rem}
.box6 .img .li:nth-child(2n){margin-right:0}
.box6 .img .li img{width:100%}
.box6 .img .li h2{font-size:.36rem;color:var(--main);text-align:center;margin-top:.2rem;margin-bottom:.1rem}
.box6 .img .li .swiper-slide{font-size:.28rem;color:#000;text-align:center;line-height:1.25}
footer{background:var(--main);padding:.2rem .2rem 2rem;box-sizing:border-box}
footer .box{padding-top:0;padding-bottom:0}
footer .r{display:flex;justify-content:start;align-items:start;flex-direction:column}
footer .r .a p{font-size:.32rem;color:#fff}
footer .r .a p a{font-size:.32rem;color:#fff}
footer .r .a p a:hover{color:#eee}
footer .hr{margin:.15rem auto;height:1px;background:var(--bg)}
footer .f{text-align:center}
footer .f p{font-size:.26rem;color:#fff}
footer .f p a{font-size:.26rem;color:#fff}
footer .f p a:hover{color:#eee}
.fixed-footer{display:flex;justify-content:space-evenly;align-items:end;position:fixed;bottom:.3rem;left:50%;width:100%;max-width:750px;height:2.2rem;z-index:99;transform:translateX(-50%)}
.fixed-footer .bg{position:absolute;left:5%;bottom:0;background:rgba(255, 255, 255, .5);width:90%;height:1.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1rem;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25)}
.fixed-footer .li{text-align:center;position:relative;margin-bottom:.1rem;width:20%}
.fixed-footer .li a{display:block}
.fixed-footer .li svg{height:.7rem;margin-top:.1rem}
.fixed-footer .li p{font-size:.28rem;color:#202020;text-align:center}
.tc{display:none;position:fixed;top:50%;left:0;right:0;width:500px;max-width:80%;margin:0 auto;z-index:999;transform:translateY(-50%);border-radius:.3rem}
.tc .img{max-width:100%;width:100%;border-radius:.25rem;animation:spulse 2s .2s ease infinite;-webkit-animation:spulse 2s .2s ease infinite}
.tc .close{display:block;width:13%;height:13%;position:absolute;right:0;top:0;cursor:pointer;background-image:url('data:image/webp;base64,UklGRvIDAABXRUJQVlA4WAoAAAAwAAAAEwAAEwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBI7QAAAA2Am23bsef+Z2Blo7KNFYwkvW3bTjqtYidbsLKdF1khIhS5bds4yTEdfMaGJnWOf8q6KpSkxl74EVZeF2L7rsoX7qyg9WZMthOtfmIjWcAA8NGo3YvUPtKRzqD/A8B7i3Y7Wv1MIp5D39fvo0jXmzdjVS+AcBH9X8zjv2pN29HqJ8kiBt85n/xo0O0FVhrRzxlqQXaWR+cfGr/n0s6THTocjzHsVVY00z4cj57T5HGQ8aE85tEnwKiK+DARLlEeb/XmrT8femOe8fiuNRIfyvbPg+NDzP8gWVvWvMrSzNoy5qYtv/+ojQbimMumAQBWUDggDgEAAPAHAJ0BKhQAFAA+bTKVR6QioiEoCACADYlpABCoCAmf6LyWfOf+F9wD9M/9Z6gHUAfomHmku+SumwDpQEvcpSkCVfOfD7T/AAD91fp8SZnDy5my7P8x8CpvMUZEriXoFRCFv/HlP+xVYfyZLbtjyBWbheiWO6J/FSTmbhKlLA3NsDNGy16yVg/zJN1+P7+4cxmo7+oljpGfZBuiDqiJ1G0o4a+b/3eYn0l/fpGAIdq0YR0RxMzi4x35/0yPqP53Ew7CxJ8Nfiz6iSw/jPlDK2Xat2fmi8iaK27ii0gPTew+Zz5ao5Kubs/8jFvHbCUvIv8oi1s03RGZAcJTOmt1eQ01S3vUfxMRJOw4HAAAAA==');background-position:center center;background-repeat:no-repeat}
@keyframes scale{
    0%{transform:scale(0.95)}
    50%{transform:scale(1)}
    100%{transform:scale(0.95)}
}
@-webkit-keyframes scale{
    0%{-webkit-transform:scale(0.95)}
    50%{-webkit-transform:scale(1)}
    100%{-webkit-transform:scale(0.95)}
}
@keyframes loop-scroll{
    0%{transform:translateX(0)}
    100%{transform:translateX(-100%)}
}
@-webkit-keyframes loop-scroll{
    0%{-webkit-transform:translateX(0)}
    100%{-webkit-transform:translateX(-100%)}
}
@keyframes banner1{
    0%{transform:scale(1)}
    16.6%{transform:scale(1.1)}
    33.3%{transform:scale(1)}
    50%{transform:scale(1.1)}
    66.6%{transform:scale(1)}
    100%{transform:scale(1)}
}
@-webkit-keyframes banner1{
    0%{-webkit-transform:scale(1)}
    16.6%{-webkit-transform:scale(1.1)}
    33.3%{-webkit-transform:scale(1)}
    50%{-webkit-transform:scale(1.1)}
    66.6%{-webkit-transform:scale(1)}
    100%{-webkit-transform:scale(1)}
}
@keyframes banner2{
    0%,66.6%{transform:scale(1)}
    83.3%{transform:scale(1.1)}
    100%{transform:scale(1)}
}
@-webkit-keyframes banner2{
    0%,66.6%{-webkit-transform:scale(1)}
    83.3%{-webkit-transform:scale(1.1)}
    100%{-webkit-transform:scale(1)}
}
/*20260615*/
.box1 .img{position:relative;width:100%;height:7rem}
.box1 .img .bg-circle{position:absolute;width:65%;aspect-ratio:1 / 1;border-radius:50%;background:rgba(139, 111, 71, .1);border:4px solid #FFFFFF;pointer-events:none;opacity:0;transition:opacity .35s ease,transform .7s cubic-bezier(.22, .61, .36, 1);z-index:1}
.box1 .img .bg-circle.bg-top{left:17.5%;top:0;transform:translate(0,.8rem) scale(0);transition-delay:0s}
.box1 .img .bg-circle.bg-left{left:0%;top:2rem;transform:translate(1.22rem,.8rem) scale(0);transition-delay:.08s}
.box1 .img .bg-circle.bg-right{right:0%;top:2rem;transform:translate(-1.22rem,.8rem) scale(0);transition-delay:.16s}

.box1 .img .center-grad{position:absolute;width:53%;aspect-ratio:1 / 1;border-radius:50%;background:linear-gradient(180deg,#B5925F 0%,#8B6F47 100%);border:2px solid #FFFFFF;pointer-events:none;opacity:0;transition:opacity .3s ease,transform .6s cubic-bezier(.34, 1.56, .64, 1);z-index:2;transform:scale(0);left:23.5%;top:2rem;transition-delay:.35s}
.box1 .img .cat-title{z-index:3;margin-top:.2rem;position:relative;display:block;text-align:center;color:#202020;font-size:.36rem;font-weight:bold;pointer-events:none;white-space:nowrap;opacity:0;transform:translateY(-.25rem);transition:opacity .4s ease, transform .5s ease;transition-delay:.45s}
.box1 .img .bg-left .cat-title{text-align:left;margin-top:1rem;padding-left:.6rem;transition-delay:.5s}
.box1 .img .bg-right .cat-title{text-align:right;margin-top:1rem;padding-right:.4rem;transition-delay:.55s}
.box1 .img .center-grad .cat-title{margin-top:40%;color:#fff;transition-delay:.6s}
.box1 .img .sc{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:4;opacity:0;transform:scale(0.3);transition:opacity 0.35s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);aspect-ratio:1 / 1}
.box1 .img .sc span{text-align:center;pointer-events:none}
.box1 .img .sc.sc-good{background:#FCF6EE;border:1px solid #F0D9B6;width:.96rem}
.box1 .img .sc.sc-good span{font-size:.22rem;line-height:1.25;letter-spacing:-0.03em;color:#7C551B}
.box1 .img .sc.sc-warn{background:#FFFFFF;border:1px solid #CF6C67;width:.86rem}
.box1 .img .sc.sc-warn span{font-size:.22rem;line-height:1.25;color:#CF6C67}
.box1 .img .sc.sc1{left:18%;top:.85rem;transition-delay:.55s}
.box1 .img .sc.sc2{left:40%;top:.85rem;transition-delay:.6s}
.box1 .img .sc.sc3{left:62%;top:.85rem;transition-delay:.65s}
.box1 .img .sc.sc4{left:9%;top:1.65rem;transition-delay:.7s}
.box1 .img .sc.sc5{left:18%;top:2.6rem;transition-delay:.75s}
.box1 .img .sc.sc6{left:33%;top:3.35rem;transition-delay:.8s}
.box1 .img .sc.sc7{right:9%;top:1.65rem;transition-delay:.85s}
.box1 .img .sc.sc8{right:18%;top:2.6rem;transition-delay:.9s}
.box1 .img .sc.sc9{right:33%;top:3.35rem;transition-delay:.95s}
.box1 .img .sc.sg1{left:37%;top:.15rem;transition-delay:1.05s}
.box1 .img .sc.sg2{right:10%;top:.55rem;transition-delay:1.1s}
.box1 .img .sc.sg3{right:10%;top:2.05rem;transition-delay:1.15s}
.box1 .img .sc.sg4{left:37%;top:2.65rem;transition-delay:1.2s}
.box1 .img .sc.sg5{left:10%;top:2.05rem;transition-delay:1.25s}
.box1 .img .sc.sg6{left:10%;top:.55rem;transition-delay:1s}
.box1 .img.visible .bg-circle{opacity:1;transform:translate(0,0) scale(1)}
.box1 .img.visible .center-grad{opacity:1;transform:scale(1)}
.box1 .img.visible .cat-title{opacity:1;transform:scale(1)}
.box1 .img.visible .sc{opacity:1;transform:scale(1)}