* {
    box-sizing: border-box;
    outline: none;
    font-family: 'Helvetica Now Display', Source Han Sans CN, sans-serif;
    -webkit-text-size-adjust: none !important;
}

@font-face {
    font-family: Gotham;
    src: url("../fonts/Gotham/Gotham-Medium.otf") format('opentype');
    src: url("../fonts/Gotham/Gotham-Medium.ttf") format('truetype');
    src: url("../fonts/Gotham/Gotham-Medium.eot") format('embedded-opentype');
    font-weight: normal;
}

@font-face {
    font-family: Gotham;
    src: url("../fonts/Gotham/Gotham-Bold.otf") format('opentype');
    src: url("../fonts/Gotham/Gotham-Bold.ttf") format('truetype');
    src: url("../fonts/Gotham/Gotham-Bold.eot") format('embedded-opentype');
    font-weight: bold;
}

@font-face {
    font-family: "Helvetica Now Display";
    src: url("../fonts/Helvatica/Helvetica Now Display Medium.otf") format('opentype');
    src: url("../fonts/Helvatica/Helvetica Now Display Medium.ttf") format('truetype');
    src: url("../fonts/Helvatica/Helvetica Now Display Medium.eot") format('embedded-opentype');
    font-weight: normal;
}

@font-face {
    font-family: "Helvetica Now Display";
    src: url("../fonts/Helvatica/Helvetica Now Display Bold.otf") format('opentype');
    src: url("../fonts/Helvatica/Helvetica Now Display Bold.ttf") format('truetype');
    src: url("../fonts/Helvatica/Helvetica Now Display Bold.eot") format('embedded-opentype');
    font-weight: bold;
}

@font-face {
    font-family: "Helvetica Now Micro";
    src: url("../fonts/Helvatica/HelveticaNowMicro-Regular.ttf") format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: "Helvetica Now Micro";
    src: url("../fonts/Helvatica/HelveticaNowMicro-Light.ttf") format('truetype');
    font-weight: 200;
}

:root {
    font-size: calc(0.4167vw + 8px);
}

html {
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

body {
    margin: 0;
    color: #333;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}

/* a:hover {

} */

a.muted,
a.muted:hover {
    color: initial;
    cursor: initial;
}

html,
input,
button,
option,
textarea,
select {
    font-size: inherit;
}

input,
select,
textarea,
button {
    outline: none;
}

h1,
h2,
h3 {
    font-weight: normal;
}

img {
    border: none;
}

picture img {
    width: 100%;
    height: auto;
    display: block;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix:before {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.por {
    position: relative;
}

.pre {
    white-space: pre-line;
}

.site-header {
    width: 100%;
    z-index: 700;
    /* height: 6.25rem; */
    height: 5rem;
    transition: .8s;
    position: relative;
    opacity: 1;
    top: 0;
}

body.scrolled {
    padding-top: 6.25rem;
}

.scrolled .site-header, .scrolled .site-header-mobile {
    position: fixed;
}

.site-header::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 7.5rem;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .95);
    z-index: 1205;
    transition: .3s cubic-bezier(.7, 0, .3, 1);
    opacity: 0;
}

.site-header.show-lv3::after {
    height: calc(176rem / 16);
}

.site-header > * {
    z-index: 1240;
}

.scrolled .site-header::after {
    opacity: 1;
    visibility: visible;
}

.header-bar .menu-item {
    position: relative;
}

/*.scrolled .site-header{
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    height: 8.25rem;
    z-index: 1000;
    transition: opacity .2s;
}*/

.scrolled .site-header:hover, .scrolling-up .site-header {
    transition: opacity .4s;
    opacity: 1 !important;
}

.logo-link {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 7.2rem;
    display: block;
    top: 1.25rem;
}

.logo-link img {
    display: block;
    width: 100%;
    height: auto;
}

.site-header nav {
    width: calc(50vw - 8rem);
    position: absolute;
    top: calc(40rem / 16);
}

.nav-left {
    left: 0;
}

.nav-right {
    right: 0;
}

.main-list {
    font-size: calc(1rem);
    color: #000000;
    /* font-weight: 500; */
    border-top: 1px solid rgba(26, 26, 26, .4);
    border-bottom: 1px solid rgba(26, 26, 26, .4);
    letter-spacing: 0.1rem;
    display: flex;
    height: calc(40rem / 16 + 1px);
    align-items: center;
}

.main-list .menu-item::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0.15rem;
    min-height: 2px;
    left: 0;
    top: -1px;
    background-color: #8b634b;
    transition: .2s;
}

.nav-right .main-list .menu-item::before {
    right: 0;
    left: auto;
}

.main-list .menu-item.active::before {
    transition: .4s;
    width: 100%;
}

.sub-list, .lv3-list {
    font-size: calc(1rem - 2px);
    font-weight: 400;
    letter-spacing: 0.05rem;
    display: flex;
    height: calc(40rem / 16 + 1px);
    align-items: center;
    border-bottom: 1px solid rgba(26, 26, 26, .4);
    opacity: 0;
    transition: .2s;
}

.nav-left .sub-list, .nav-left .lv3-list {
    transform: translateX(-2rem);
}

.nav-right .sub-list, .nav-right .lv3-list {
    transform: translateX(2rem);
}

.nav-left .sub-list.active,
.nav-right .sub-list.active,
.nav-left .lv3-list.active,
.nav-right .lv3-list.active {
    transform: none;
    opacity: 1;
}

.site-header nav .menu-item {
    position: relative;
}

.main-list .menu-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.menu-item a {
    padding: 0 2rem;
    display: block;
}

.site-header nav .menu-item::after, .header-bar .menu-item::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1em;
    width: 1px;
    border-radius: 2px;
    background-color: #8b634b;
}

.header-bar .menu-item:first-child::after {
    display: none;
}

.header-bar .main-list {
    border-top: none;
    border-bottom: none;
    position: absolute;
    height: 100%;
    left: 16rem;
    top: -100%;
    transition: .3s cubic-bezier(.7, 0, .3, 1);
}

.header-bar.level1 .main-list {
    top: 0;
}

.header-bar .main-list.sub {
    top: 0;
}

.header-bar.level1 .main-list.sub {
    top: 100%;
}

.header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, .7);
    position: fixed;
    transition: .6s;
    opacity: 0;
    visibility: hidden;
    padding-left: 16rem;
    padding-right: 16rem;
    top: 0;
    width: 100%;
    z-index: 1000;
    height: calc(2.4rem - 4.8px);
    overflow: hidden;
}

.header-bar .search-icon {
    height: 50%;
    width: auto;
    cursor: pointer;
    position: absolute;
    right: 16rem;
}

.scrolled .header-bar {
    visibility: visible;
    opacity: 1;
}

.nav-left .main-list, .nav-left .sub-list, .nav-left .lv3-list {
    justify-content: flex-end;
}

.nav-right .main-list, .nav-right .sub-list, .nav-right .lv3-list {
    justify-content: flex-start;
}

.nav-left .sub-list, .nav-left .lv3-list {
    padding-right: 0.67rem;
}

.nav-right .sub-list, .nav-left .lv3-list {
    padding-left: 0.67rem;
}

.nav-left .menu-item::after {
    left: 0;
}

.nav-left .no-left-bar::after {
    visibility: hidden;
}

.nav-right .menu-item::after {
    right: 0;
}

.nav-right .no-right-bar::after {
    visibility: hidden;
}

/*.nav-right .menu-item:nth-child(2)::after{
    display: none;
}*/

nav .lan-item {
    margin-left: 3.8rem;
    margin-right: .2rem;
    height: .8rem;
    display: flex;
}

@media (max-width: 1366px) {
    nav .lan-item {
        margin-left: auto;
    }

    .site-header nav .main-list .search-item {
        margin-right: 1rem;
    }
}

.site-header nav .main-list .lan-item {
    padding: 0;
}

nav .lan-item::after {
    display: none;
}

nav .lan-item a {
    font-size: .8em;
    line-height: .85em;
    padding: 0 .7em;
}

nav .lan-item a:first-of-type {
    border-right: 1px solid #8b634b;
}

nav .search-item {
    height: calc(1em + 1px);
    width: calc(1em + 1px);
}

nav .search-item::after {
    display: none;
}

nav .search-item img {
    width: 100%;
    height: 100%;
    display: block;
}

.site-header nav .main-list .search-item {
    padding: 0;
    cursor: pointer;
}

.sub-list, .lv3-list {
    overflow: hidden;
}

.sub-list .menu-item,
.lv3-list .menu-item {
    display: none;
}

.sub-list .menu-item a,
.lv3-list .menu-item a {
    padding: 0 1.56em;
}

.sub-list .menu-item a:hover, .sub-list .menu-item.active a,
.lv3-list .menu-item a:hover, .lv3-list .menu-item.active a {
    color: #8d6147;
}

.sub-list .menu-item::after,
.lv3-list .menu-item::after {
    height: calc(1em - 1px);
}

.sub-list .menu-item.show,
.lv3-list .menu-item.show {
    display: block;
}

.nav-left .sub-list .menu-item.show,
.nav-left .lv3-list .menu-item.show {
    animation: subListItemShowLeft .6s;
}

.nav-right .sub-list .menu-item.show,
.nav-right .lv3-list .menu-item.show {
    animation: subListItemShowRight .6s;
}

@keyframes subListItemShowLeft {
    from {
        opacity: 0;
        transform: translate3d(-2rem, 0, 0);
    }
    to {
        opacity: 1;
    }
}

@keyframes subListItemShowRight {
    from {
        opacity: 0;
        transform: translate3d(2rem, 0, 0);
    }
    to {
        opacity: 1;
    }
}

.copyright {
    text-align: center;
    font-size: 0.77em;
}

.bottom-nav {
    margin-top: .8em;
    font-size: 0.77em;
}

.beian {
    margin-top: .3rem;
    font-size: 0.77em;
}

.bottom-nav ul {
    display: flex;
}

.bottom-nav a {
    display: block;
    padding: 0 2em;
}

.bottom-nav li {
    line-height: 1em;
    border-right: 0.08rem solid black;
}

.bottom-nav li:last-child {
    border-right: none;
}

.site-header-mobile {
    position: relative;
    left: 0;
    width: 100%;
    display: none;
    background-color: #fff;
}

.mobile-logo {
    position: absolute;
    top: 1.5rem;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(154rem / 24);
    height: 0;
    padding-bottom: calc(122rem / 24);
    margin: auto;
    z-index: 210;
    display: none;
}

.mobile-logo img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.mobile-fullscreen-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: none;
    color: white;
    visibility: hidden;
    background: rgba(38, 38, 38, .95);
    display: flex;
    flex-direction: column;
    z-index: 851;
}

.mobile-menu-item {
    border-bottom: 0.08rem solid #939393;
    position: relative;
    text-transform: uppercase;
}

.mobile-menu-link {
    padding: calc(((50vh / 7) - 2.5rem) / 2) 3.33rem;
    line-height: 2.5rem;
    font-size: 1.333rem;
    height: calc(50vh / 7);
    min-height: 4.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.mobile-menu-item.expanded .btn-expand {
    transform: rotate(180deg);
}

.mobile-lan-menu .mobile-menu-link {
    justify-content: center;
}

.mobile-menu-item {
    /* min-height: calc(50vh / 7); */
}

a.mobile-menu-item {
    letter-spacing: .22em;
}

.mobile-submenu {
    display: none;
    border-top: 0.08rem solid #939393;
    background-color: #1a1a1a;
}

.mobile-menu-item .btn-expand {
    width: 8rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.mobile-menu-item .btn-expand::after {
    content: "";
    position: absolute;
    width: calc(2.5625rem / 2);
    height: calc(1.375rem / 2);
    background: url("../images/icon_menu_toggle.png") center/contain no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.mobile-menu-item .btn-expand::after {
}

.btn-close {
    width: 1.67rem;
    height: 1.67rem;
    bottom: calc(((50vh / 7) - 1.67rem) / 2);
    position: absolute;
}

.mobile-nav-menu .btn-close {
    left: calc(((50vh / 7) - 1.67rem) / 2);
}

.mobile-lan-menu .btn-close {
    right: calc(((50vh / 7) - 1.67rem) / 2);
}

.mobile-submenu {
    font-size: 1.167rem;
    color: white;
}

.mobile-submenu::after {
    content: "";
    display: table;
    width: 100%;
    height: 0;
}

.mobile-submenu a:first-child {
    margin-top: .75rem;
}

.mobile-submenu a:last-child {
    margin-bottom: .75rem;
}

.mobile-submenu-item {
    line-height: 1.833rem;
    padding: .75rem 3.333rem;
    display: block;
}


.btn-close::before, .btn-close::after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - .5px);
    width: calc(1.67rem * 1.41);
    height: 1px;
    background-color: white;
}

.btn-close::before {
    transform: rotate(45deg);
}

.btn-close::after {
    transform: rotate(-45deg);
}

.mobile-lan-menu .btn-close {
    bottom: 1.25rem;
    right: 1.875rem;
    position: absolute;
}

.mobile-lan-menu .mobile-menu-item {
    text-align: center;
}

.mobile-menu-item.search {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header-search {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #8b634b;
    padding: .2em .2em .2em 2rem;
    line-height: calc(2em - 2px);
    width: 30rem;
}

.header-search::-webkit-input-placeholder {
    opacity: .5;
}

.mobile-search {
    border: 1px solid #8a8a8a;
    border-radius: 7px;
    display: block;
    font-size: 1.1rem;
    padding: .3rem .5rem .3rem 3.5rem;
    background: url("../images/icon_search_input.png") transparent 1rem center/1.5rem 1.5rem no-repeat;
    height: 2.475rem;
    line-height: 1.857rem;
    width: 100%;
    color: white;
    letter-spacing: .2rem;
}

.mobile-search::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .4);
    letter-spacing: .2rem;
}

.site-footer {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;

    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    letter-spacing: .1em;

    padding-top: 1rem;
    padding-bottom: 1rem;

    color: #8b634b;
    background: #221f20;
    border-top: calc(2rem / 16) solid rgba(128, 105, 90, .25);
    position: relative;
}

.site-footer .left {
    width: 25%;
    flex: 0 0 auto;
    font-size: calc(13rem / 16);
    padding-left: calc(56rem / 16);
    display: flex;
    align-items: stretch;
}

.site-footer .left .wx-qr-code {
    position: absolute;
    width: calc(140rem / 16);
    height: calc(140rem / 16);
    top: calc(-160rem / 16);
    left: calc(56rem / 16);
    transform: translateX(calc(-30rem / 16));
    opacity: 0;
    transition: .3s;
    pointer-events: none;
}

.site-footer .left a {
    display: flex;
    align-items: center;
}

.site-footer .left a:hover .wx-qr-code {
    transform: none;
    opacity: 1;
}

.site-footer .left img {
    height: 2rem;
    width: auto;
    margin-right: calc(14rem / 16);
}

.site-footer .center {
    width: 50%;
    flex: 0 0 auto;
    text-align: center;
    font-size: calc(13rem / 16);
    font-family: Source Han Sans CN, sans-serif;
}

.site-footer .center small {
    font-size: calc(12rem / 16);
    display: block;
    color: #8B634B;
    margin-top: calc(5rem / 16);

}

.site-footer .right {
    padding-right: calc(56rem / 16);
}

.mobile-fullscreen-menu {
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}

.mobile-nav-menu {
    transform: translateX(-3rem);
}

.mobile-lan-menu {
    transform: translateX(3rem);
}

.mobile-fullscreen-menu.show {
    visibility: visible;
    opacity: 1;
    transition: .6s;
    transform: none;
}

.mobile-swiper {
    display: none;
}

.mobile-swiper .swiper-slide {
    padding-left: 4vw;
    padding-right: 4vw;
}

.img-cover {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.img-cover img {
    width: 100%;
    display: block;
}

.cover-info {
    color: white;
    font-size: 1.5rem;
    letter-spacing: .175em;
    position: absolute;
    line-height: 2.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
}

.item-title {
    font-size: 1.875rem;
    color: #906147;
    letter-spacing: .0675rem;
    line-height: 2.25rem;
    margin-top: 2.25rem;
    margin-bottom: 1.125rem;
}

.item-desc {
    text-align: center;
    width: 200%;
    margin-left: -50%;
    color: #8B634B;
    font-size: 1.25em;
    letter-spacing: .125rem;
    margin-top: 1.5rem;
}

.item-desc-sm, .item-desc, .item-title, .item-link {
    opacity: 0;
    transition: .5s;
}

.mobile-swiper, .mobile-swiper .swiper-wrapper {
    font-size: 1rem;
}

.mobile-swiper .imageShowMore {
    opacity: 0;
    transition: .5s;
    margin-top: 1.75rem;
}

.mobile-swiper .swiper-slide-active .item-desc,
.mobile-swiper .swiper-slide-active .imageShowMore,
.mobile-swiper .swiper-slide-active .item-desc-sm,
.mobile-swiper .swiper-slide-active .item-title,
.mobile-swiper .swiper-slide-active .item-link {
    opacity: 1;
}

.search-layer {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #191919;
    z-index: 1000;
    visibility: hidden;
    transition: .3s;
    opacity: 0;
    color: white;
}

.search-layer.show {
    visibility: visible;
    opacity: 1;
}

.search-layer .btn-close {
    width: 3.5rem;
    height: 3.5rem;
    bottom: auto;
    right: 6.25rem;
    top: 3.5rem;
    cursor: pointer;
    transition: .2s;
}

.search-layer .btn-close:hover {
    transform: scale(1.1);
}

.search-layer .btn-close::before,
.search-layer .btn-close::after {
    content: "";
    width: 3.5rem;
}

.search-box {
    padding-top: 15vw;
    text-align: center;
    margin: auto;

    /**
    1920 => 1000
    960 => 880

    960 => 120
     */

    width: calc(12.5vw + 760px);
}

.search-box > * {
    width: 100%;
}

.search-title {
    font-size: 3.625rem;
    display: none;
}

.search-input {
    /*background: url("../images/input_back.png") center/100% 100% no-repeat;*/
    background-color: white;
    font-size: calc(20rem / 16);
    border: none;
    line-height: calc(30rem / 16);
    padding: calc(12rem / 16) calc(48rem / 16);
    letter-spacing: .125rem;
    color: #333;
}

.search-input::placeholder {
    color: #a1a1a1;
}

.search-title .cn {
    color: #a5a5a5;
    font-size: 2rem;
    letter-spacing: .5rem;
    margin-top: 1.75rem;
    margin-bottom: 2.25rem;
}

.search-dropdown {
    background-color: #efefef;
    padding: 2.25rem 3rem;
    text-align: left;
    visibility: hidden;
    transition: .2s;
    opacity: 0;
    border-top: 1px solid #e9e9e9;
}

.search-dropdown.show {
    visibility: visible;
    opacity: 1;
}

.group-title {
    line-height: calc(48rem / 16);
    font-size: calc(18rem / 16);
    color: #808080;
    letter-spacing: .1em;
}

.group-list {
    /*margin-top: 1.25rem;*/
}

.group-list a {
    display: block;
    font-size: calc(20rem / 16);
    line-height: calc(32rem / 16);
    padding: calc(12rem / 16) calc(40rem / 16);
    color: #333;
    letter-spacing: .1em;
}

.group-list a:hover {
    background-color: #e0e0e0;
    color: #8d6147;
}

.search-input-ctn {
    position: relative;
}

.search-input-ctn input {
    width: 100%;
}

.search-input-ctn .search-submit-btn {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: calc(56rem / 16);

    background: transparent;
    border: none;
    cursor: pointer;

    background: url("../images/icon_search_big.png") center/calc(24rem / 16) calc(24rem / 16) no-repeat;
}

.arrow-go-up {
    width: 3em;
    position: relative;
}

.arrow-go-up::after {
    content: "";
    width: 1.1em;
    height: 1.1em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/location/svg/trans_arrow.svg") center/contain no-repeat;
    cursor: pointer;
    transform: rotate(180deg);
}

.preview-prev {
    width: calc(60rem / 16);
    height: calc(60rem / 16);
    cursor: pointer;
}

.preview-next {
    width: calc(60rem / 16);
    height: calc(60rem / 16);
    cursor: pointer;
}

.preview-prev::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../images/btn_prev.svg') 0 0 no-repeat;
}

.preview-next::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../images/btn_next.svg') 0 0 no-repeat;
}

.preview-prev:hover::after {
    background-image: url("../images/btn_prev_hover.svg");
}

.preview-next:hover::after {
    background-image: url("../images/btn_next_hover.svg");
}

.cloud-ctn {
    overflow: hidden;
}

body.fullscreen.hide-cursor {
    cursor: none;
}

body.fullscreen {
    position: relative;
}

body.fullscreen::-webkit-scrollbar {
    display: none;
}


.fixedright {
    position: fixed;
    /* right: calc(98rem / 16);
    bottom: calc(70rem / 16); */
    right: calc(80rem / 16);
    bottom: calc(17rem / 16);
    z-index: 851;
}

.fixedright .btn {
    display: block;
    position: relative;
    width: calc(67rem / 16);
    height: calc(67rem / 16);
    margin-bottom: calc(17rem / 16);
    cursor: pointer;
}

.fixedright .btn img {
    width: 100%;
    height: 100%;
}

.fixedright .btn:last-child {
    margin-bottom: 0;
}

.fixedright .btn .qrcode {
    display: none;
    position: absolute;
    right: 100%;
    top: 50%;
    width: calc(150rem / 16);
    transform: translateY(-50%);
    padding-right: 2rem;
}

.fixedright .btn:hover .qrcode {
    display: block;
}

.window {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 701;
}

.window:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1;
}

.window .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    margin: auto;
    background-color: #fff;
    width: calc(390rem / 16);
    z-index: 2;
}

.window .content .top {
    position: relative;
    padding: 1.25rem 0;
    font-size: calc(22rem / 16);
    font-weight: 500;
    color: #8b634b;
    text-align: center;
    letter-spacing: .2em;
    border-bottom: 1px solid #dbcec7;
}

.window .content .top .close {
    position: absolute;
    width: calc(18rem / 16);
    height: calc(18rem / 16);
    top: 0;
    bottom: 0;
    right: calc(20rem / 16);
    margin: auto;
    cursor: pointer;
}

.window .content .body {
    padding-top: calc(42rem / 16);
    padding-bottom: calc(38rem / 16);
    text-align: center;
    border-bottom: 1px solid #dbcec7;
}

.window .content .body .submit {
    margin-top: .5rem;
}

.window .content .body .errors {
    margin-top: .5rem;
}

.window .content .body .errors p {
    color: #f91233;
    line-height: 1.5em;
}
.window .content .body .submitted {
    color: #8b634b;
}

.window .content .body .submit button {
    display: inline-block;
    padding: calc(15rem / 16) calc(28rem / 16);
    border: 1px solid #dbcec7;
    color: #8b634b;
    letter-spacing: .2em;
    transition: .2s;
    cursor: pointer;
    background-color: #fff;
}

.window .content .body .submit button:hover {
    background-color: #8b634b;
    color: #fff;
}

.window .content .body input {
    width: calc(283rem / 16);
    height: calc(47rem / 16);
    line-height: calc(47rem / 16);
    border: 1px solid #af9483;
    background-color: #8b634b;
    padding-left: calc(15rem / 16);
    color: #fff;
    letter-spacing: .1em;
    outline: none;
}

.window .content .body input:first-child {
    border-bottom: 0;
}

input::-webkit-input-placeholder {
    color: #c5b1a5;
    letter-spacing: .2em;
}

input::-moz-placeholder {
    color: #c5b1a5;
    letter-spacing: .2em;
}

input:-moz-placeholder {
    color: #c5b1a5;
    letter-spacing: .2em;
}

input:-ms-input-placeholder {
    color: #c5b1a5;
    letter-spacing: .2em;
}

.window .content .win-foot {
    padding: calc(50rem / 16) calc(54rem / 16);
}

.window .content .win-foot .item {
    display: flex;
    align-items: center;
    margin: .5rem 0;
}

.window .content .win-foot .item img {
    width: 1rem;
}

.window .content .win-foot .item span, .window .content .win-foot .item a {
    /* font-size: calc(12rem / 16); */
    color: #8b634b;
    margin-left: calc(12rem / 16);
    text-align: left;
    /* white-space: nowrap; */
}

.window.wechatwd {
    /* display: block; */
}

.window.wechatwd .content {
    width: calc(340rem / 16);
    height: calc(400rem / 16);
    background-color: #fff;
    padding: 1rem;
}

.window.wechatwd .content .qr {
    width: 100%;
}

.window.wechatwd .content p {
    font-size: calc(17.98rem / 16);
    text-align: center;
    line-height: calc(28.02rem / 16);
    letter-spacing: .1em;
    color: #666666;
}

.window.wechatwd .content .close {
    position: absolute;
    width: calc(18rem / 16);
    height: calc(18rem / 16);
    top: calc(10rem / 16);
    right: calc(10rem / 16);
    cursor: pointer;
}

.phonewd.window .content .win-foot {
    padding: calc(20rem / 16) calc(54rem / 16);
}

.phonewd.window .content .win-foot .item {
    /* justify-content: center; */
}

.phonewd.window .content .win-foot .item span, .window .content .win-foot .item a {
    font-size: calc(16rem / 16);
}


.chuangkou {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 852;
}

/*.chuangkou:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 1;
}*/

.chuangkou .content {
    position: absolute;
    /* left: 0; */
    right: 12vw;
    bottom: 2vw;
    /* top: 20%; */
    /* margin: auto; */
    background-color: #fff;
    width: calc(390rem / 16);
    z-index: 2;
    box-shadow: 0px 10px 54px rgba(0, 0, 0, .15);
    overflow: hidden;
}

.chuangkou .content .top {
    position: relative;
    padding: 1.25rem 0;
    font-size: calc(22rem / 16);
    font-weight: 500;
    color: #8b634b;
    text-align: center;
    letter-spacing: .2em;
    border-bottom: 1px solid #dbcec7;
}

.chuangkou .content .top .close {
    position: absolute;
    width: calc(18rem / 16);
    height: calc(18rem / 16);
    top: 0;
    bottom: 0;
    right: calc(20rem / 16);
    margin: auto;
    cursor: pointer;
}

.chuangkou .content .body {
    padding-top: calc(42rem / 16);
    padding-bottom: calc(38rem / 16);
    text-align: center;
    border-bottom: 1px solid #dbcec7;
}

.chuangkou .content .body .submit {
    margin-top: 2rem;
}

.chuangkou .content .body .submit a {
    display: inline-block;
    padding: calc(15rem / 16) calc(28rem / 16);
    border: 1px solid #dbcec7;
    color: #8b634b;
    letter-spacing: .2em;
    transition: .2s;
}

.chuangkou .content .body .submit a:hover {
    background-color: #8b634b;
    color: #fff;
}

.chuangkou .content .body input {
    width: calc(283rem / 16);
    height: calc(47rem / 16);
    line-height: calc(47rem / 16);
    border: 1px solid #af9483;
    background-color: #8b634b;
    padding-left: calc(15rem / 16);
    color: #fff;
    letter-spacing: .1em;
    outline: none;
}

.chuangkou .content .body input:first-child {
    border-bottom: 0;
}

input::-webkit-input-placeholder {
    color: #c5b1a5;
    letter-spacing: .2em;
}

input::-moz-placeholder {
    color: #c5b1a5;
    letter-spacing: .2em;
}

input:-moz-placeholder {
    color: #c5b1a5;
    letter-spacing: .2em;
}

input:-ms-input-placeholder {
    color: #c5b1a5;
    letter-spacing: .2em;
}

.chuangkou .content .win-foot {
    padding: calc(50rem / 16) calc(54rem / 16);
}

.chuangkou .content .win-foot .item {
    display: flex;
    align-items: center;
    margin: .5rem 0;
}

.chuangkou .content .win-foot .item img {
    width: 1rem;
}

.chuangkou .content .win-foot .item span, .chuangkou .content .win-foot .item a {
    font-size: calc(12rem / 16);
    color: #8b634b;
    margin-left: calc(12rem / 16);
    white-space: normal;
}

.mobile {
    display: none;
}

.chuangkou.wechatwd {
    /* display: block; */
}

.chuangkou.wechatwd .content {
    width: calc(200rem / 16);
    /*height: calc(400rem / 16);*/
    background-color: #fff;
    padding: 1rem;
}

.chuangkou.wechatwd .content .qr {
    width: 100%;
}

.chuangkou.wechatwd .content p {
    font-size: calc(12rem / 16);
    text-align: center;
    line-height: calc(28.02rem / 16);
    letter-spacing: .1em;
    color: #666666;
}

.chuangkou.wechatwd .content .close {
    position: absolute;
    width: calc(18rem / 16);
    height: calc(18rem / 16);
    top: calc(10rem / 16);
    right: calc(10rem / 16);
    cursor: pointer;
}

.phonewd.chuangkou .content .win-foot {
    padding: calc(20rem / 16) calc(54rem / 16);
    /* padding: 30px 20px; */
}

.phonewd.chuangkou .content .win-foot .item {
    justify-content: left;
}

.phonewd.chuangkou .content .win-foot .item span, .chuangkou .content .win-foot .item a {
    font-size: calc(16rem / 16);
}

.chuangkou.window .content {
    top: inherit;
    left: inherit;
}

.chuangkou.window {
    top: inherit;
    left: inherit;
    right: 0px;
    bottom: 0px;
}


.chuangkou.window::after {
    display: none;
}

.desc {
    font-weight: lighter !important;
}

form .loading-layer {
    z-index: 1300;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(139, 99, 75, .8);
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.captcha-img {
    display: block;
    margin: 4px auto 0;
}

@media (max-width: 750px) {

    :root {
        font-size: 24px;
    }

    body.scrolled {
        padding-top: 7.5rem;
    }

    .search-box {
        max-width: calc(100vw - 6rem);
    }

    .search-layer .btn-close {
        right: 3rem;
        top: 3rem;
    }

    .search-title {
        font-size: 2.75rem;
    }

    .search-title .cn {
        font-size: 1.75rem;
        margin-top: 1em;
        margin-bottom: 1.25em;
    }

    .search-input {

    }

    .search-dropdown {
        padding: 1.5rem 2.25rem;
    }


    .mobile-logo {
        display: block;
    }

    .site-header {
        display: none;
    }

    .site-header-mobile {
        display: block;
        z-index: 600;
        width: 100%;
        left: 0;
        top: 0;
        padding-top: 3rem;
        height: 7.5rem;
        padding-bottom: .75rem;
    }

    .menu-toggle {
        width: calc(53.33rem / 24);
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: calc(40rem / 24);
    }

    .mobile-title {
        width: 220px;
        text-align: center;
        font-size: .8rem;
        left: 0;
        right: 0;
        top: 0;
        bottom: .33rem;
        height: 1em;
        line-height: 1em;
        margin: auto;
        position: absolute;
    }

    .site-header-mobile .right, .site-header-mobile .left {
        position: absolute;
        right: 0;
        width: calc(38% - 2rem);
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 3.75rem;
        top: 3rem;

        border-top: 1px solid #848991;
        border-bottom: 1px solid #848991;
    }

    .site-header-mobile .left {
        left: 0;
    }

    .site-header-mobile .lan-toggle {
        position: absolute;
        width: 100px;
        text-align: right;
        top: 0;
        bottom: 0;
        margin: auto;
        right: calc(36rem / 24);
        height: 1em;
        line-height: 1em;
        font-size: calc(27rem / 24);
        font-weight: bold;
    }

    .site-footer {
        flex-direction: row-reverse;
        padding-top: calc(26rem / 24);
        padding-bottom: calc(26rem / 24);
    }

    .site-footer .left {
        display: none;
        width: 18%;
        padding-left: 0;
        padding-right: calc(40rem / 24);
        justify-content: flex-end;
    }

    .footer-wx img {
        height: calc(29rem / 24);
    }

    .footer-wx span {
        display: none;
    }

    .site-footer .left a {
        align-items: flex-end;
    }

    .site-footer .left img {
        margin-right: 0;
    }

    .site-footer .center {
        width: 72%;
        margin: 0 auto;
        font-size: calc(17rem / 24);
        line-height: calc(25.6rem / 24);
        letter-spacing: .1em;
    }

    .site-footer .left .wx-qr-code {
        left: auto;
        right: calc(40rem / 24);
        transform: translateX(calc(30rem / 16));
        pointer-events: none;
    }

    .site-footer .left a:hover .wx-qr-code {
        transform: none;
        opacity: 1;
    }

    .fixedright {
        /* right: calc(57rem / 24);
        bottom: calc(142rem / 24); */
        right: calc(33rem / 24);
        bottom: calc(112rem / 24);
    }

    .chuangkou .content {
        width: calc(639rem / 24);
        left: 0 !important;
        right: 0 !important;
        top: 20% !important;
        bottom: unset;
        margin: auto;
    }

    .chuangkou.window .content {
        height: auto;
    }

    .window .content {

    }

    .window .content .top {
        font-size: calc(36rem / 24);
    }

    .window .content .body .submit button {
        padding: calc(34rem / 24) calc(69rem / 24);
        font-size: calc(24rem / 24);
    }

    .window .content .body input {
        width: calc(508rem / 24);
        height: calc(93rem / 24);
        font-size: calc(26rem / 24);
    }

    .window .content .win-foot .item img {
        width: calc(34rem / 24);
    }

    .window .content .win-foot .item span, .window .content .win-foot .item a {
        font-size: calc(22rem / 24);
        text-align: left;
    }

    .window .content .win-foot {
        padding: calc(65rem / 24) calc(69rem / 24);
    }

    .window .content .top .close {
        width: calc(29rem / 24);
        height: calc(29rem / 24);
    }

    .window .content .win-foot .item span, .window .content .win-foot .item a {
        font-size: calc(26rem / 24);
        text-align: left;
    }

    .page-ctn {
        overflow: hidden;
    }

    .fixedright .btn {
        width: calc(60rem / 24);
        height: calc(60rem / 24);
    }

    .phonewd.chuangkou .content .win-foot {
        padding-right: calc(20rem / 24);
    }

    .chuangkou .content .win-foot .item span, .chuangkou .content .win-foot .item a {
        white-space: inherit;
    }
}

@media (max-width: 640px) {

    .search-layer .btn-close {
        right: 2rem;
        top: 2rem;
    }

    .search-box {
        max-width: calc(100vw - 4rem);
    }


}

.title-en {
    font-weight: bold !important;
    font-family: "Helvetica Now Display", sans-serif !important;
}