/* 通用全局默认样式 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    box-sizing: border-box;
    outline: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

a {
    color: #292929;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

body>div {
    position: relative;
}

hr {
    border: none;
    height: 1px;
    background: #e4e4e4;
}

button,
input,
textarea {
    outline: none;
}
.hide{
    display: none;
}
.data-container-for-search {
    position: fixed;
    max-width: 100vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80vh;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


#app {
    background: #fff;
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
}
body {
    max-width: 100vw;
    width:100%;
    overflow-x: hidden;
    color: #292929;
    font-family: sans-serif;
}
input{
    font-family: sans-serif;
}


.body-100vh {
    height: 100vh;
    overflow: hidden;
}

/* 全局通用样式 */
img.bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div.bg-img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url() no-repeat center center;
    background-size: cover;
}

.bg-img-container {
    position: relative;
    width: 100%;
}

.absolute-row-center {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
}

.absolute-col-center {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.rotate-180deg {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.rotate-90deg {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.rotate-45deg {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}



.tr100-ease {
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
}

.tr300-ease {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.tr500-ease {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.tr1500-ease {
    transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all ease;
    -o-transition: all 1.5s ease;
}

.td100 {
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
}

.td300 {
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
}

.hidden {
    display: none !important;
}

.font-bk {
    color: #3e3e3e !important;
}

.font-gy {
    color: #555 !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

a {
    display: block;
    transition: background-color 0.5s ease, color 0.5s ease, transform 0.5s ease;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease, transform 0.5s ease;
    -moz-transition: background-color 0.5s ease, color 0.5s ease, transform 0.5s ease;
    -ms-transition: background-color 0.5s ease, color 0.5s ease, transform 0.5s ease;
    -o-transition: background-color 0.5s ease, color 0.5s ease, transform 0.5s ease;
}

.iconfont {
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
}


html {
    font-size: 100px;
}

body {
    font-size: 16px;
    line-height: 1.6;
    min-height: 100vh;
}

@media only screen and (min-width:1921px) {
    html {
        font-size: 150px;
    }

    body {
        line-height: 1.6;
    }
}

@media only screen and (max-width:1600px) {
    html {
        font-size: 80px;
    }
}

@media only screen and (max-width:1400px) {
    html {
        font-size: 75px;
    }
}

@media only screen and (max-width:1200px) {
    html {
        font-size: 60px;
    }
}

@media only screen and (max-width:1024px) {
    html {
        font-size: 55px;
    }
}

@media only screen and (max-width:768px) {
    html {
        font-size: 40px;
    }

    body {
        font-size: 14px;
        line-height: 1.4;
    }
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}


@keyframes shakeIcon {
    0% {
        transform: translate(0, 0) rotate(90deg);
        -webkit-transform: translate(0, 0) rotate(90deg);
        -moz-transform: translate(0, 0) rotate(90deg);
        -ms-transform: translate(0, 0) rotate(90deg);
        -o-transform: translate(0, 0) rotate(90deg);
    }

    50% {
        transform: translate(0, 10px) rotate(90deg);
        -webkit-transform: translate(0, 10px) rotate(90deg);
        -moz-transform: translate(0, 10px) rotate(90deg);
        -ms-transform: translate(0, 10px) rotate(90deg);
        -o-transform: translate(0, 10px) rotate(90deg);
    }

    100% {
        transform: translate(0, 0) rotate(90deg);
        -webkit-transform: translate(0, 0) rotate(90deg);
        -moz-transform: translate(0, 0) rotate(90deg);
        -ms-transform: translate(0, 0) rotate(90deg);
        -o-transform: translate(0, 0) rotate(90deg);
    }
}

@keyframes jump {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(10px);
    }

    50% {
        transform: translateY(20px) scale(1.1, 0.9);

    }

    75% {
        ransform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

a.bg-img-container,
a .bg-img-container {
    overflow: hidden;
}

a.bg-img-container .bg-img,
a .bg-img-container .bg-img {
    transform: scale(1) translate3d(0, 0, 0);
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    -moz-transform: scale(1) translate3d(0, 0, 0);
    -ms-transform: scale(1) translate3d(0, 0, 0);
    -o-transform: scale(1) translate3d(0, 0, 0);
    transition: transform 1.5s ease 0.1s !important;
    -webkit-transition: transform 1.5s ease 0.1s !important;
    -moz-transition: transform 1.5s ease 0.1s !important;
    -ms-transition: transform 1.5s ease 0.1s !important;
    -o-transition: transform 1.5s ease 0.1s !important;
}

a:hover.bg-img-container .bg-img,
a:hover .bg-img-container .bg-img {
    transform: scale(1.05) translate3d(0, 0, 0);
    -webkit-transform: scale(1.05) translate3d(0, 0, 0);
    -moz-transform: scale(1.05) translate3d(0, 0, 0);
    -ms-transform: scale(1.05) translate3d(0, 0, 0);
    -o-transform: scale(1.05) translate3d(0, 0, 0);
}

.sk-bannger-style1 {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #000 !important;
}

.sk-bannger-style1 .bgi {
    height: 100%;
    width: 100%;
    background-size: auto 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.swiper-slide-active .sk-bannger-style1 .bgi .bgl {
    transform: translateY(0%) !important;
    opacity: 1;
}

.sk-bannger-style1 .bgi .bgl {
    opacity: 0;
    transition: all 1s;
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    transform: translateY(80%);
    -webkit-transform: translateY(80%);
    -moz-transform: translateY(80%);
    -ms-transform: translateY(80%);
    -o-transform: translateY(80%);
}

.sk-bannger-style1.ud .bgi:nth-child(2n) .bgl {
    transform: translateY(-80%);
    -webkit-transform: translateY(-80%);
    -moz-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    -o-transform: translateY(-80%);
}

div.animate-container{
    overflow: hidden;
    position: relative;
}
div.animate{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
div.animate.brown{
    background:#413838;
}
div.animate.yellow{
    background:#f8f4ee;
}div.animate.white{
    background:#fff;
}

.bd_weixin_popup{
    position: fixed !important;
    left:50% !important;
    top: 50% !important;
    transform: translate(-50%,-50%) !important;
    -webkit-transform: translate(-50%,-50%) !important;
    -moz-transform: translate(-50%,-50%) !important;
    -ms-transform: translate(-50%,-50%) !important;
    -o-transform: translate(-50%,-50%) !important;
}
/* 所有页面共同部分样式 */


.nav-area {
    position: fixed;
    z-index: 100;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px calc(4% - 10px) 0 calc(4% - 10px);
    transition: background 1.2s ease 0.2s, color 1s ease 0.2s;
    -webkit-transition: background 1.2s ease 0.2s, color 1s ease 0.2s;
    -moz-transition: background 1.2s ease 0.2s, color 1s ease 0.2s;
    -ms-transition: background 1.2s ease 0.2s, color 1s ease 0.2s;
    -o-transition: background 1.2s ease 0.2s, color 1s ease 0.2s;
}


.nav-area a {
    color: #fff;
    line-height: 36px;
    padding: 0 0.2rem 0.26rem
}

.nav-area .logo {
    display: inline-block;
    height: 0.56rem;
    padding-bottom: 0;
}

@media only screen and (max-width:1400px) {
    .nav-area .logo {
        height: 42px;
    }
    
}

@media only screen and (max-width:768px) {
    .nav-area{
        padding-top: 10px;
        padding-bottom: 0 !important;
    }
    /* .nav-area .nav-list .right-area{
        top:14px !important;
    } */
    .menu-button-phone{
        top: 24px !important;
    }
    .maps-area .icon-area .inner-container{
        margin:10px auto !important;
    }
}


.nav-area .logo img {
    height: 100%;
    padding-bottom: 0.1rem;
}


.nav-area .logo .logo-g {
    display: none;
}

.nav-area .nav-list {
    margin-top: 0.1rem;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.nav-area .nav-list .left-area,
.nav-area .nav-list .right-area {
    display: flex;
    text-align: center;
    align-items: center;
}


.nav-area .nav-list .right-area>*+* {
    margin-left: calc(0.36rem - 20px);
}

.nav-area .nav-list .cut-line {
    color: #fff;
}

.nav-area .nav-list .pop {
    position: absolute;
    left: 0;
    width: 100%;
}

.nav-area .nav-list .menu-button {
    display: flex;
    align-items: center;
}

.nav-area .nav-list .menu-button span {
    font-size: 12px;
}

.nav-area .nav-list .menu-button .iconfont {
    font-size: 22px;
    margin-right: 14px;
}

.nav-area .nav-list .right-area>a {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.nav-area .nav-list .right-area .iconfont {
    font-size: 20px;
    margin-left: 5px;
}

.nav-area .pop {
    position: absolute;
    width: 100%;
    display: none;
}

.nav-area.inside,
.nav-area:hover {
    background: #fff;
}

.nav-area.inside {
    border-bottom: 1px solid #f9f4ed;
    transition: border 1.5s linear;
    -webkit-transition: border 1.5s linear;
    -moz-transition: border 1.5s linear;
    -ms-transition: border 1.5s linear;
    -o-transition: border 1.5s linear;
}

.nav-area.inside.no-border {
    border: none;
}

.nav-area.inside .cut-line,
.nav-area:hover .cut-line,
.nav-area.inside span,
.nav-area:hover span,
.nav-area.inside a,
.nav-area:hover a {
    color: #292929;
}

.nav-area.inside .logo-w,
.nav-area:hover .logo-w {
    display: none;
}

.nav-area.inside .logo-g,
.nav-area:hover .logo-g {
    display: inline-block;
}

.nav-area.inside .selected .pull {
    color: #947445;
    position: relative;
}

.nav-area.inside .selected .pull::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 0.4rem);
    height: 1px;
    bottom: 0.25rem;
    left:50%;
    transform: translate(-50%,0);
    background: #947445;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}

.nav-area .nav-item.hover a,
.nav-area .nav-item:hover span,
.nav-area .nav-item:hover a {
    color: #947445 ;
}

.nav-area.inside .right-area .iconfont {
    color: #947445;
    font-weight: bold;
}

.nav-area .pop-container {
    display: flex;
    padding: 0.65rem calc(4% - 10px);
}

.nav-area .pop-container .left-list {
    width: 32.78%;
    font-size: 0.48rem;
    color: #947445;
    text-align: left;
    line-height: 1;
    padding: 0 9%;
}

.nav-area .pop-container .left-list .chs-title {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin-top: 0.2rem;
}

.nav-area .pop-container .right-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    text-align: left;
}

.nav-area .pop-container .right-list>div {
    width: 25%;
    /* max-width: 3rem; */
    padding: 0 0.3rem;
}

.nav-area .pop-container .right-list>div a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.nav-area .pop-container .right-list>div a span {
    color: #fff;
    white-space: nowrap;
    transition: all 0.5s ease 0.1s;
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
}

.nav-area .pop-container .right-list>div a .iconfont {
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
    margin-right: 10%;
    opacity: 0;
}

.nav-area .pop-container .right-list>div a:hover span {
    color: #947445;
}

.nav-area .pop-container .right-list>div a:hover .iconfont {
    margin-right: 0rem;
    opacity: 1;
    color: #947445;
}

.nav-area .pop-container .right-list>div+div {
    border-left: 1px solid #544f4f;
}

.nav-area .nav-item:hover .pop {
    display: block;
    opacity: 1;
}

.show-for-small-only {
    display: none !important;
}


.search-area input:-moz-placeholder {
    color: #4b4b4b; opacity:1; 
}

.search-area input::-moz-placeholder { 
    color: #4b4b4b;opacity:1;
}

.search-area input:-ms-input-placeholder{
    color: #4b4b4b;opacity:1;
}

.search-area input::-webkit-input-placeholder{
    color: #4b4b4b;opacity:1;
}


@media only screen and (max-width:1400px) {
    .nav-area .nav-list .right-area span:not(.iconfont) {
        display: none;
    }
    .nav-area .nav-list .right-area>a{
        padding-left: 0.1rem;
        padding-right: 0.1rem;
    }
}
@media only screen and (max-width:1200px){
    .nav-area a{
        padding:0.2rem 0.15rem;
    }
    .nav-area .logo{
        padding: 0;
        margin-top: 0.2rem;
        margin-right: 0.2rem;
    }
    .nav-area .logo img{
        padding-top: 0px;
    }

}

@media only screen and (max-width:1024px) {
    .nav-area{
        padding-top: 0;
    }
    .nav-area .nav-list .right-area {
        position: fixed;
        top: 9px;
        right: calc(4% - 10px);
    }

    .nav-area .nav-list .left-area .cut-line,
    .nav-area .nav-list .left-area .nav-item:not(.menu-button){
        display: none;
    }

    .nav-area .nav-list .left-area .nav-item a {
        padding-left: 0;
        padding-right: 0;
    }

    .nav-area .pop-container .right-list>div a .iconfont {
        display: none;
    }
}

@media only screen and (max-width:1024px) {
    .nav-area {
        padding-bottom: 10px;
    }
    .nav-area .nav-list .menu-button{
        display: none;
    }
    .show-for-small-only {
        display: block !important;
    }

    .nav-area .nav-list .right-area {
        margin-right: 50px;
    }

    .nav-area .nav-list .right-area .iconfont {
        font-size: 30px;
    }

    .menu-button-phone {
        position: fixed;
        z-index: 150;
        transform: scale(2);
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        top: 25px;
        right: 5%;
    }
}
@media only screen and (max-width:768px){
    .nav-area .nav-list .right-area{
        margin-right: 45px;
        top: 6px;
    }
}

.nav-area {
    padding-left: 0;
    padding-right: 0;
}

/* .logo-area, */
.nav-list {
    width: 92% !important;
    margin: 0 auto;
}
@media only screen and (max-width:1024px){
    .nav-area .logo-area{
        width: 95% !important;
    }
    .nav-area .logo{
        padding-left: 0;
    }
}
.pop-list {
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -ms-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    background: url(../images/bg-repear.png) repeat;
    background-color: #413838;
}

.nav-area .pop {
    /* opacity: 1; */
    /* height: 0; */
    overflow: hidden;
}

.pop-list {
    /*opacity: 0;
    */
    transition: height 0.8s ease;
    -webkit-transition: height 0.8s ease;
    -moz-transition: height 0.8s ease;
    -ms-transition: height 0.8s ease;
    -o-transition: height 0.8s ease;
}

/* 页脚样式 */
.footer {
    position: relative;
    z-index: 2;
    margin: 0.84rem auto 0 auto;
    /* margin:0 auto; */
    padding: 0.6rem 0 0.5rem 0;
    background: url("../images/bg-repear1.png") repeat;
}

.footer::before {
    content: "";
    display: table;
}

.footer .footer-container {
    width: 92%;
    margin: 0 auto;
    max-width: 1440px;
}

.footer .links-area {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer .links-area>.left-area {
    width: 50%;
}
.footer .links-area>.left-area>.title{
    margin-bottom: 0.2rem;
    margin-left: 10px;
}

.footer .title {
    font-size: 14px;
    font-weight: bold;
}

.footer .links-area .foot-links-swiper .swiper-slide{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.footer .links-area .left-area .bg-img-container{
    height: 0;
    margin:0 0.08rem 0.16rem;
    width:calc(100% / 3 - 0.16rem);
    padding-top: calc(100% / 3 * 0.3728 - 0.16rem * 0.3728);
    border: 1px solid #ded9d3;
    background:rgba(236, 230, 221, 0.15)
}
.footer .links-area .left-area .bg-img-container>img{
    width:100%;height: 100%;
    padding:0.16rem 0.24rem;
    object-fit: contain;
}


.footer .links-area .foot-links-swiper  .foot-links-pagination{
    position: absolute;
    z-index: 2;
    bottom: calc(25% + 0.08rem);
    left:auto;
    right: 0;
    width:calc(100% / 3 );
    text-align: center;
    transform: translate3d(0,50%,0);
    -webkit-transform: translate3d(0,50%,0);
    -moz-transform: translate3d(0,50%,0);
    -ms-transform: translate3d(0,50%,0);
    -o-transform: translate3d(0,50%,0);
    padding:0;
}
.footer .links-area .foot-links-swiper  .foot-links-pagination .swiper-pagination-bullet{
    background:#947445;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


.footer .links-area .right-area {
    width: 50%;
    max-width: 50%;
    display: flex;
    justify-content: space-between;
    padding: 0 0.8rem;
}

.footer .links-area .quick-links {
    font-size: 14px;
}
.footer .links-area .quick-links+.right{
    position: relative;
    z-index: 2;
}

.footer .links-area .quick-links .title {
    padding: 0px 6px 6px;
}

.footer .links-area .quick-links li a {
    padding: 6px;
    color: #616161;
}

.footer .links-area .quick-links li a:hover {
    color: #947445;
}

.footer .links-area .share-area::after {
    content: "";
    display: block;
    clear: both;
}

.footer .links-area .share-area li {
    float: left;
    width: 34px;
    height: 34px;
    border: 1px solid #606060;
    color: #606060;
    font-size: 24px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    line-height: 34px;
    text-align: center;
    margin: 0.15rem 0.15rem 0 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    position: relative;
}

.footer .links-area .share-area li:hover {
    background: #606060;
    color: #fff;
}

.footer .links-area .share-area li a {
    color: unset
}

.footer .links-area .share-area li:hover .pop {
    display: block;
}

.footer .links-area .share-area li .pop {
    display: none;
    width: 180px;
    padding: 10px;
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    box-shadow: 0 0 10px 0 rgba(65, 56, 56, 0.2);
    background: #fff;
}

.footer .links-area .share-area li .pop img {
    width: 100%;
}

.footer .links-area .share-area li .pop::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    border: 16px solid transparent;
    border-top-color: #fff;
    transform: translate(-50%, 100%);
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
}






.footer .links-area .friend-links {
    margin-top: 0.6rem;
}

.footer .links-area .friend-links .selector-area {
    margin-top: 0.1rem;
    background: #ece6dd;
}

.footer .links-area .friend-links .selected-item {
    width: 3.6rem;
}


.footer .links-area .friend-links li,
.footer .links-area .friend-links .selected-item .selected-item-title {
    /* height: 0.43rem;
    line-height: 0.43rem; */
    height: 44px;
    line-height: 44px;
    padding: 0 0.24rem;
    font-size: 14px;
    color: #8a8a8a ;
}
.footer .links-area .friend-links .selected-item .selected-item-title{
    max-width: calc(100% - 40px);
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.footer .links-area .friend-links a {
    color: #8a8a8a ;
     overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.footer .links-area .friend-links .selected-item .pop-icon {
    /* height: 0.43rem;
    line-height: 0.43rem; */
    height: 44px;
    line-height: 44px;
    background: #947445;
    text-align: center;
    /* width: 0.43rem; */
    width: 44px;
    font-size: 20px;
}


.footer .links-area .friend-links ul {
    background: #fff;
    width: 100%;
    max-height: calc(44px * 5);
    overflow-x: hidden;
    overflow-y: auto;
}

.footer .links-area .friend-links li:hover {
    background: #ece6dd;

}

.footer .links-area .friend-links li:hover a {
    color: #947445;
}

.footer .legal {
    margin-top: 0.9rem;
    border-top: 1px solid #e5dfd6;
    display: flex;
    justify-content: space-between;
    padding-top: 0.2rem;
}

.footer .legal a:hover{
    color:#947445;
}
.footer .legal .left-area {
    width: 50%;
    max-width: 50%;
    font-size: 12px;
    color: #a29f9a;
}

.footer .legal,
.footer .legal a,
.footer .legal span {
    font-size: 12px;
    color: #a29f9a;
    line-height: 2;
}
.footer .legal a{
    display: inline;
}
.footer .legal .left-area .links {
    display: flex;
    justify-content: flex-start;
}

.footer .legal .left-area .links *+* {
    margin-left: 0.14rem;
}

.footer .legal .right-area {
    width: 50%;
    padding-left: 0.8rem;
}

@media only screen and (max-width:1200px) {
    .footer .links-area .left-area .brands-list li {
        width: calc(100% / 2 - 0.2rem);
    }
}

@media only screen and (max-width:1024px){
    .footer .links-area .left-area .bg-img-container{
        width: calc(100% / 2 - 0.16rem);
        padding-top: calc(100% / 2 * 0.3728 - 0.16rem * 0.3728);
    }
    .footer .links-area .foot-links-swiper .foot-links-pagination{
        width:50% !important;
        bottom: calc(100% / 6 + 0.08rem);
         left: 50%;
    }.footer .links-area .left-area .bg-img-container>img{
        padding:0.3rem 0.3rem;
    }
}


/* 侧边返回顶部栏 */
.side-button-area {
    display: none;
    position: fixed;
    z-index: 99;
    top: 50%;
    left: 4%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}

.side-button-area .container {
    padding: 25px 15px 15px;
    background: rgba(253, 253, 253, 0.8);
    display: flex;
    flex-direction: column;
    text-align: center;
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.15);
}

.side-button-area img {
    width: 40px;
}

.side-button-area .line {
    text-align: center;
    width: 1px;
    height: 20px;
    background: #947445;
    margin: 0.1rem auto;
}

.side-button-area .top {
    font-size: 16px;
    color: #947445;
    padding: 5px;
}

.side-button-area .menu {
    margin-top: 0.2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 12px;
    line-height: 1.1;
}

.side-button-area .menu .iconfont {
    font-size: 40px;
}
@media only screen and (max-width:1600px){
    .side-button-area{
        left:10px;
    }
}
@media only screen and (max-width:768px) {
    .side-button-area .container>*:not(.top) {
        display: none;
    }

    .side-button-area .container {
        padding: 0;
    }

    .side-button-area .top {
        padding: 15px 10px;
    }

    .side-button-area {
        left: auto;
        right: 10px;
        top: auto;
        bottom: 10px;
    }
}

/* 网站地图样式 */
.maps-area {
    /*display: none;
    */
    position: fixed;
    width: 100%;
    min-height: 100vh;
    background: #fff;
    z-index: 150;
    margin: 0 auto;
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transition: all 0.8s ease .2s;
    -webkit-transition: all 0.8s ease .2s;
    -moz-transition: all 0.8s ease .2s;
    -ms-transition: all 0.8s ease .2s;
    -o-transition: all 0.8s ease .2s;
}

.maps-area.show-area {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.maps-area .icon-area {
    width: 100%;
    max-width:100%;
    margin: 0 auto;
}

.maps-area .icon-area .inner-container {
    width: 92%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 28px auto;
}

.maps-area .icon-area .inner-container .logo {
    height: 0.56rem;
    min-width: 140px;
}

.maps-area .icon-area .inner-container .logo img {
    height: 100%;
}

.maps-area .icon-area .right-area a,
.maps-area .icon-area .right-area span {
    color: #947445;
    font-size: 14px;
}

.maps-area .icon-area .search-button,
.maps-area .icon-area .right-area {
    display: flex;
    align-items: center;
}
.maps-area .icon-area .right-area {
width:calc(100% - 140px);
justify-content: flex-end;
}
.maps-area .icon-area .right-area .search-button .iconfont{
    font-size: 24px;
}
.maps-area .icon-area .right-area .iconfont {
    font-size: 28px;
    margin-left: 10px;
}

.maps-area .icon-area .right-area .close-button {
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    border: 1px solid #dacebe;
    margin-left: 0.7rem;
    cursor: pointer;
    color:#947445;

}

.maps-area .maps-container {
    background: #f8f4ee;
    border-top: 1px solid #dacebe;
    overflow: auto;
    height: 100vh;
}

.maps-area .maps-container .inner-container {
    width: calc(92% + 0.6rem);
    margin: 0 auto;
    margin-bottom: 20vh;
    max-width: 1200px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.maps-area .maps-container .links-item {
    margin: 0.85rem 0.3rem 0 0.3rem;
    width: calc(100% / 4 - 0.6rem);
}

.maps-area .maps-container .links-item .title {
    background: #947445;

}

.maps-area .maps-container .links-item .title .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0.3rem;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.maps-area .maps-container .links-item .title .container .iconfont {
    font-size: 33px;
    line-height: 1;
    font-weight: 100;
}

.maps-area .maps-container .links-item ul {
    margin-top: 0.1rem;
}
.maps-area .maps-container .links-item ul>li{
    padding-left: 0.22rem;
}

.maps-area .maps-container .links-item a {
    font-size: 14px;
    padding: 6px 0 6px 0.3rem;
    position: relative;
}

.maps-area .maps-container .links-item a:hover {
    color: #947445;
}

.maps-area .maps-container .links-item li a::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #d8cdbe;
    position: absolute;
    top: 50%;
    left: 0.1rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

@media only screen and (max-width:1400px) {
    .maps-area .icon-area .inner-container .logo {
        height: 40px;
    }

    .maps-area .icon-area .right-area .close-button {
        width: 45px;
        height: 45px;
        min-width: 45px;
        line-height: 45px;
    }
}

@media only screen and (max-width:1024px) {
    .maps-area .maps-container .links-item {
        width: calc(100% / 3 - 0.6rem)
    }
    .maps-area .icon-area .inner-container{
        margin:20px auto;
    }
}

@media only screen and (max-width:768px) {
    .maps-area .maps-container .links-item {
        width: calc(100% / 2 - 0.6rem)
    }
    .maps-area{
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
    }
}

@media only screen and (max-width:480px) {
    .maps-area .maps-container .inner-container {
        width: 92%;
    }

    .maps-area .maps-container .links-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .maps-area .maps-container .links-item a{
        padding:10px 0 10px 0.4rem;
    }

}


.text-container {
    text-align: justify;
    /* text-align-last: left; */
}
.text-container img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin:0 auto;
}
.text-container video{
    margin:0 auto;
    width:100%;
    height: auto;
    object-fit: contain;
    background:#000;
}


/* 菜单图标样式 */

.btn-menu {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 12px;
    cursor: pointer;
}

.btn-menu span {
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background: #fff;
    -webkit-transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
    transition: top 0.2s 0.25s, opacity 0.2s 0.25s, -webkit-transform 0.2s 0s;
    -o-transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
    transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s;
    transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
    -moz-transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
    -ms-transition: top 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
}

.nav-area:hover .btn-menu span {
    background: #292929 !important;
}


.btn-menu-active span {
    -webkit-transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s;
    transition: background 0.2s, top 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.25s;
    -o-transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s;
    transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s;
    transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s, -webkit-transform 0.2s 0.25s;
    -moz-transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s;
    -ms-transition: background 0.2s, top 0.2s, opacity 0.2s, transform 0.2s 0.25s;
}

.btn-menu span:nth-child(1) {
    top: 0;
}

.btn-menu span:nth-child(2) {
    top: 5px;
}

.btn-menu span:nth-child(3) {
    top: 10px;
}

.btn-menu-active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.btn-menu span:nth-child(2) {
    top: 5px;
}

.btn-menu-active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.btn-menu-active span:nth-child(3),
.btn-menu-active span:nth-child(1) {
    top: 6px;
}

.btn-menu-active span:nth-child(2) {
    opacity: 0;
}

 .nav-area.inside .btn-menu span {
    background: #947445 !important
}

/* 搜索框 */
.nav-area .float-area {
    position: absolute;
    z-index: 10;
    right: 10px;
    bottom: -10px;
    transform: translate3d(150%, 100%, 0);
    -webkit-transform: translate3d(150%, 100%, 0);
    -moz-transform: translate3d(150%, 100%, 0);
    -ms-transform: translate3d(150%, 100%, 0);
    -o-transform: translate3d(150%, 100%, 0);
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
}

.nav-area .float-area.show {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);

}
.maps-area .float-area input,
.nav-area .float-area input {
    color: #fff;
    background: rgba(248, 244, 238, .2);
    border:1px solid #dacebe  !important;
    width: 300px;
    line-height: 40px;
    padding: 0 40px 0 14px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    font-size: 14px;
}
.maps-area .float-area input{
    /* border:1px solid #dacebe !important;  */
    width:250px;
    color:#947445 !important;
}
.maps-area .float-area{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.maps-area .float-area.show{
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
}
.maps-area .float-area:not(.show){
  transform: translate(0,-100px);
  -webkit-transform: translate(0,-100px);
  -moz-transform: translate(0,-100px);
  -ms-transform: translate(0,-100px);
  -o-transform: translate(0,-100px);
}
.maps-area .float-area{
    margin-right: 20px;
}

.maps-area .float-area .iconfont,
.nav-area .float-area .iconfont{
    color:#947445;
}
.maps-area .float-area .button,
.nav-area .float-area button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    height: 100%;
    width: 40px;
    background: transparent;
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.nav-area .float-area input:focus{
    background:#fff;
    color:#947445;
}

.nav-area .float-area input:focus+button .iconfont {
    color:#947445;
}


.nav-area .float-area input::-webkit-input-placeholder {
    color: #947445;
}

.nav-area .float-area input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #947445;
}

.nav-area .float-area input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #947445;
}

.nav-area .float-area input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #947445;
}


.nav-menu .float-area input:focus::-webkit-input-placeholder {
    color:#947445;

}

.nav-menu .float-area input:focus::-moz-placeholder {
    /* MoziFirefox 19+ */
    color:#947445;

}

.nav-menu .float-area input:focus:-moz-placeholder {
    /* MoziFirefox 4 to 18 */
    color:#947445;

}

.nav-menu .float-area input:focus:-ms-input-placeholder {
    /* Inte Explorer 10-11 */
    color:#947445;
}
@media only screen and (max-width:768px){
    .nav-area .float-area{
        bottom: -20px;
        right: -10px;
    }
    .maps-area .icon-area .right-area .search-button,
    .maps-area .float-area.show{
        display: none;
    }
}
@media only screen and (max-width:480px){
    .nav-area .float-area{
        right: 0px;
    }
    .nav-area .float-area input{
        width:200px;
    }
}
/* 内页通用banner样式 */
.banner.triangle,
.banner.small,
.banner.normal,
.banner.swiper-type {
    position: relative;
}

.banner.triangle .banner-pagination,
.banner.small .banner-pagination,
.banner.normal .banner-pagination {
    display: none !important;
}

.banner.normal.with-pagination .banner-pagination {
    display: block !important;
}

.banner.triangle+div {
    position: relative;
    z-index: 3;
}

.banner .bg-img-container {
    min-height: 350px;
}

.banner.normal .bg-img-container {
    /* padding-top: 44.27%; */
    padding-top: 36.46%;
}

.banner.small .title-area,
.banner.normal .title-area {
    z-index: 2;
    color: #fff;
    text-align: center;
    /* text-shadow: 0 0 0.2rem rgba(217, 215, 215, 0.95); */
}

.banner.small .title-area .chs-title,
.banner.normal .title-area .chs-title {
    font-size: 0.3rem;
    font-weight: bold;
}

.banner.small .title-area .eng-title,
.banner.normal .title-area .eng-title {
    font-size: 0.6rem;
}

.banner.normal .title-area .eng-title{
    color:rgba(255, 255, 255, .8)
}
.banner .breadcrumb {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 4;
    min-width: 9.1rem;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.banner .breadcrumb .home-icon {
    background: #947445;
    color: #fff;
    padding: 0.23rem 0.3rem;
    min-height: 48px;
    font-size: 24px;
}
.banner .breadcrumb  .bds_more{
    font-size: 24px;
    padding: 0.2rem 0.2rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin:10px !important;
}
.banner .breadcrumb>div:last-child{
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner .breadcrumb .share-icon {
    background: transparent;
    color: unset;
}

.banner .breadcrumb .links-selector {
    position: relative;
    width: 33.33%;
    line-height: 40px;
    cursor: pointer;
}

.banner .breadcrumb .links-list-area {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.banner .breadcrumb .links-selector {
    border-right: 1px solid #ebebeb;
}

.banner .breadcrumb .links-selector ul {
    position: absolute;
    top: 100%;
    background: #fff;
    width: 100%;
    left: -1px;
    border: 1px solid #ebebeb;
    display: none;
    overflow: hidden;
}
.banner .breadcrumb .links-selector:last-child ul{
    width: calc(100% + 2px);
}
.banner .breadcrumb .links-selector:first-child ul {
    left: 0px;
}

.banner .breadcrumb .links-selector:nth-child(2) ul {
    left: -1px;
    width: calc(100% + 2px);
}

.banner .breadcrumb .links-selector li>a {
    padding: 0.1rem 0.3rem;
}

.banner .breadcrumb .links-selector .iconfont {
    color: #3c3c3c;
}

.banner .breadcrumb .selected-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0.1rem 0.3rem;
    white-space: nowrap;
}

.banner .breadcrumb span {
    color: #292929;
}


.banner .breadcrumb .links-selector ul li:hover a {
    color: #947445;
}

.banner .breadcrumb .bdsharebuttonbox {
    display: flex;
}

.bdshare_popup_box,
.bdshare_popup_top,
.bdshare_popup_bottom,
.bdshare_popup_list {
    display: none !important;
}

@media only screen and (max-width:1200px) {
    .banner .breadcrumb {
        min-width: 600px;
    }

    .banner.small .title-area .chs-title,
    .banner.normal .title-area .chs-title {
        font-size: 24px;
        font-weight: bold;
    }
}
@media only screen and (max-width:768px) {

    .banner .breadcrumb {
        position: relative;
        width: 100%;
        min-width: 0 !important;
    }

    .banner .breadcrumb  .selector-area li,
    .banner .breadcrumb .selector-area .selected-item .selected-item-title{
        font-size: 14px;
    }

    .banner .breadcrumb .links-selector:not(:last-child){
        display: none;
    }
    .banner .breadcrumb .selected-item,
    .banner .breadcrumb .links-selector {
        width: 100%;
    }
    .banner .breadcrumb .home-icon{
        font-size: 20px;
    }
}

.banner.normal .swiper-pagination {
    display: block;
    text-align: left;
    width: 92%;
    max-width: 1200px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    bottom: 0.3rem;
}

.banner.normal .swiper-pagination .swiper-pagination-bullet {
    background: transparent;
    border: 2px solid #fff;
    width: 10px;
    height: 10px;
    opacity: 1;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    margin: 5px;
}

.banner.normal .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

/* 内页小版通用banner样式 */
.banner.small .bg-img-container {
    padding-top: 18.9%;
}

/* 内页三角形通用banner样式 */
.banner.triangle .bg-img-container {
    /* padding-top: 42.19%; */
    padding-top: 34.375%;
}

.banner.triangle::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 48%;
    height: 150%;
    background: #fff;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.banner.triangle::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 0;
    width: 16%;
    height: 50%;
    background: #fbf7f2;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.banner.triangle .title-area {
    z-index: 3;
    left: 14.58%;
    text-align: left;
    left: 14.58%;
    top:56%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
}

.banner.small .breadcrumb,
.banner.triangle .breadcrumb {
    display: none;
}

.banner.triangle .title-area .eng-title {
    font-size: 1rem;
    color: #947445;
}

.banner.triangle .title-area .chs-title {
    font-size: 0.3rem;
    font-weight: bold;
}

@media only screen and (max-width:1600px) {

    .banner.triangle .title-area .chs-title {
        font-size: 24px;
    }
}

@media only screen and (max-width:1024px) {
    .banner.triangle .title-area .eng-title {
        font-size: 40px;
    }
}

@media only screen and (max-width:768px) {
    .banner.triangle::before,
    .banner.triangle::after {
        display: none;
    }
    .banner.triangle .title-area{
        left:50%;
        text-align: center;
        transform: translate3d(-50%,-50%,0);
        -webkit-transform: translate3d(-50%,-50%,0);
        -moz-transform: translate3d(-50%,-50%,0);
        -ms-transform: translate3d(-50%,-50%,0);
        -o-transform: translate3d(-50%,-50%,0);
}
}

/* 内页轮播图通用banner样式 */
.banner.swiper-type .bg-img-container {
    padding-top: 66.64%;
}


/* 详情面面包屑样式 */
.breadcrumb-area.small-type {
    color: #8e8e8e;
    font-size: 14px;
}

.breadcrumb-area.small-type .iconfont {
    font-size: 12px;
}

.breadcrumb-area.small-type>* {
    display: inline-block;
}

.breadcrumb-area.small-type>a {
    padding: 5px;
}

.breadcrumb-area.small-type>a:hover,
.breadcrumb-area.small-type>a:last-child {
    color: #947445;
}

/* 返回列表样式 */
.show-all-button.with-menu {
    margin: 0.4rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.show-all-button.with-menu .button-container {
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #947445;
}

.show-all-button.with-menu .button-container span:nth-child(2) {
    margin: 0 0.7rem 0 0.1rem;
}

.show-all-button.with-menu .button-container .iconfont {
    font-weight: 500;
    font-size: 20px;
}




/* 查看更多通用样式 */
.show-more-button-container {
    text-align: center;
}

.show-more-button-container.left {
    text-align: left;
}

.show-more-button.default {
    display: inline-block;
    border: 1px solid #947445;
    padding: 0.1rem 0.2rem;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    color: #947445;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.show-more-button.default .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.show-more-button.default .container span{
    white-space: nowrap;
}
.show-more-button.default .container .iconfont {
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
    margin-left: 1.5rem;
}

.show-more-button.default:hover {
    background: #947445;
    color: #fff;
}

/* 查看详情 无边框样式 */
.href-container {
    color: #947445;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.href-container .iconfont {
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
    margin-left: 0.1rem;
}

/* 内页，通用样式 */
.details-area.default {
    width: 92%;
    max-width: 1200px;
    margin: 0.8rem auto 0;
}

/* 下拉框基本样式 */

.selector-area {
    position: relative;
    cursor: pointer;
}

.selected-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.selector-area li,
.selector-area .selected-item .selected-item-title {
    font-size: 16px;
    color: #4b4b4b ;
}

.selector-area .selected-item .selected-item-title {
    margin-right: 10px;
}


.selector-area .selected-item .pop-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.selector-area .selected-item .iconfont {
    font-size: 20px;
    display: block;
    color: #fff;
}

.selector-area ul {
    position: absolute;
    z-index: 2;
    background: #f8f4ee;
    width: 100%;
    display: none;
    overflow: hidden;
}

.selector-area li:hover {
    background: #ece6dd;
    color: #947445;
}

.unfold .selected-item .iconfont {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}
@media only screen and (max-width:480px){
    .selector-area .selected-item .selected-item-title{
        margin-right: 0;
    }
}
/* 搜索框基本样式 */
.search-area {
    position: relative;
}

.search-area input {
    border: none;
    outline: none;
    background: transparent;
}

.search-area button {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: 100%;
    background: transparent;
}

.search-area button .iconfont {
    font-size: 20px;
}

/* 时间选项框样式 */
.selector-area.time-selector .selected-item .iconfont {
    color: #947445;
}

/* 分页选项样式 */
.all-Page-box {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.all-Page-box a {
    padding: 0 10px;
    font-weight: bold;
    color:#9a9a9a;
}
.all-Page-box a:hover{
    color:#947445;
}
.all-Page-box .select{
    display: none;
}
.all-Page-box .select select,
.all-Page-box .song {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #dbdbdb;
    margin: 0 10px;
    background: #fff;
    font-family: 'SimSun';
    color:#947445;
}

.all-Page-box .select select {
    width: auto;
    padding: 0 5px;
}

.all-Page-box .song:not(.null):hover {
    background: #947445;
    color:#fff;
}

.all-Page-box .song:not(.null):hover .iconfont {
    color: #fff;
}

.all-Page-box .song.null .iconfont {
    color: #979797;
}

.all-Page-box .song .iconfont,
.all-Page-box .btn.on {
    color: #947445;
}

.all-Page-box .f-right {
    display: none;
}



.image-preview-full-screen {
    opacity: 0;
    position: fixed;
    z-index: 102;
    width: 100%;
    height: calc(100% + 2px);
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.95)
}

.image-preview-full-screen .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-preview-full-screen .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.image-preview-full-screen .close-button {
    position: absolute;
    z-index: 103;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 30px;
    padding: 10px;
    cursor: pointer;
}


.image-preview-full-screen .swiper-button-prev,
.image-preview-full-screen .swiper-button-next {
    color: #fff !important;
    font-size: 0.4rem;
    margin: 0 0.3rem;
    position: absolute !important;
}

.image-preview-full-screen .swiper-button-prev::after {
    display: none !important;
}