* {
    box-sizing: border-box;
    font-family: Arial, "Source Han Sans CN", sans-serif;
}

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

:root, html {
    font-size: calc(0.417vw + 8px);
    color: #3e3a39;
}

body {
    font-size: calc(0.20833vw + 12px);
    padding-top: calc(80rem / 16);
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

.wrapper{
    width: calc(72.917vw + 200px);
    margin: 0 auto;
}

.site-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(80rem / 16);
    z-index: 800;
}

.site-header-bar {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 820;

    display: flex;
    align-items: stretch;

    border-bottom: 1px solid rgba(255, 255, 255, .3);
    background-color: #fff;
    border-bottom: 1px solid #edebe9;
}

/*
80 at 1920
30 at 960
*/

.site-header-bar .left {
    flex: 0 1 auto;

    width: calc(396rem / 16 + 0.625vw + 24px);
    padding-left: calc(0.625vw + 24px);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.site-logo {
    width: 100%;
}

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

.site-header-bar .right {
    flex: 1 0 auto;
    justify-self: flex-end;
    margin-left: auto;
    margin-right: 0;
    color: #3e3a39;

    /*100% 减去 .site-header-bar .left 的宽度*/
    width: calc(100% - (396rem / 16 + 0.625vw + 24px));

    display: flex;
    align-items: stretch;
    height: 100%;
}

.site-header-bar .right-nav {
    font-size: calc(18rem / 16);
    width: calc(100% - 130rem / 16);
    flex: 0 0 auto;
    padding-left: calc(7.292vw - 40px);
    padding-right: 30px;

    display: flex;
    align-items: stretch;
}
/*
@media (max-width: 1366px) {
    .site-header-bar .right-nav {
        font-size: 16px;
    }
}*/


.site-header-bar .right-nav .link-col.active {
    color: #96724e;
}


.site-header-bar .right-nav .link-col,
.site-menu .right .link-col {
    width: calc(100% / 7);
    flex: 0 0 auto;

    align-items: center;
}

.site-header-bar .right-nav .link-col {
    display: flex;
    padding-left: 10px;
}

.right-nav-mobile{
    display: none;
    flex: 0 0 auto;
    width: calc(72rem / 16);
    height: 100%;
    cursor: pointer;
    background: url("../images/icon_menu_new.svg") center/16px auto no-repeat;
}

.menu-active .right-nav-mobile{
    background-image: url("../images/icon_business_close.svg");
}

.site-header-bar .right-icons {
    width: calc(130rem / 16);
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;
}

.site-header-bar .right-icons > * {
    width: calc(50rem / 16);
    height: calc(50rem / 16);
    flex: 0 0 auto;
}
.btn-lang, .btn-search {
    cursor: pointer;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.site-search {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 850;
    visibility: hidden;
    overflow: hidden;
    transition: .5s;
}

.search-active .site-search {
    visibility: visible;
}

.search-back {
    height: 0;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    z-index: 610;
    transition: .5s cubic-bezier(0, .7, .3, 1);

    display: none;
}

.search-active .search-back {
    height: 100%;
}

.site-menu {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    z-index: 660;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    justify-content: flex-end;

    backdrop-filter: blur(8px);
    background: rgba(237, 237, 237, .8);
}

.site-menu-ctn {
    z-index: 600;

    position: fixed;
    width: 100%;
    height: auto;
    left: 0;
    top: calc(80rem / 16);
    overflow: hidden;
    transition: .3s;

    align-items: stretch;
    transform: translateY(-50%);
    opacity: .0;
    visibility: hidden;
}

.menu-active .site-menu-ctn {
    visibility: visible;
    transform: none;
    opacity: 1;
}

.site-menu .right {
    font-size: 14px;
    width: calc(100% - (396rem / 16 + 0.625vw + 24px) - (130rem / 16) - (calc(7.292vw - 40px)) - 30px);
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: calc(130rem / 16 + 30px);

    display: flex;
    align-items: stretch;
  //   justify-content: flex-end;
  justify-content: left;
}

.site-menu .right .link-col {
    padding: calc(40rem / 16) 10px 3.125vw;
    position: relative;
}


.site-menu .right .link-col::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));
    opacity: 0;
    transition: .3s;
    z-index: 850;
}

.site-menu .right .link-col.active::after {
    opacity: 1;
}

.site-menu .right .link-col a {
    line-height: 20px;
    border-bottom: 1px solid #cac8cd;
    padding: 10px 0;
    display: block;
    position: relative;
    z-index: 865;
    transition: .3s;
}

.site-menu .right .link-col a::before {
    content: "";
    width: 5.7px;
    height: 9.6px;
    background: url("../images/icon_angle_right_brown.svg") center/contain no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    margin: auto;
    opacity: 0;
    transition: .3s;
}

.site-menu .right .link-col a:hover::before {
    opacity: 1;
}

.site-menu .right .link-col a:hover {
    color: #ae2043;
    transform: translateX(12px);
}

@media (max-width: 1366px) {
    .site-header-bar .left{
        width: calc(280rem / 16 + 0.625vw + 24px);
    }
    .site-header-bar .right{
        width: calc(100% - (280rem / 16 + 0.625vw + 24px));
    }
    .site-menu .right {
        width: calc(100% - (280rem / 16 + 0.625vw + 24px) - (130rem / 16) - (calc(7.292vw - 40px)) - 30px);
    }
    .site-menu .right .link-col{
        padding-left: 5px;
        padding-right: 5px;
    }
    .site-menu .right{
        font-size: 12px;
    }
}

.search-box {
    width: calc(640rem / 16);
    height: calc(80rem / 16);
    padding-left: calc(30rem / 16);
    padding-right: calc(30rem / 16);
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, .8);
    position: absolute;
    right: 0;
    top: calc(80rem / 16);
    transform: translateX(100%);

    border-left: 1px solid #edebe9;
    border-bottom: 1px solid #edebe9;

    transition: cubic-bezier(.7, 0, .3, 1) .3s;
}

.search-active .search-box {
    transform: none;
}

.search-box input {
    appearance: none;
    outline: none;
    line-height: calc(40rem / 16);
    display: block;
    width: calc(100% - 40rem / 16);
    padding-left: calc(20rem / 16);
    background-color: transparent;
    border: none;
    border-left: 2px solid #b79877;
}

.search-box button {
    width: calc(48rem / 16);
    height: calc(48rem / 16);
    border: none;
    cursor: pointer;
    position: relative;
    background-color: transparent;
}

.search-box button::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/icon_search.svg") center/calc(21rem / 16) auto no-repeat;
    position: absolute;
    z-index: 825;
    left: 0;
    top: 0;
    transition: cubic-bezier(0, .7, .3, 1) .4s;
}

.scrolled .search-box button::before,
.menu-active .search-box button::before,
.search-active .search-box button::before,
.lang-active .search-box button::before {
    background-image: url("../images/icon_search.svg");
}

.search-box button::after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 820;
    transition: cubic-bezier(0, .7, .3, 1) .4s;
    background-color: #efefef;
    transform: scale(.5);
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform;
}

.search-box button:hover::after {
    transform: none;
    opacity: 1;
}

.search-box input::placeholder {
    color: #fff;
}

.scrolled .search-box input::placeholder,
.menu-active .search-box input::placeholder,
.search-active .search-box input::placeholder,
.lang-active .search-box input::placeholder {
    color: #999;
}

.site-header-bar .icon-search {
    width: calc(22rem / 16);
    height: calc(22rem / 16);
    background: url("../images/icon_search.svg") center/contain no-repeat;
}


.search-active .site-header-bar .icon-search {
    background: url("../images/icon_business_close.svg") center/75% no-repeat;
}

.site-header-bar .icon-lang {
    width: calc(20rem / 16);
    height: calc(20rem / 16);

    margin-right: calc(9rem / 16);
    transition: cubic-bezier(0, .7, .3, 1) .2s;
    will-change: transform;
}

.site-header-bar .icon-lang img {
    display: block;
    width: 100%;
    height: 100%;
}

.site-header-bar .icon-lang img.active {
    display: none;
}

.lang-active .site-header-bar .icon-lang img.inactive{
    display: none;
}
.lang-active .site-header-bar .icon-lang img.active {
    display: block;
}

.site-header-bar .lang-menu {
    width: calc(130rem / 16);
    position: fixed;
    top: calc(80rem / 16);
    right: 0;
    height: 0;
    transition: .3s cubic-bezier(0, .7, .3, 1);
    visibility: hidden;
    overflow: hidden;
    background-color: #b79877;
}

.site-header-bar .lang-menu a {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: calc(24rem / 16);
    padding-top: calc(8rem / 16);
    padding-bottom: calc(8rem / 16);
    color: #fff;
}

.site-header-bar .lang-menu a:hover{
    background-color: #8f765c;
}

.lang-active .site-header-bar .lang-menu {
    visibility: visible;
    height: calc(80rem / 16);
    transition-delay: 0s;
}

.site-header-bar .btn-search:hover .icon-search,
.site-header-bar .btn-lang:hover .icon-lang,
.lang-active .site-header-bar .btn-lang .icon-lang{
    transition: cubic-bezier(0.5, -0.25, 0.25, 1.75) .3s;
    transform: scale(1.2);
}

.btn-more {
    height: calc(50rem / 16);
    border-radius: calc(30rem / 16);
    color: #b39474;
    overflow: hidden;
    position: relative;
    border: calc(2rem / 16) solid #b39474;
    font-size: calc(14rem / 16);

    cursor: pointer;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: calc(30rem / 16);
    padding-right: calc(38rem / 16);
}

.btn-more:hover{
    color: #fff;
    background-color: #ae2043;
    border-color: #ae2043;
}

.btn-more span {
    position: relative;
    z-index: 280;
}

.btn-more::after {
    content: "";
    z-index: 280;
    background: url("../images/icon_angle_right_brown_new.svg") center/contain no-repeat;
    width: calc(8rem / 16);
    height: calc(12rem / 16);
    margin-left: calc(24rem / 16);
    will-change: transform;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
}

.btn-more:hover::after {
    background-image: url("../images/icon_angle_right_white_new.svg");
}

.site-footer {
    background: url("../images/footer_back.jpg") center/cover no-repeat;
    width: 100%;
    bottom: 0;
    left: 0;
    position: relative;
}

.site-footer .part1 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-top: calc(12rem / 16);
    height: calc(140rem / 16);
}

.site-footer .footer-logo {
    height: calc(40rem / 16);
    width: calc(172rem / 16);
}

.site-footer .footer-logo img {
    display: block;
    width: 100%;
    height: 100%;
}

.site-footer .part2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: calc(32rem / 16);
    padding-bottom: calc(30rem / 16);
    border-top: 1px solid #dad5d3;
}

.site-footer .footer-group {
    width: 12.5%;
    padding-right: calc(30rem / 16);
    flex: 0 0 auto;
    margin-bottom: calc(45rem / 16);
}

.footer-group .title {
    font-size: 16px;
    color: #96724e;
    margin-bottom: 8px;
    line-height: 2em;
}

.footer-group a {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
    overflow: hidden;
}

.footer-group a:hover {
    padding-left: 18px;
    font-weight: normal;
    color: #ae2043;
}


.footer-group a::before {
    content: "";
    width: 8px;
    height: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 4px;
    transform: translateX(-24px);
    opacity: 0;
    background: url("../images/icon_angle_right_red_new.svg") center/contain no-repeat;

    will-change: transform, opacity;
    transition: cubic-bezier(0, .7, .3, 1) .3s;
}

/*.footer-group a.title::before {
    width: 6px;
    height: 10px;
    background: url("../images/icon_angle_right_brown.svg") center/contain no-repeat;
}*/

.footer-group a:hover::before {
    transform: none;
    opacity: 1;
}

.qr-group {
    margin-right: calc(-12rem / 16);
    display: flex;
}

.qr-group .qr-ctn {
    width: calc(108rem / 16);
    flex: 0 0 auto;
}

.qr-group .qr-ctn img {
    display: block;
    width: 100%;
    height: auto;
}

.qr-group .qr-text {
    text-align: center;
    margin-top: calc(8rem / 16);
    font-size: 12px;
}

.site-footer .part3 {
    padding-top: calc(30rem / 16);
    padding-bottom: calc(80rem / 16);

    display: flex;
    justify-content: space-between;
    font-size: calc(14rem / 16);
}

.site-footer .part3 a:hover {
    color: #96724e;
}

.footer-right {
    position: absolute;
    width: calc(320rem / 16 + 33.333vw - 320px);
    right: 0;
    bottom: 0;
    height: 100%;
    overflow: hidden;
}

.footer-back, .footer-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 215;
}

.footer-sig {
    position: absolute;
    z-index: 225;
    width: 70%;
    left: 3.125vw;
    bottom: 3.125vw;
}

.footer-world {
    z-index: 220;
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 14vw);
    height: auto;
}

.cascade.settled {
    position: relative;
    z-index: 200;
}

.cascade.revealing {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 190;
}

.cascade.hidden {
    position: fixed;
    visibility: hidden;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 180;
}

.page-header {
    position: relative;

    height: calc(480rem / 16);
}

.page-header .wrapper{
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    z-index: 210;
    position: relative;
}


.page-header .page-title{
    font-weight: bold;
    font-size: calc(54rem / 16);

}

.page-header img {
    display: block;
    width: 100%;
    height: 100%;
    flex: 0 0 auto;
    object-fit: cover;
    position: absolute;
    z-index: 190;
    left: 0;
    top: 0;
}

.breadcrumb {
    font-size: calc(14rem / 16);

    display: flex;
    align-items: center;
}

.page-header .breadcrumb{
    right: 0;
    bottom: calc(34rem / 16);
    position: absolute;
}

.breadcrumb a {
    line-height: calc(24rem / 16);
}

.breadcrumb a.home {
    width: calc(24rem / 16);
    height: calc(24rem / 16);
    background: url("../images/icon_breadcrumb_home_brown.svg") center/calc(12rem / 16) calc(14rem / 16) no-repeat;
    transition: .2s;
}

.breadcrumb a:hover {
    color: #96724e;
}

.breadcrumb a.home:hover {
    transform: scale(1.2);
}

.breadcrumb i {
    margin-left: calc(10rem / 16);
    margin-right: calc(10rem / 16);
    width: 6px;
    height: 9px;
    background: url("../images/icon_angle_right_gray.svg") center/contain no-repeat;
}

.layout-split .page-right {

}

.site-menu-ctn-mobile {
    color: #000;
    visibility: hidden;
    transform: translateX(100vw);
    transition: .5s;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: auto;
    max-height: calc(100% - 60px);
    overflow: auto;
    z-index: 900;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.mobile-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 550;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.site-menu-ctn-mobile .link-lv1 {
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.site-menu-ctn-mobile .link-lv1 a {
    background-color: #fff;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 24px;
    min-height: 85px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 500;
}

.site-menu-ctn-mobile .link-lv1 a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #3e3a39;
    border-left: 1px solid #3e3a39;
    transform: translateY(-50%) rotate(-225deg);
}

.site-menu-ctn-mobile .screen-header {
    color: #fff;
    width: 100%;
    padding: 15px 15px 5px;
    background-color: #811B39;
}

.site-menu-ctn-mobile .screen-title {
    font-size: 32px;
}

.site-menu-ctn-mobile .screen-title a {
    text-decoration: underline;
}

.site-menu-ctn-mobile .btn-back {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
}

.site-menu-ctn-mobile .btn-back::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: translateY(-50%) rotate(-45deg);
}

.site-menu-ctn-mobile .screen-links {
    font-size: 16px;
}

.site-menu-ctn-mobile .screen-links .link-lv2 {
    position: relative;
}

.site-menu-ctn-mobile .screen-links a {
    display: block;
    width: 100%;
    padding: 1em 15px;
    border-bottom: 1px solid #e1e1e1;
}

.site-menu-ctn-mobile .screen-links .link-lv2[data-index] a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-225deg);
    display: inline-block;
    margin: 2px 3px 0 6px;
    vertical-align: bottom;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    font-weight: 700;
    right: 19px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}


@media (max-width: 960px) {

    .site-header-bar .right-icons {
        width: auto;
    }

    :root, html {
        font-size: calc(24vw / 8.2);
    }

    body {
        font-size: calc(28vw / 8.2);
    }

    .site-menu-ctn .menu-back {
        display: block;
    }

    .site-header-bar .right{
        justify-content: flex-end;
    }
    .site-header-bar .right-nav{
        display: none;
    }

    .site-header .site-menu-ctn{
        display: none;
    }

    .site-header-bar .lang-menu{
        width: calc(202rem / 16);
        top: calc(100vw / 8.2);
    }

    .search-box{
        width: 100%;
    }

    .menu-active .site-menu-ctn-mobile {
        visibility: visible;
        transform: none;
    }

    .menu-active .mobile-mask,
    .search-active .mobile-mask{
        opacity: 1;
        visibility: visible;
    }

    .right-nav-mobile{
        display: block;
    }

    .footer-top {
        height: calc(100vw / 7.5);
    }

    .footer-top .btn-to-top {
        width: calc(100vw / 7.5);
        flex: 0 0 auto;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }

    .btn-to-top .text {
        display: none;
    }

    .btn-to-top .icon-to-top {
        width: calc(18vw / 7.5);
        height: calc(23vw / 7.5);
    }

    .footer-top .left {
        width: calc(100% - 100vw / 7.5);
    }

    .footer-right {
        width: calc(100vw / 7.5);
    }

    .site-footer .footer-bottom {
        padding-right: calc(100vw / 7.5 + 5.2083vw - 20px);
    }

    .footer-sig {
        width: calc(48vw / 7.5);
        height: auto;
        left: auto;
        bottom: auto;
        right: calc(14vw / 7.5);
        top: calc(26vw / 7.5);
    }

    .footer-right {
        height: calc(100% - 100vw / 7.5);
    }

    .footer-back img {
        object-position: top;
    }

    .menu-icon {
        margin-right: 0;
    }

    .menu-text {
        display: none;
    }

    .site-header-bar .menu-box {
        width: 75px;
    }

    .search-btn-mobile {
        display: flex;
    }

    .site-menu-ctn .menu-back {
        right: calc(75px * 1.5 + 320rem / 16);
    }

    .site-menu-ctn .left {
        padding: 30px;
        width: auto;
    }

    .site-menu-ctn .right {
        width: calc(100% - 480px);
        flex: 0 0 auto;
        margin-right: 0;
        margin-left: auto;
        justify-self: flex-end;
    }

    .menu-left-swiper .title1 {
        max-width: 100%;
        height: auto;
    }

    .breadcrumb-bar {
        height: 80px;
    }

    .layout-split {
        position: relative;
        display:  block;
    }

    .breadcrumb-bar {
        justify-items: flex-start;
    }

    .breadcrumb {
        width: 100%;
        border-left: none;
    }

    .layout-split .page-left {
        position: relative;
        top: 0;
        margin-top: 0;
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;

        background-size: 280px auto;
        background-position: calc(100% + 18px) calc(100% + 24px);
        border-bottom: 1px solid #dedfe4;
        padding: 30px;
    }

    .layout-split .page-right {
        width: 100%;
    }
}

@media (max-width: 750px) {

    .site-menu {
        top: calc(100vw / 7.5);
        height: calc(100% - 100vw / 7.5)
    }

    .site-menu-ctn .left {
        padding: calc(40vw / 7.5);
    }

    .site-header-bar .site-40th {
        width: calc(80vw / 7.5);
    }

    .site-header-bar .site-logo img,
    .site-header-bar .site-40th img {
        /*display: block;*/
        width: 100%;

    }

    .site-header-bar .menu-box {
        width: calc(110vw / 7.5);
    }

    .site-header-bar .search-box {
        display: none;
    }

    .site-header-bar .left {
        width: calc(460vw / 8.2);
        padding-left: calc(30vw / 8.2);
    }

    .site-menu-ctn .menu-back {
        top: calc(50vw / 7.5);
        right: calc(255vw / 7.5);
    }
    .menu-left-swiper {
        display: none;
    }

    .site-menu-ctn .left {
        width: 100%;
    }

    .footer-top .left {
        padding-left: calc(40vw / 7.5);
    }

    .site-footer .part3 {
        display: flex;
        flex-direction: column-reverse;
    }

    .site-footer .footer-bottom {
        padding: calc(50vw / 7.5) calc(140vw / 7.5) calc(50vw / 7.5) calc(40vw / 7.5);
    }

    .site-footer .footer-group {
        margin-bottom: 0;
    }

    .footer-group a {
        display: none;
    }

    .footer-group:last-of-type {
        display: none;
    }

    .site-footer .part2 {
        display: block;
        width: 100%;
    }

    .site-footer .footer-group {
        width: 100%;
    }

    .footer-group a.title {
        margin-bottom: 0;
        width: 100%;
        display: flex;
        align-items: center;
        padding-left: calc(40vw / 7.5);
        height: calc(90vw / 7.5);
        font-size: calc(28vw / 7.5);
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        position: relative;
    }

    .footer-group a.title::before {
        display: none;
    }

    .footer-group a.title::after {
        content: "";
        width: calc(20vw / 7.5);
        height: calc(20vw / 7.5);
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: calc(36vw / 7.5);
        background: url("../images/icon_arr_right_orange.svg") center/contain no-repeat;
    }

    .site-footer .part2 {
        padding-top: 0;
        margin-bottom: calc(67vw / 7.5);
    }

    .site-footer .part3 .right {
        margin-bottom: .5em;
    }

    .page-header {
        height: calc(400vw / 7.5);
    }

    .page-header-nav {
        display: none;
        /*width: 100%;
        height: calc(100vw / 7.5);
        display: flex;
        align-items: center;
        padding-left: calc(40vw / 7.5);
        padding-top: 0;
        background: url("../images/header_nav_back_mobile.png") right center/cover;*/
    }

    .page-header img{
        width: 100%;
        height: 100%;
    }

    .page-header-nav .title {
        margin-bottom: 0;
        font-size: calc(36vw / 7.5);
    }

    .page-header-nav .link-list {
        display: none;
    }

    .breadcrumb-bar {
        height: calc(80vw / 7.5);
    }

    .layout-split .page-left {
        padding: calc(40vw / 7.5);
    }

    .page-title .title-cn {
        font-size: calc(58vw / 7.5);
    }

    .page-title .title-en {
        max-width: 50%;
    }

    .search-box {
        transition: .3s;
    }

    .search-mobile-ctn {
        background: #fff;
        position: relative;
        z-index: 650;
        width: 100%;
        height: calc(100vw / 7.5);
        transform: translateY(-100%);
        transition: .5s cubic-bezier(0, .7, .3, 1);
    }

    .search-active .search-mobile-ctn {
        transform: none;
    }

    /*.search-active .site-search{
        visibility: ;
    }*/


}

/*
reset
*/
@media (max-width: 960px) {
    :root, html{
        font-size: calc(24vw / 8.2);
    }

    .site-header{
        height: calc(100vw / 8.2);
    }

    .site-header-bar .icon-search{
        margin-right: 0;
        width: calc(32vw / 8.2);
        height: calc(32vw / 8.2)
    }
    .site-header-bar .icon-lang{
        margin-right: 0;
        width: calc(30vw / 8.2);
        height: calc(30vw / 8.2)
    }


    .btn-more {
        height: calc(80vw / 8.2);
        border-radius: calc(40vw / 8.2);
        border: 1px solid #b39474;
        font-size: 1rem;

        padding-left: calc(60vw / 8.2);
        padding-right: calc(60vw / 8.2);
    }

    .btn-more::after {
        background: url("../images/icon_angle_right_brown_fit.svg") center/contain no-repeat;
        width: calc(13vw / 8.2);
        height: calc(22vw / 8.2);
        margin-left: calc(26vw / 8.2);
    }

    .search-box{
        top: calc(100vw / 8.2);
    }

    .site-header-bar .lang-menu{
    }

    .site-menu-ctn-mobile{
        top: calc(100vw / 8.2);
    }
    .site-menu-ctn-mobile .link-lv1 a{
        font-size: calc(36vw / 8.2);
        min-height: calc(120vw / 8.2);
        padding-left: calc(30vw / 8.2);
        padding-right: calc(30vw / 8.2);
    }

    .site-menu-ctn-mobile .screen-links {
        font-size: calc(36vw / 8.2);
    }
    .site-menu-ctn-mobile .screen-links a{
        min-height: calc(120vw / 8.2);
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        align-items: center;
    }

    .site-menu-ctn-mobile .screen-title{
        font-size: calc(44vw / 8.2);
    }
    .site-menu-ctn-mobile .btn-back{
        margin-top: calc(16vw / 8.2);
        margin-bottom: calc(16vw / 8.2);
    }
    .site-menu-ctn-mobile .screen-header{
        padding: calc(30vw / 8.2) calc(30vw / 8.2) calc(15vw / 8.2);
    }
    .wrapper{
        width: calc(748vw / 8.2);
    }
    .site-footer .footer-logo{
        width: calc(172vw / 8.2);
        height: calc(40vw / 8.2);
    }
    .site-footer .part1{
        padding-top: calc(12vw / 8.2);
        height: calc(140vw / 8.2);
    }
    .site-footer .part2{
        display: flex;
        flex-wrap: wrap;
        padding-top: calc(12vw / 8.2);
        margin-bottom: calc(28vw / 8.2);
    }

    .site-footer .part2 a{
        width: 50%;
        flex: 0 0 auto;
        line-height: calc(60vw / 8.2);
        font-size: 1rem;
        color: #b39474;
    }

    .site-footer .part3{
        text-align: center;
        color: #696665;
        font-size: calc(20rem / 24);
        line-height: calc(24rem / 24);
        padding-top: 0;

        flex-direction: column-reverse;
        align-items: stretch;
        padding-bottom: calc(90vw / 8.2);
    }
    .site-footer{
        background-image: url("../images/footer_back_mobile.jpg");
    }
    .page-header .page-title{
        font-size: calc(54rem / 24);
    }
    .page-header .breadcrumb{
        font-size: calc(24rem / 24);
    }

}