/*---- CSS Reset ----*/
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
a{background-color:transparent;-webkit-text-decoration-skip:objects;-webkit-tap-highlight-color:transparent;text-decoration:none;}
a:active,a:hover{outline-width:0;-webkit-tap-highlight-color:transparent}
b,strong{font-weight:bolder}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:700}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
input[type=text]{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:0;padding:0;outline:none}
dd,div,dl,dt,li,p,ul{padding:0;margin:0;list-style:none}
html{font-size: 62.5%;}
body,html{width:100%;height:100%; font-family: "Times New Roman", "Georgia", serif;}
body{font-size:1.6rem;-webkit-font-smoothing:antialiased;width:100%;overflow:auto;margin: 0;padding: 0;}
:lang(zh) {
  font-family: "Microsoft YaHei","SimSun", "宋体", serif;
}

.none{display: none;}
.flex-row{ display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: flex;align-items: center;}

.wrapper{max-width: 1400px;margin: 0 auto;}

.btn{display: inline-flex;
    border: 2px solid rgba(0,0,0,0);
    background-color: #bc9366;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
    align-content: center;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    border-radius: 0;
    text-transform: uppercase;
    padding: 0.8rem 1.6rem;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 2px;}

.btn:hover {
    background-color: rgba(0,0,0,0);
    color: #bc9366;
    border-color: #bc9366;
}

/*-- nav --*/
.nav{width: 100%;height: 90px;background-color:rgba(255,255,255,0.5);position:relative;/*position: fixed;top: 0;*/z-index: 2;box-shadow:0 5px 10px rgba(0,0,0,0.2); }
.nav-inner .burger-menu img{width: 3.5rem;height: 3.5rem;cursor: pointer;}
.nav-inner {
    max-width: 2100px;
    width: 95%;
    height: 90px;
    margin: 0 auto;
    justify-content: space-between;
    position: relative;
}

.nav-inner .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    cursor: pointer;
}

.nav-inner .burger-menu {
    flex: 1;
    position: relative;    
}

.nav-inner .operations {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    font-size: 1.4rem;
}

.nav-inner .operations img{width: 2.2rem;margin-left: 5px;}
.nav-inner .operations>.flex-row:nth-of-type(1){margin-right:1.5rem;cursor: pointer; }
.nav-inner .operations a{color: #000;}
 .language span{display: block;padding: 0 1rem;cursor: pointer;}
 .language span:nth-of-type(1){border-right: 1px solid #999;}
.fixed-nav {position: fixed;top: 0;width: 100%;z-index: 1000; background-color:#fff;}


.side-menu {
    position: fixed;
    top: 0;
    left: -100vw;
    width: 16%;
    height: 100%;
    background-color: #fff;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
    transition: left 0.3s ease;
    z-index: 1001;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    padding: 80px 30px;
}

.side-menu.open {
    left: 0;
}

.side-menu ul {
    list-style: none;
    padding: 0;
    margin-left: 15px;
    margin: 50% 0 25%;
}

.side-menu li {
    margin-bottom: 15px;
    font-size: 1.6rem;
    cursor: pointer;
}

.side-menu a{line-height: 24px;letter-spacing: 1.4px;color: #000;font-size: 1.6rem;position: relative;}
.side-menu a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #000;
    visibility: hidden;
    transition: all .3s ease-in-out;
}
    .side-menu a:hover::before {
        visibility: visible;
        width: 100%;
    }

.side-menu .language{font-size: 1.4rem;margin-top: 1.2rem;}
.side-menu .language span:nth-of-type(1){padding-left: 0}


/*-- banner --*/
.banner-wrapper{position: relative;width: 100%;max-height: 90vh;overflow: hidden;}
.banner-wrapper video {width: 100%;object-fit: cover;margin: 0;padding: 0;}
.banner-wrapper .swiper-slide{overflow: hidden;}
.banner-wrapper .swiper-slide img{ width: 100%;-o-object-fit: cover;object-fit: cover;}
.banner-wrapper .swiper-pagination-bullet-active{background-color:#bc9366; }

/*-- footer --*/
footer{width: 100%;background-color:#2d3032;display: flex;flex-direction: column;align-items: center;padding: 30px 0;box-sizing: border-box;color: #fff; font-size: 1.4rem;}
footer p{margin-bottom: 10px;}
footer .footer-logo{width: 200px;}
footer ul {flex-wrap: wrap;width: 90%;margin: 20px auto;justify-content: center;}
footer ul li{margin-right: 20px;}

/*-- Responsive Style ----*/
@media (max-width:1100px){
    .nav, .nav-inner {height: 70px;}
    .nav-inner .logo{height: 40px;}
    .nav-inner .logo img{height: 100%;}
    .nav-inner .burger-menu img{width: 3rem;height: 3rem;}
    .nav-inner .operations .language,.nav-inner .operations #buyNow{display: none;}
    .banner-wrapper .swiper-wrapper{width:100%; }
    .side-menu {width: 50%;padding: 30px;}
    .side-menu a{line-height: 24px;letter-spacing: 1.4px;color: #000;font-size: 1.4rem;position: relative;}
    .side-menu ul {margin-left: 0px;/* font-weight: bold; */}
}