@charset "utf-8";
*{padding:0;margin:0;list-style:none;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: "Times New Roman", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; image-rendering: -webkit-optimize-contrast;}
body{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;color:#fff;line-height:100%;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-size: .24rem;}
em,address,i{font-style:normal}
a{color:#fff;text-decoration:none;cursor: pointer;}
a img{border:none;}
img{vertical-align:middle;max-width: 100%;}
img {
image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:-webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode:nearest-neighbor;
}
input, button, select, textarea {
outline: none;
-webkit-appearance: none;border-radius: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
input[type="number"] {
 -moz-appearance: textfield;
}
table{ width: 100%; border-collapse:collapse; table-layout: fixed;}

::-webkit-scrollbar {
/*滚动条整体样式*/
width: .06rem; /*高宽分别对应横竖滚动条的尺寸*/
}
::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
background: rgba(174, 146, 107, .3);
}
::-webkit-scrollbar-track {
/*滚动条里面轨道*/
/* border-radius: .1rem; */
background: transparent;
}

.scrollBar::-webkit-scrollbar {
/*滚动条整体样式*/
width: .06rem; /*高宽分别对应横竖滚动条的尺寸*/
}
.scrollBar::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: .1rem;
background: #e0a8a8;
/* box-shadow: 0 0 0 .022rem rgba(0, 0, 0, 1) inset; */
}
.scrollBar::-webkit-scrollbar-track {
/*滚动条里面轨道*/
border-radius: .1rem;
background: transparent;
/* box-shadow: 0 0 0 .022rem rgba(0, 0, 0, 1) inset; */
}
.scrollBar{ scrollbar-color: #6d6d6d #dad7d7; /* 滑块颜色  滚动条背景颜色 */ scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */} /*火狐滚动条样式*/

html{font-size: 13.3334vw;}
@media screen and (min-width: 750px) {
    html{
        font-size: 100px;
    }
}
html{ height: 100%;}
body{
    position: relative; height: 100%;
}
.container{position: relative; z-index: 1; height: 100%; padding: .7rem 0 0; overflow: hidden; margin: 0 auto; color: #000; display: flex; justify-content: center; align-items: center;}

.header{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: .7rem; overflow: hidden; display: flex; justify-content: space-between; align-items: center; background: #000;}
.logo{ width: 1.55rem; margin: 0 .24rem;}
.logo img{ width: 100%; max-width: auto;}
.campaign{ width: 1.95rem;}
.btn-download img,
.btn-campaign img{ width: 1.95rem; max-width: none;}
.nav{ position: relative; display: flex; height: 100%; margin: 0 .36rem 0 auto;}
.nav a{ position: relative; display: flex !important; justify-content: center; align-items: center; width: 2.02rem; height: 100% !important; margin: 0 -.14rem !important; font-size: .24rem; color: #ae926b; text-transform: uppercase; font-style: italic; background: transparent !important; opacity: 1 !important; transition: ease .3s;}
.nav a::before,
.nav::after{ content: ""; position: absolute; top: -.04rem; left: .14rem; bottom: -.04rem; z-index: -2; border-left: solid .02rem #746346; transform: rotate(19deg);}
.nav::after{left: auto; right: -.02rem;}
.nav a:hover,
.nav a.curr,
.nav a.swiper-pagination-bullet-active{ color: #fff; font-size: .28rem;}
.nav a::after{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: url(../images/nav-curr.png) no-repeat; background-size: 100% 100%; transition: opacity ease .3s; opacity: 0;}
.nav a:hover::after,
.nav a.curr::after,
.nav a.swiper-pagination-bullet-active::after{ opacity: 1;}

.pageSwiper{ position: relative; width: 100%; height: 100%;}
.pageSwiper > .swiper-wrapper > .swiper-slide{ display: flex; align-items: center;}

.w1200{ width: 12rem; margin: 0 auto;}

.home{ position: relative; background: url(../images/home-bg.jpg) center no-repeat; background-size: cover;}
.home::before{ content: ""; position: absolute; top: .02rem; right: .02rem; bottom: .02rem; left: .02rem; border: 20px solid transparent; border-image: url("../images/home-border.png") 20 round stretch;}
.home-welt{ position: absolute; bottom: -.34rem; left: .16rem; z-index: 1; width: 1.46rem; height: .98rem; background: url(../images/home-welt.png) no-repeat; background-size: contain;}
.home-box{ position: absolute; bottom: -.1rem; left: 50%; width: 8.02rem; height: 5.4rem; margin: 0 0 0 -3.94rem; background: url(../images/home-img.png?0724) no-repeat; background-size: contain;}
.btn-app{ position: absolute; top: 3rem; left: 3.46rem; width: 1.6rem; height: .5rem;;}
/* .btn-app{ position: absolute; top: 3.14rem; left: 2.18rem; width: 1.6rem; height: .5rem;;} */
.btn-gg{ position: absolute; top: 3.54rem; left: 3.46rem; width: 1.6rem; height: .5rem;}
/* .btn-gg{ position: absolute; top: 3.66rem; left: 2.18rem; width: 1.6rem; height: .5rem;} */
.btn-reserve{ position: absolute; top: 2.74rem; left: 4.1rem; width: 2.1rem; height: 1.6rem;}
.btn-video{ position: absolute; top: 1.76rem; left: 1rem; width: .56rem; height: .56rem;}
.language{ position: absolute; top: .4rem; right: .86rem; width: 1.25rem; height: .35rem; padding: 0 .14rem .04rem 0; display: flex; align-items: center; justify-content: center; background: url(../images/language.png) no-repeat; background-size: contain; color: #fff; font-size: .22rem; text-align: center; letter-spacing: 0; cursor: pointer;}
.language .list{ position: absolute; top: 100%; left: 0; right: 0; height: 1.18rem; display: flex; flex-direction: column; margin: -.08rem 0 0; padding: .1rem 0 .08rem; background: url(../images/language-list.png) no-repeat; background-size: contain;}
.language .list li{ flex: 1; display: flex; align-items: center; justify-content: center;}
.language .list li:first-child{ font-family: Arial, Helvetica, sans-serif;}
.language .list li.curr{ color: #ffd782; pointer-events: none;}

.hide{ display: none !important;}
.disable{ -webkit-filter: grayscale(100%); filter: grayscale(100%); cursor: default;}

.sidebar{ position: absolute; z-index: 10; top: 45%; right: 0; width: .82rem; height: 3.11rem; display: flex; justify-content: center; background: url(../images/sidebar.png) no-repeat; background-size: contain; transform: translateY(-50%); transition: ease .3s;}
.btn-switch{ flex: 1; height: 1.44rem;}
.sidebar-list{ width: .46rem; margin: .06rem 0 0; display: flex; flex-direction: column;}
.sidebar-list a{ height: .48rem;}
.sidebar.off{ right: -.46rem;}

.maintitle{ position: relative; height: .7rem; display: flex; align-items: flex-end; justify-content: space-between; background: url(../images/maintitle-bg.png) left bottom no-repeat; background-size: 100% auto;}
.maintitle::before{ content: ""; position: absolute; bottom: 0; right: 100%; width: 9999rem; height: .12rem; background: url(../images/maintitle-lengthen.png) repeat-x; background-size: auto 100%;}
.maintitle h1{ padding: 0 0 .2rem 1.56rem; font-size: .48rem; font-weight: bold; color: #b39262; letter-spacing: .02rem;}
.maintitle h1 img{ height: .34rem;}
.tab-list{ position: relative; margin: 0 0 .02rem; padding: 0 .46rem 0 .8rem; height: .42rem; display: flex; background: #dadada;}
.tab-list::before{ content: ""; position: absolute; right: 100%; bottom: 0; width: 0; border-top: .21rem solid transparent; border-left: .1rem solid transparent; border-right: solid .1rem #dadada; border-bottom: solid .21rem #dadada;}
.tab-list a{ position: relative; display: flex; align-items: center; padding: 0 .14rem; color: #130a0f; font-size: .18rem; transition: ease .3s;}
.tab-list a::before{ content: ""; position: absolute; left: 0; width: .02rem; height: .02rem; transform: translateX(-50%); background: #130a0f;}
.tab-list a.curr,
.tab-list a:hover{ color: #fff; background: #b39262;}
.tab-list a.curr::before,
.tab-list a.curr + a::before{ background: #fff;}

.news{ position: relative; background: url(../images/news-bg.jpg) center no-repeat; background-size: cover;}
.news-main{ display: flex; flex-direction: column; justify-content: flex-start; height: 5.4rem; overflow-y: auto; margin: .36rem 0 0;}
.news-item{ display: flex; justify-content: space-between; align-items: center; width: 11.26rem; height: 1.38rem; padding: .16rem .94rem .14rem 1.34rem; margin: 0 auto; background: url(../images/news-item-news.png) no-repeat; background-size: 100% auto; cursor: pointer; color: #666; line-height: 1;}
.news-item-info{ height: 100%; width: 5.1rem; display: flex; flex-direction: column; justify-content: space-between;}
.news-item .title{ text-transform: uppercase; font-size: .22rem; font-weight: normal; color: #130a0f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-item .desc{ height: 2.6em; overflow: hidden; font-size: .2rem; line-height: 1.3; display: -webkit-box; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}
.news-item .date{ font-size: .15rem;}
.news-item-img{ width: 2.28rem; height: 1.04rem; overflow: hidden;}
.news-item-img img{ width: 100%; height: 100%; object-fit: cover;}
/* .news-item:hover .news-item-img img{ transform: scale(1.1);} */
.news-item.item-event{ background-image: url(../images/news-item-event.png);}
.news-item.item-notice{ background-image: url(../images/news-item-notice.png?2);}
.news-item + .news-item{ margin-top: .24rem;}
.btn-loadmore{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 8.54rem; height: .32rem; margin: .44rem auto 0; color: #fff; font-size: .18rem; text-transform: uppercase; background: #b39262;}
.btn-loadmore:hover{ color: #130a0f; background: #dadada;}
.news-detail{ display: flex; flex-direction: column; justify-content: space-between; width: 10.07rem; height: 100%; padding: .9rem 0 .4rem;}
.btn-back{ width: 1.03rem; height: .24rem; margin: 0 0 .12rem; background: url(../images/btn-back.png) no-repeat; background-size: contain;}
.news-detail-main{ flex: 1; display: flex; flex-direction: column; overflow: hidden; padding: .14rem .1rem .2rem .54rem; background: url(../images/news-detail-news.png) left top no-repeat #fff; background-size: 100% auto; box-shadow: 0 .02rem #dadada; color: #666;}
.news-detail-notice{ background-image: url(../images/news-detail-notice.png?2);}
.news-detail-event{ background-image: url(../images/news-detail-event.png);}
.news-detail-main .title{ font-size: .3rem; color: #130a0f; line-height: 1.1; text-transform: uppercase;}
.news-detail-main .date{ margin: .2rem 0; font-size: .18rem; line-height: 1;}
.news-detail-content{ flex: 1; overflow-x: hidden; overflow-y: auto; padding: 0 .2rem 0 0; line-height: 1.5;}
.news-detail-content img{ height: auto !important;}

.characer{ position: relative; overflow: hidden; background: url(../images/characer-bg.jpg) center no-repeat; background-size: cover;}
.characer-title{ position: relative; left: -3.6rem; width: 5.03rem; height: .55rem; display: flex; align-items: flex-end; justify-content: space-between; background: url(../images/characer-title.png) left bottom no-repeat; background-size: 100% auto;}
.characer-title::before{ content: ""; position: absolute; bottom: .14rem; right: 100%; width: 9999rem; height: .12rem; background: url(../images/maintitle-lengthen.png) repeat-x; background-size: auto 100%;}
.characer-m{ position: relative; z-index: 1; left: -2.15rem; width: 16.2rem; height: 5.84rem; margin: .44rem auto 0;}
.characer-m::before{ content: ""; position: absolute; z-index: -1; top: -3.04rem; left: 3.6rem; width: 11.35rem; height: 10.97rem; background: url(../images/characer-aperture.png) no-repeat; background-size: contain; }
.characerSwiper{ position: relative; width: 10.85rem; height: 100%; margin: 0; overflow: visible;}
.characerSwiper .bg{ width: 100%; height: 100%;}
.characerSwiper .pic{ position: absolute; top: -.56rem; right: -1.5rem; width: 5.08rem; opacity: 0; transform: translateX(-1rem); transition: opacity .6s, transform .6s ease-out;}
.characerSwiper .info{ position: absolute; z-index: 3; top: 1.04rem; left: 1.28rem; height: 3.69rem; opacity: 0; transform: translateX(1rem); transition: opacity .6s, transform .6s ease-out;}
.characerSwiper .btn-audio{ position: absolute; z-index: 4; top: 1.88rem; left: 3.26rem; width: .4rem; height: .4rem;}
.characer-item{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .6s;}
.characer-item.item1 .pic{ top: -.88rem; right: -1.94rem; width: 8.29rem;}
.characer-item.item2 .pic{ top: -.74rem; right: -2.74rem; width: 9.89rem;}
.characer-item.item3 .pic{ top: -.64rem; right: -1.02rem; width: 5.03rem;}
.characer-item.item4 .pic{ top: -.62rem; right: -2.9rem; width: 7.98rem;}
.characer-item.item5 .pic{ top: -1.32rem; right: -3.88rem; width: 10.24rem;}
.characer-item.item6 .pic{ top: -.66rem; right: -.9rem; width: 5rem;}
.characer-item.item7 .btn-audio{ left: 4.44rem;}
.characer-item.item7 .pic{ top: -.56rem; right: -1.5rem; width: 5.08rem;}
.characer-item.active{ z-index: 10; opacity: 1;}
.characer-item.active .pic,
.characer-item.active .info{ opacity: 1; transform: translateX(0);}
.characerTab{ position: absolute; z-index: 10; top: -.96rem; right: .92rem; height: 6.8rem; display: flex; flex-direction: column;}
.characerTab-item{ position: relative; width: .71rem; height: .71rem; margin: .25rem 0 0; cursor: pointer;}
.characerTab-item.item2,
.characerTab-item.item5{ left: -.1rem;}
.characerTab-item.item3,
.characerTab-item.item6{ left: -.35rem;}
.characerTab-item.item4,
.characerTab-item.item7{ left: -.8rem;}
.characerTab-item .normal,
.characerTab-item .big{ position: absolute; top: 50%; left: 50%; margin: -.355rem 0 0 -.355rem; width: .71rem; transition: transform ease .5s;}
.characerTab-item .big{ opacity: 0;}
.characerTab-item.active .normal{ opacity: 0;}
.characerTab-item.active .big{ opacity: 1;}
.characerTab-item.active .big{ transform: scale(2);}

.story{ position: relative; background: url(../images/story-bg.jpg) center no-repeat; background-size: cover;}
.story-title{ margin: .3rem auto; font-size: .32rem; color: #666; font-weight: normal; letter-spacing: .03rem; text-align: center;}
.story-m{ display: flex; width: 10.96rem; height: 4.99rem; padding: .5rem .6rem; margin: 0 auto; background: url(../images/story-m.png) no-repeat; background-size: contain;}
.story-content{ flex: 1; overflow-x: hidden; overflow-y: auto; font-size: .24rem; color: #010101; line-height: 1.4; letter-spacing: .02rem;}

.gallery{ position: relative; background: url(../images/gallery-bg.jpg) center no-repeat; background-size: cover;}
.gallery .tab-list{ padding-left: .3rem;}
.gallery-m{ position: relative; display: flex; justify-content: center; min-height: 5.8rem; margin: .54rem 0 0;}
.gallery-m::before{ content: ""; position: absolute; top: .2rem; left: -.14rem; width: 1.41rem; height: 5.58rem; background: url(../images/gallery-welt.png) no-repeat; background-size: contain;}
.gallery-content{ position: relative; display: flex; width: 8.94rem;}
.gallery-list{ display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; width: 100%; height: 5.92rem;}
.gallery-item{ width: 4.38rem; height: 2.8rem; margin: .16rem 0 0; transition: ease .3s; cursor: pointer; outline: .02rem solid #fff;}
.gallery-item img{ width: 100%; height: 100%; object-fit: cover;}
.gallery-item:hover{ border-radius: .02rem; outline: .04rem solid #fff; box-shadow: 0 0 .26rem .06rem #b39262;}
.gallery-item2{ position: relative; width: 4.38rem; height: 2.8rem; overflow: hidden; margin: .16rem 0 0; transition: ease .2s; cursor: pointer;}
.gallery-item2 img{ width: 100%; height: 100%; object-fit: cover; transition: .5s transform;}
.gallery-item2::before{ content: ''; position: absolute; width: 1.41rem; height: 1.41rem; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); background: url(../images/gallery-video-icon.png) no-repeat; background-size: 100% 100%;}
.gallery-item2::after{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 1; background: #000; opacity: .6; top: 0; left: 0; transition: .5s all;}
.gallery-item2:hover::after{ opacity: .2; }
.gallery-item2:hover img{ transform: scale(1.1);}
.gallery-pagination{ position: absolute; bottom: 0; right: -.46rem; display: flex; flex-direction: column;}
.btn-pre,
.btn-next{ display: inline-block; width: .28rem; height: .74rem; margin: .02rem 0 0; background: url(../images/btn-pre.png) no-repeat; background-size: contain;}
.btn-next{ transform: scaleY(-1);}

/* 弹窗 */
.pop{display: none; position: absolute; top:50%; left: 50%;  width: 10rem !important; height: 6rem !important;
    /* -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); */
 color: #010101; text-align: center;font-size: .24rem; line-height: 1.2;}
.pop .b-close{position: absolute; top: -.6rem; right: -.7rem; z-index:100; width: .6rem; height: .6rem;cursor:pointer; background: url(../images/pop-close.png) no-repeat;background-size: contain; border-radius: 50%;}

.pop-prompt{ width: 5rem !important; height: 3rem !important; background: #fff; border-radius: .2rem;}
.pop-m{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: .2rem 10%;}

.pop-video .video-m{ display: flex; justify-content: center; align-items: center; overflow: hidden; width: 100%; height: 100%; box-shadow: 0 0 .1rem #000; background: #000;}
.pop-video iframe{ width: 100%; height: 100%;}
/* .pop-video .load::before{ content: 'Loading...'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: .24rem; color: #fff;} */

.pop-picture{ width: 100% !important; height: 100% !important; pointer-events: none;}
.picture-m{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.picture-m img{ max-width: 70%; max-height: 80%; pointer-events: all;}