body,html{margin:0;background:#f6f3f0}
body{width:100%;overflow-x:hidden}
input{outline: none;}
header{background:rgba(246 ,243,240,.95);width:100%;display:flex;align-items:center;height:80px;position:sticky;top:0;z-index:100000;transition:.7s;border-bottom:1px solid #d2c6b9}
header .header{display:flex;width:1360px;margin:auto;justify-content:space-between;align-items:center}
/* header .header .logo{font-size:35px;color:#1f1f1f;text-decoration:none;font-family:LibreBaskerville-Regular;transform:scale(.85,1) translateX(-20px)} */
header .header .logo{font-size:0;height:30px;}
header .header .logo img{height:100%}
header .header .logo img:nth-of-type(2){display:none}
header .header .nav{display:flex;color:#1f1f1f;align-items:center}
header .header .nav li{list-style:none;font-size:16px;font-family:Chivo-Regular;cursor: pointer;padding: 0 25px;position: relative}
header .header .nav li:nth-last-of-type(1){padding-right:50px}
header .header .nav li a{color:#1f1f1f;text-decoration:none;line-height:50px}
header .header .nav li .box{text-decoration:none;font-size:14px;position: absolute;top:50px;left:0;/*transform:translateX(-50%);*/min-width:100%;width:max-content;background-color:#f6f3f0;color:#1f1f1f;height:auto;overflow:hidden;display:none;-ms-flex-direction:column;flex-direction:column;}
header .header .nav li .box a{color:#1f1f1f;display:flex;padding:15px 25px;box-sizing:border-box;text-transform:uppercase;line-height:20px}
header .header .nav li .box a:hover{background:#e3e0dc;color:#fff}
header .header .nav .search{font-size:0;cursor: pointer;}
header .header .nav .search i{font-size:20px}

.search{display: flex;align-items: center;}
.search .search-input{font-size: 12px;height: 0;background-color: rgba(192,165,137,.97);position: absolute;left:0;transition: height 1.2s;overflow: hidden;top:0;width:100%}
.search.search-active .search-input{width:100%;height:100vh}
.search .search-input .searchCons{width:100%;height:100%;position: relative;}
/* .search .search-input .searchCons .searchTitle{font-size:35px;color:#fff;font-family:LibreBaskerville-Regular;transform:scale(.85,1);width:100%;text-align:center;position: absolute;top:20%} */
.search .search-input .searchCons .searchTitle{height:30px;position: absolute;top:20%;width:100%;display:flex;justify-content:center;}
.search .search-input .searchCons .searchTitle img{height:100%}
.search .search-input .searchCons .searchBigTitle{font-size:56px;color:#fff;font-family:LibreBaskerville-Regular;transform:scale(.85,1);width:100%;text-align:center;position: absolute;top:30%;text-transform:uppercase}
.search .search-input .searchCons .LineInput{height:70px;position: relative;position: absolute;top:50%;width:10rem;left:50%;transform:translate(-50%,-50%);border-bottom:1px solid #fff;}
.search .search-input .searchCons .LineInput input{height: 70px;border: unset;background-color: unset;padding-left: 10px;box-sizing: border-box;width: 85%;overflow: hidden;color:#fff;font-size:18px}
.search .search-input .searchCons .LineInput img{position: absolute;right:20px;top:50%;transform:translateY(-50%)}
.search .search-input .searchCons .LineInput input::-webkit-input-placeholder{font-size: 28px;color:#fff}
header .header .nav .search .search-input i{color:#fff;font-size:70px;right: 1.2rem;position:absolute;cursor: pointer;}






@media screen and (max-width:1000px) {
  .search .search-input .searchCons .searchTitle{font-size:32px}
  .search .search-input .searchCons .searchBigTitle{font-size:45px}
  .search .search-input .searchCons .LineInput input::-webkit-input-placeholder{font-size: 22px;}
  .search .search-input .searchCons .LineInput img{width:22px}
}











header .mbHeader{display:none;width:100%;padding:0 30px;box-sizing:border-box}
header .mbHeader>div{display:flex;align-items:center;justify-content:space-between;width: 100%;}
header .mbHeader>div .logo{font-size:0;height:30px;display:flex;align-items:center;}
header .mbHeader>div .logo img{height:100%}
header .mbHeader>div .logo img:nth-of-type(2){display:none}
/* header .mbHeader>div .logo{font-size:28px;color:#fff;text-decoration:none;font-family:LibreBaskerville-Regular;transform:scale(.85,1) translateX(-15px)} */
header .mbHeader .navBtns{width: 30px;}
header .mbHeader .navBtns .line{width: 30px;height:2px;background-color:#1f1f1f;display:block;}
header .mbHeader .navBtns .line:not(:nth-of-type(2)){transition:.5s}
header .mbHeader .navBtns .line:not(:nth-last-of-type(1)){margin-bottom:8px}
header .mbHeader .navBtns.navBtns-actives .line{background-color:#1f1f1f}
header .mbHeader .navBtns.navBtns-actives .line:nth-child(2){opacity: 0;}
header .mbHeader .navBtns.navBtns-actives .line:nth-child(1){-webkit-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
header .mbHeader .navBtns.navBtns-actives .line:nth-child(3){-webkit-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-o-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg);}
header .mbHeader .mbCons{position:absolute;top:50px;height:auto;width:100vw;left:0;display:none;overflow:auto;max-height:calc(100vh - 50px)}
header .mbHeader .mbCons ul{background-color:rgba(246,243,240,.95);margin:0;height:100%;padding:30px;box-sizing:border-box}
header .mbHeader .mbCons ul li{list-style: none;font-size:16px;padding: 10px 0;line-height:30px;border-bottom:1px solid rgba(31,31,31,.2)}
header .mbHeader .mbCons ul li{color:rgba(31,31,31,.5);font-size:14px}
header .mbHeader .mbCons ul li .navLine{display:flex;text-decoration:none;color:#1f1f1f;font-family:Chivo-Regular;}
header .mbHeader .mbCons ul li .navLine i{padding-right:10px;}
header .mbHeader .mbCons ul li .navLine i::before{transition:.5s}
header .mbHeader .mbCons ul li.mbBoxActive .navLine i:before{transform:rotate(90deg)}
header .mbHeader .mbCons ul li .box{display:none;-ms-flex-direction:column;flex-direction:column;padding:0 15px;}
header .mbHeader .mbCons ul li .box a{text-decoration:none;color: #1f1f1f;display:flex;font-size:12px;font-family:Chivo-Regular;}
header .mbHeader .mbCons .closeNav{position:relative;margin:30px auto 10px;font-size:12px;color:#000;padding-left:30px;text-align:center;letter-spacing:1.5px;font-family:Chivo-Regular;}
header .mbHeader .mbCons .closeNav:before{content:'';width:30px;height:1px;display:block;background-color:#000;position:absolute;top:54%;transform:translate(-50%,-50%) rotate(-45deg);left:calc(50% - 30px)}
header .mbHeader .mbCons .closeNav:after{content:'';width:30px;height:1px;display:block;background-color:#000;position:absolute;top:46%;transform:translate(-50%,-50%) rotate(45deg);left:calc(50% - 30px);}

@media screen and (min-width:800px) {
header:hover{background:rgba(246 ,243,240,.95);border-bottom:1px solid #d2c6b9}
header:hover .header .logo,header:hover .header .nav li a,header:hover .header .logo,header:hover .header .nav .search{color:#1f1f1f}
}

































footer{background-color:#f2ede8}
footer .footer{padding-top:40px;width:1360px;margin:auto;box-sizing:border-box;height:250px;display:flex;justify-content:space-between}
footer .footer .footerLes{display:flex;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;width:max-content;height:100%}
footer .footer .footerList{width:340px}
footer .footer .footerList:not(:nth-of-type(1)){padding-left:50px}
footer .footer .footerList:nth-last-of-type(1){padding-top:20px}
footer .footer .footerList .footerListTitle{font-size:16px;color:#111;font-family:Chivo-Regular}
footer .footer .footerList .footerListCons{max-height:185px;display:flex;-ms-flex-direction:column;flex-direction:column;flex-wrap:wrap;width:max-content;font-family:Chivo-Regular;padding-top:10px}
footer .footer .footerList .footerListCons li{font-size:14px;;list-style:none;width:170px;line-height:25px;}
footer .footer .footerList .footerListCons li:hover{text-decoration:underline;}
footer .footer .footerList .footerListCons li a{text-decoration:none;color:#555}
footer .footerRis .footerRisTop .footerRisTopList{display:flex;font-size:0;padding-bottom:15px}
footer .footerRis .footerRisTop .footerRisTopList span{font-size:14px;color:#444;font-family:Chivo-Regular;display:block;padding-left:15px}
footer .footerRis .footerRisBottom{display:flex;padding-top:20px}
footer .footerRis .footerRisBottom .footerRisBottomIcon{width:45px;height:45px;font-size:0;background-color:#c8c8c8;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:15px}
footer .footerRis .footerRisBottom .footerRisBottomIcon:hover{background-color:#c0a589}
footer .footerRis .footerRisBottom .footerRisBottomIcon img.hoverShow{display:none}
footer .footerRis .footerRisBottom .footerRisBottomIcon:hover img.hoverShow{display:block}
footer .footerRis .footerRisBottom .footerRisBottomIcon:hover img.hoverHidden{display:none}
footer .footerBottom{font-size:14px;color:#fff;text-align:center;font-family:Chivo-Regular;background-color:#c0a589;line-height:40px;margin-top:60px}
footer .footerBottom a{color:#fff;text-decoration:none}
footer .footerRis .footerRisTop .footerRisTopList{display:flex;font-size:0;padding-bottom:15px}
footer .footerRis .footerRisTop .footerRisTopList span{font-size:14px;color:#444;font-family:Chivo-Regular;display:block;padding-left:15px}
footer .footerRis .footerRisBottom{display:flex;padding-top:20px}
footer .footerRis .footerRisBottom .footerRisBottomIcon{width:45px;height:45px;font-size:0;background-color:#c8c8c8;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:15px;transition:.3s}
footer .footerRis .footerRisBottom .footerRisBottomIcon:hover{background-color:#c0a589}
footer .footerRis .footerRisBottom .footerRisBottomIcon img.hoverShow{display:none}
footer .footerRis .footerRisBottom .footerRisBottomIcon:hover img.hoverShow{display:block}
footer .footerRis .footerRisBottom .footerRisBottomIcon:hover img.hoverHidden{display:none}
footer .footerBottom{font-size:14px;color:#fff;text-align:center;font-family:Chivo-Regular;background-color:#c0a589;line-height:40px;margin-top:60px}
footer .footerBottom a{color:#fff;text-decoration:none}

@media screen and (max-width:1360px) {
  header{width:100%;padding:0 30px ;box-sizing:border-box}
  header .header .nav li{padding-right:.5rem}
  footer .footer{width:100%;padding:40px 30px 0;box-sizing:border-box}
}
@media screen and (max-width:1100px) {
  footer .footer{width:100%;padding:40px 30px 0;box-sizing:border-box}
  footer .footer .footerList{width:300px}
  footer .footer .footerList .footerListTitle{font-size:14px}
  footer .footer .footerList .footerListCons li{font-size:12px;width:150px}
  footer .footer .footerList:not(:nth-of-type(1)){padding-left:.5rem}
}
@media screen and (max-width:900px) {
  footer .footer{display:none}
  header .header .nav li{padding:0 15px}
}
@media screen and (max-width:800px) {
  header{padding:0} 
  header .header{display:none}
  header .mbHeader>div .logo img{height:20px}
  header .mbHeader{display:flex;padding:0 20px}


}
.mbfooterBottom{display:none}
@media screen and (max-width:900px) {
.mbfooterBottom{display:flex;justify-content:center;padding-top:20px}
.mbfooterBottom .footerRisBottomIcon{width:45px;height:45px;font-size:0;background-color:#c8c8c8;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}
.mbfooterBottom .footerRisBottomIcon:hover{background-color:#c0a589}
.mbfooterBottom .footerRisBottomIcon img.hoverShow{display:none}
.mbfooterBottom .footerRisBottomIcon:hover img.hoverShow{display:block}
.mbfooterBottom .footerRisBottomIcon:hover img.hoverHidden{display:none}
.mbfooterBottom .footerRisBottomIcon:not(:nth-last-of-type(1)){margin-right:15px;}
footer .footerBottom{margin-top:20px}

}