@charset 'UTF-8';
:root{
    --main:#d0aa6e;
    --swiper-theme-color:#d0aa6e
}
*{margin:0;padding:0;list-style:none;text-decoration:none}
html{line-height:1.15;font-size:100px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:#fff;accent-color:var(--main);-webkit-tap-highlight-color:transparent;-webkit-user-select:none}
@media all and (max-width:640px){
    html{font-size:calc(100vw / 6.4)}
}
body{min-width:320px;max-width:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;margin:0 auto;font:normal 10px 'Microsoft YaHei',Verdana,Tahoma,Sans-Serif}
input, select, textarea{-webkit-appearance:none;appearance:none;outline:0;border:none}
img{border:0;max-width:100%;object-fit:none}
em, i{font-style:normal}
a{color:#282828}
a:hover{color:var(--main)}
::placeholder{color:#ccc}
::ms-input-placeholder{color:#ccc}
:moz-input-placeholder{color:#ccc}
::moz-input-placeholder{color:#ccc}
::webkit-input-placeholder{color:#ccc}
.content{width:1200px;max-width:95%;margin:0 auto}
.title{text-align:center;margin:.45rem 0 .3rem;position:relative}
.title h2{font-size:.56rem;color:#282828;position:relative;line-height:1.25rem;z-index:10}
.title h3{font-size:.88rem;color:#f5f5f5;letter-spacing:-.05rem;position:absolute;top:0;left:50%;transform:translate(-50%,0);z-index:9;width:100%}
.title .down img{width:.25rem}
.btn{text-align:center}
.btn .button{color:#fff;background-image:linear-gradient(27deg,#cba05c,#f3c983);font-size:.24rem;padding:.1rem .4rem;border:none;margin:.4rem auto;display:inline-block;border-radius:.25rem;cursor:pointer;transition:all .6s}
.btn .button a{color:#fff;font-size:.24rem}
.btn .button img{margin-left:.1rem;width:.2rem;vertical-align:bottom}
.btn .button:hover{transform:scale(1.05)}
.header{margin:.4rem 0}
.header .content{display:flex;justify-content:space-between;align-items:center}
.header .logo{width:30%;max-width:360px}
.header .logo{width:100%}
.header .nav{display:flex;flex:1;justify-content:center;align-items:center}
.header .nav li{margin:0 .15rem;padding-bottom:.05rem;border-bottom:2px solid #fff}
.header .nav li.cur{border-bottom:2px solid;border-image:linear-gradient(27deg,#cba05c,#f3c983) 1}
.header .nav li a{font-size:.18rem}
.header .tel{display:flex;justify-content:center;align-items:center}
.header .tel img{margin-right:.1rem}
.header .tel p{font-size:.18rem;color:#282828}
.header .tel p a{font-size:.26rem;font-weight:bold}
.banner, .banner img{vertical-align:bottom}
.footer{background-color:#363942;width:100%;padding:.7rem 0 0}
.footer .content{display:flex;justify-content:space-between;align-items:center}
.footer .content .contact{text-align:center;flex:1}
.footer .content .contact h4{color:var(--main);font-size:.24rem;margin-bottom:.25rem;font-weight:700}
.footer .content .contact p{color:#fff;font-size:.22rem;line-height:1.25;font-weight:400;margin-bottom:.1rem}
.footer .content .contact p a{color:#fff;font-size:.24rem;line-height:1.25;font-weight:400}
.footer .content .contact p img{vertical-align:sub;margin-right:.05rem;width:.25rem}
.footer .content .slogan{border-left:1px solid #5f6473;border-right:1px solid #5f6473;flex:1;margin:0 .75rem;text-align:center;padding:.25rem 0;background:none}
.footer .content .slogan h2{color:transparent;font-size:.32rem;margin-bottom:.2rem;background-image:linear-gradient(27deg,#cba05c,#f3c983);-webkit-background-clip:text}
.footer .content .code{text-align:center}
.footer .content .code h4{color:var(--main);font-size:.24rem;margin-bottom:.1rem;font-weight:700}
.footer .content .code img{width:100%;max-width:155px}
.footer .private{text-align:center;margin-top:.5rem}
.footer .private a{color:#999;font-size:.16rem;line-height:2.5}
.fixed_footer{position:fixed;top:30%;right:0;z-index:100}
.fixed_footer ul{display:flex;flex-direction:column;align-items:end}
.fixed_footer ul li{background:#8c5626;border-top-left-radius:.1rem;max-width:.8rem;height:.5rem;border-bottom-left-radius:.1rem;margin-bottom:.1rem;text-align:center;transition:max-width,padding .3s linear;-webkit-transition:max-width,padding .3s linear;padding:.1rem .175rem;box-sizing:content-box}
.fixed_footer ul li a{display:block}
.fixed_footer ul li img{height:.24rem}
.fixed_footer ul li p{font-size:.18rem;color:#fff;line-height:1;margin-top:.05rem;white-space:nowrap}
.fixed_footer ul li.whatsapp{background:#3ac34c;padding:.1rem .05rem}
.fixed_footer ul li.whatsapp img{height:auto;width:.3rem;object-fit:cover}
.fixed_footer ul li.whatsapp p{font-size:.12rem}
.fixed_footer ul li.whatsapp:hover{padding:.1rem .15rem;max-width:1rem}
.fixed_footer ul li.zixun:hover{padding:.1rem .25rem;max-width:1rem}
.fixed_footer ul li.tel{background:#a76819;display:flex;align-items:center}
.fixed_footer ul li.tel .r a{font-size:.24rem;color:#fff;transition:opacity .5s linear;-webkit-transition:opacity .5s linear;position:absolute;opacity:0;width:10rem;white-space:nowrap}
.fixed_footer ul li.tel:hover{max-width:5rem;transition-duration:2s}
.fixed_footer ul li.tel:hover .r a{margin-left:.1rem;position:relative;opacity:1;width:auto}
.fixed_footer ul li.weixin{background:#cda25e;position:relative}
.fixed_footer ul li.weixin .wechat{position:absolute;left:-1.5rem;top:-.25rem;background:#fff;padding:.05rem;transition:opacity .3s linear;-webkit-transition:opacity .3s linear;opacity:0}
.fixed_footer ul li.weixin .wechat img{width:1.25rem;height:auto;max-width:unset;vertical-align:bottom;object-fit:cover}
.fixed_footer ul li.weixin:hover{padding:.1rem .25rem;max-width:1rem}
.fixed_footer ul li.weixin:hover .wechat{opacity:1}
.fixed_footer ul li.add{background:#36c35b;display:flex;align-items:center}
.fixed_footer ul li.add .r{font-size:.24rem;color:#fff;transition:opacity .5s linear;-webkit-transition:opacity .5s linear;position:absolute;opacity:0;width:10rem;white-space:nowrap}
.fixed_footer ul li.add:hover{max-width:5rem;transition-duration:2s}
.fixed_footer ul li.add:hover .r{margin-left:.1rem;position:relative;opacity:1;width:auto}
.fixed_footer ul li.top{background:#363942}
.fixed_footer ul li.top:hover{padding:.1rem .25rem;max-width:1rem}
.fixed_bottom{position:fixed;bottom:0;left:0;z-index:100;text-align:center;width:100%;display:none}
.fixed_bottom img{vertical-align:bottom}
.index .about{background:#f9f9f9;padding-bottom:.6rem}
.index .about .content{display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:.45rem}
.index .about .nav{position:relative;z-index:9;width:100%;margin-bottom:.15rem}
.index .about .nav{background-image:linear-gradient(27deg,#cba05c,#f3c983);border-radius:.1rem;margin-top:-.3rem;padding:.25rem;padding-bottom:.15rem;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}
.index .about .nav li{flex:1;text-align:center;cursor:pointer;border-right:1px solid #ba8d47}
.index .about .nav li a{display:block}
.index .about .nav li img{max-width:40px;transition:all .5s}
.index .about .nav li p{font-size:.18rem;color:#fff;line-height:2}
.index .about .nav li:hover img{transform:scale(1.05)}
.index .about .nav li:last-child{border:none}
.index .about .aboutus{width:65%;margin-right:2.5%;background:#fff;border-radius:.1rem;padding:.3rem;box-sizing:border-box;display:flex}
.index .about .aboutus .l{width:53%;margin-right:2%;position:relative}
.index .about .aboutus .l>i{background-image:linear-gradient(27deg,#cba05c,#f3c983);display:inline-block;width:18%;height:3px;position:absolute;top:0;left:0}
.index .about .aboutus .l h2{color:transparent;background-image:linear-gradient(27deg,#cba05c,#f3c983);-webkit-background-clip:text;font-size:.36rem;line-height:2}
.index .about .aboutus .l p{text-indent:2em;color:#282828;font-size:.18rem;line-height:1.6;position:relative;z-index:10}
.index .about .aboutus .l .btn{text-align:right;z-index:10;position:relative}
.index .about .aboutus .l .btn .button{margin:.1rem auto 0}
.index .about .aboutus .l span.en{color:#f5f5f5;font-size:.52rem;position:absolute;bottom:0;left:0;letter-spacing:-5px;line-height:1;z-index:9;font-weight:bold}
.index .about .aboutus .r{width:45%;max-width:400px}
.index .about .aboutus .r img{height:90%}
.index .about .service{width:32.5%;background:#fff;border-radius:.1rem;padding:.3rem;box-sizing:border-box}
.index .about .service h2{color:transparent;background-image:linear-gradient(27deg,#cba05c,#f3c983);-webkit-background-clip:text;font-size:.24rem;line-height:1;margin-bottom:.2rem}
.index .about .service .img{height:90%}
.index .about .service .img img{height:50%;width:100%;object-fit:cover}
.index .about .service .img img:first-child{margin-bottom:.1rem}
.page-about .about .con{display:flex;justify-content:space-between;margin-bottom:.35rem}
.page-about .about .con .l{width:65%;margin-right:3%}
.page-about .about .con .l p{font-size:.26rem;color:#888;line-height:2;text-indent:2em;margin-top:.2rem}