@charset "UTF-8";
*, *:before, *:after { box-sizing: border-box; outline: none; word-wrap: break-word; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: inherit; -webkit-tap-highlight-color: transparent; letter-spacing: 1px; user-select: none; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; width: 100%; background: #fff; font: 16px/1.1 "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; color: #000C21; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .5s ease; transition: all .5s ease; color: #000C21; }

a:hover, a:focus, a:active { text-decoration: none; outline: none; }

b, i { font-weight: inherit; font-style: normal; }

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

img { max-width: 100%; border: 0; object-fit: cover; display: block; -webkit-user-drag: none; }

a img { -webkit-transition: all .5s ease; transition: all .5s ease; }

input, textarea { border: 0; background: none; outline: none; resize: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }

.cover { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 24; }

.product-cover { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 24; }

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

.cl, .clearfix { zoom: 1; }

.fl { float: left !important; }

.fr { float: right !important; }

.xs-display { display: none !important; }

.lg-display { display: block !important; }

.text-c { text-align: center; }

@font-face { font-family: "CAI978"; src: url("../fonts/CAI978.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "ProN"; src: url("../fonts/pronRegular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

.swiper-horizontal { --swiper-theme-color: #ffffff; /* 设置Swiper风格 */ }

.c-fontCAI978 { font-family: "CAI978"; }

/* IE低版本提示 */
.pageTips { width: 100%; height: 100%; background: #f8f8f8; position: fixed; left: 0; top: 0; z-index: 1000; }

.pageTips .con { width: 640px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.pageTips .con svg { width: 100px; height: 100px; margin: 0 auto; fill: orangered; display: block; }

.pageTips .con .msg { font-size: 18px; line-height: 36px; padding-top: 10px; color: #000; }

.fancybox__track { align-items: center; }

.fancybox__slide { height: 70%; }

.container { width: 72.9%; margin: 0 auto; position: relative; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

@keyframes mouse { 0% { transform: translateY(0px); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(0px); } }

@keyframes rotateCircle { 0% { transform: rotate(0deg);
    transform-origin: center center; }
  100% { transform: rotate(360deg);
    transform-origin: center center; } }

@keyframes lineAni { 0% { width: 110%;
    opacity: 1; }
  100% { width: 80%;
    opacity: 0; } }

.lineAnimate { animation: lineAni .6s linear; }

.h5msg { width: 100%; height: 100%; z-index: 1000; background: #fff; position: fixed; left: 0; top: 0; text-align: center; display: none; }

.h5msg .icon { fill: #10AEFF; width: 2rem; height: 2rem; margin: 30% auto 0.3rem; }

.h5msg h2 { font-size: 0.38rem; line-height: 0.6rem; }

.btn-video { width: 0.98rem; height: 0.98rem; display: flex; justify-content: center; align-items: center; margin: 0 auto; overflow: hidden; position: relative; }

.btn-video::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/index/bg-video-btn.png") center center no-repeat; background-size: cover; animation: rotateCircle 5s linear infinite; }

.btn-video span { display: flex; width: 0.7rem; height: 0.7rem; border-radius: 50%; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.4); }

.btn-video span i { color: #fff; font-size: 0.3rem; transition: all .3s ease; }

.btn-video:hover span i { font-size: 0.33rem; }

.wrap { overflow: hidden; height: auto; }

.bg-a { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.bg-a .bg-box { height: 100%; }

.bg-a img { width: 100%; height: 100%; }

.header { width: 100%; position: fixed; top: 0; left: 0; transition: background 0.3s cubic-bezier(0.23, 1, 0.32, 1); z-index: 10; }

.header:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; }

.header .container { display: flex; justify-content: flex-end; align-items: center; width: 80%; }

.header .logo { width: 1.69rem; height: 0.9rem; background: url(../images/logo.png) no-repeat center center/100%; display: block; margin-right: auto; transition: none; }

.header .nav { display: flex; align-items: center; }

.header .nav .item { display: inline-block; height: 1.1rem; line-height: 1.1rem; font-size: 0.17rem; color: #fff; padding: 0 0.18rem; position: relative; cursor: pointer; letter-spacing: 2px; transition: none; }

.header .nav .item:before { content: ""; background: #FAF7F5; bottom: 0; height: 1px; right: 0; position: absolute; transform: scaleX(0); transform-origin: left top; transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); width: 100%; }

.header .nav .item:first-child { margin-left: 0; }

.header .nav .item.lang { margin-left: 0.6rem; }

.header .nav .item .mnav { opacity: 0; border-radius: 0.05rem; padding: 0; position: absolute; width: 3.7rem; padding: 0.1rem 0; left: 50%; margin-left: -1.85rem; top: 1.3rem; background-color: #fff; z-index: -10; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); pointer-events: none; }

.header .nav .item .mnav a.a { display: block; line-height: 0.45rem; color: #000; font-size: 0.16rem; text-align: center; opacity: .8; transition: all .6s ease; }

.header .nav .item .mnav a.a:hover, .header .nav .item .mnav a.a.active { color: #000; opacity: 1; font-weight: bold; }

.header .nav .item:hover:before { transform: scaleX(1); }

.header .nav .item:hover .mnav { z-index: 1; top: 1.09rem; opacity: 1; pointer-events: all; }

.header .other { display: flex; justify-content: space-between; margin-left: 0.2rem; }

.header .other .item { font-size: 0.16rem; color: #fff; display: flex; align-items: center; cursor: pointer; margin-left: 0.35rem; position: relative; padding-left: 0.35rem; }

.header .other .item:before { content: ""; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; top: 0; }

.header .other .item i { font-size: 0.22rem; color: #fff; }

.header .other .item.lang i { font-size: 0.16rem; margin-left: 0.05rem; }

.header.white { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08); }

.header.white:before { display: none; }

.header.white .logo { background-image: url(../images/logo1.png?v=1); }

.header.white .nav .item { color: #000; }

.header.white .nav .item:before { background: #ffffff; }

.header.white .other .item { color: #000; }

.header.white .other .item:before { background: rgba(0, 0, 0, 0.1); }

.header.white .other .item i { color: #000; }

.header.white .menu { border-color: rgba(0, 0, 0, 0.1); }

.header.white .menu i { color: #000; }

.header-menu { display: none; }

.search-box { width: 100%; height: auto; overflow: hidden; position: fixed; right: 0; top: 0.9rem; display: none; z-index: 88; }

.search-box .container { width: 90.5%; }

.search-box .box { height: auto; width: 3.5rem; padding: 0.1rem; background: rgba(0, 0, 0, 0.5); float: right; display: flex; align-items: center; }

.search-box .box input { width: 90%; height: 0.4rem; padding: 0 0.2rem; font-size: 0.16rem; color: #fff; }

.search-box .box .search-btn { width: 10%; display: block; }

.search-box .box .search-btn svg { width: 0.26rem; fill: rgba(255, 255, 255, 0.5); }

.coverBox { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #000; display: none; align-items: center; justify-content: space-around; z-index: -100; opacity: 0; }

.coverBox.active { z-index: 1000; opacity: 1; display: flex; }

.coverBox .cover-cont { width: 40%; border: 1px solid #959595; position: relative; color: #fff; padding: 0.53rem 0 0.24rem; }

.coverBox .cover-cont h2 { font-size: 0.18rem; background-color: #000; position: absolute; left: 0; right: 0; margin: auto; top: -0.09rem; z-index: 10; width: 2.5rem; text-align: center; }

.coverBox .cover-cont h3 { text-align: center; font-size: 0.19rem; }

.coverBox .cover-cont .btns { display: flex; align-items: center; justify-content: space-between; width: 4rem; margin: 0.3rem auto 0.4rem; }

.coverBox .cover-cont .btns span { width: 1.86rem; height: 0.46rem; border: 1px solid #959595; font-size: 0.13rem; text-align: center; line-height: 0.44rem; cursor: pointer; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.coverBox .cover-cont .btns span:hover { background-color: #fff; color: #000; border-color: #fff; }

.coverBox .cover-cont p { text-align: center; font-size: 0.12rem; }

.coverBox .cover-cont::after { content: ''; position: absolute; width: 4px; height: 4px; background: #ff0; border-radius: 50%; box-shadow: 0 0 4px #ff0; animation: borderRun 10s linear infinite; }

@keyframes borderRun { 0% { top: -2px;
    left: -2px; }
  25% { top: -2px;
    left: calc(100% - 2px); }
  50% { top: calc(100% - 2px);
    left: calc(100% - 2px); }
  75% { top: calc(100% - 2px);
    left: -2px; }
  100% { top: -2px;
    left: -2px; } }

.main { position: relative; z-index: 0; }

.title-box { width: 100%; margin: 0 auto 0.8rem; display: flex; justify-content: space-between; align-items: flex-end; }

.title-box .l h2 { font-size: 0.4rem; position: relative; padding-bottom: 0.2rem; display: inline-flex; }

.title-box .l h2:before { content: ""; width: 100%; height: 2px; background: linear-gradient(90deg, #096 0%, #905d2e 53.68%, #f93 100%); position: absolute; left: 0; bottom: 0; }

.title-box .l h3 { font-size: 0.6rem; margin-top: 0.1rem; color: transparent; -webkit-text-stroke: 1px #FF9933; margin-top: 0.15rem; text-transform: uppercase; }

.title-box .l p { font-size: 0.18rem; color: #333; line-height: 0.3rem; margin-top: 0.2rem; }

.title-box .r { width: 8.4rem; }

.title-box .r p { font-size: 0.18rem; line-height: 0.32rem; color: #fff; }

.title-box .r .common-btn { margin-top: 0.4rem; }

.title-box.white .l h2, .title-box.white .l p { color: #fff; }

.title-box1 { width: 100%; margin: 0 auto 0.5rem; display: flex; justify-content: space-between; align-items: flex-end; }

.title-box1 .l h3 { font-size: 0.24rem; margin-bottom: 0.1rem; color: #ffffff; }

.title-box1 .l h2 { font-size: 0.52rem; }

.title-box1 .l p { font-size: 0.18rem; color: #333; line-height: 0.3rem; margin-top: 0.2rem; }

.title-box1 .r p { font-size: 0.18rem; line-height: 0.32rem; color: #fff; }

.title-box1 .r .common-btn { margin-top: 0.4rem; }

.title-box1.tc { text-align: center; justify-content: center; }

.title-box1.white .l h3, .title-box1.white .l h2, .title-box1.white .l p { color: #fff; }

.common-btn { width: 2rem; height: 0.66rem; font-size: 0.18rem; color: #fff; display: flex; align-items: center; justify-content: center; position: relative; background: #ffffff; cursor: pointer; border-radius: 0.5rem; margin: 0.4rem auto 0; }

.common-btn i { font-size: 0.3rem; color: #fff; margin-left: 0.2rem; position: relative; z-index: 1; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.common-btn:hover i { margin-left: 0.3rem; }

.common-btn.common-btn1 { background: #ffffff; }

.Index .banner { width: 100%; height: calc(100vh); position: relative; overflow: hidden; z-index: 0; }

.Index .banner .swiper-slide { position: relative; }

.Index .banner .swiper-slide img, .Index .banner .swiper-slide video { width: 100%; height: 100%; object-fit: cover; }

.Index .banner .swiper-slide video { transform: scale(1.5); }

.Index .banner .swiper-slide .img { position: absolute; z-index: 2; top: 20%; width: 5.5rem; left: calc(50% - 2.75rem); }

.Index .banner .mask { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; z-index: 1; opacity: 0; }

.Index .banner .t { position: absolute; left: 0; right: 0; top: 30%; z-index: 3; overflow: hidden; text-align: center; }

.Index .banner .t .t-box { display: inline-block; position: relative; padding-bottom: 0.1rem; }

.Index .banner .t .t-box-text { transition: all 2s cubic-bezier(0.23, 1, 0.32, 1); transform: translateY(100%); }

.Index .banner .t .t-box-text h2 { font-size: 0.9rem; text-align: center; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.3rem; }

.Index .banner .t .t-box-text p { font-size: 0.36rem; color: rgba(255, 255, 255, 0.8); text-align: center; font-family: "ProN"; }

.Index .banner .t .t-line { position: absolute; height: 1px; background-color: #FAF7F5; bottom: 0; width: 110%; left: 50%; transform: translateX(-50%); opacity: 0; transform-origin: center; }

.Index .banner .tool { height: 0.2rem; position: absolute; left: 6.25%; bottom: 0.8rem; display: flex; z-index: 2; align-items: center; }

.Index .banner .tool .iconfont { font-size: 0.16rem; color: rgba(255, 255, 255, 0.8); cursor: pointer; }

.Index .banner .tool .swiper-pagination { width: auto; height: 0.2rem; left: auto; bottom: 0; display: flex; align-items: center; z-index: 11; position: relative; justify-content: center; margin: 0 0.4rem; }

.Index .banner .tool .swiper-pagination .swiper-pagination-bullet { width: 2px; height: 50%; opacity: 1; margin: 0 0.05rem; position: relative; background: #fff; border-radius: 0; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Index .banner .tool .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 100%; }

.Index .banner .mouse-scroll { width: 0.3rem; height: 0.3rem; position: absolute; bottom: 0.8rem; left: calc(50% - .15rem); z-index: 15; transition: all 0.36s; opacity: 1; animation: mouse 1.2s infinite; }

.Index .banner .mouse-scroll path { fill: rgba(255, 255, 255, 0.8); }

.Index .banner .mouse-scroll span { color: rgba(255, 255, 255, 0.8); font-size: 0.42rem; }

.Index .banner .mouseStalker { opacity: 0; cursor: default; position: absolute; right: 0; bottom: 50px; width: 1.9rem; height: 1.9rem; z-index: 10; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: none !important; }

.Index .banner .mouseStalker .c-playMovie-circle { width: 1.9rem; height: 1.9rem; background: url("../images/index/c-play.png") center center no-repeat; background-size: cover; animation: rotateCircle 3s linear infinite; position: absolute; left: 0; top: 0; }

.Index .banner .mouseStalker span, .Index .banner .mouseStalker p { color: rgba(255, 255, 255, 0.8); font-size: 0.15rem; }

.Index .banner .mouseStalker span { font-size: 0.25rem; margin-bottom: 0.08rem; }

.Index .moshuCont { position: relative; }

.Index .worldBox { padding: 0.8rem 0 1.1rem; line-height: 0.53rem; }

.Index .worldBox p { color: rgba(255, 255, 255, 0.8); font-size: 0.16rem; margin-bottom: 0.6rem; line-height: 0.5rem; width: 60%; margin: 0 auto; font-family: "ProN"; }

.Index .worldBox .w_more { display: flex; justify-content: space-around; align-items: center; }

.Index .worldBox .w_more a { width: 0.42rem; height: 0.42rem; background: rgba(255, 255, 255, 0.5); border-radius: 50%; display: flex; justify-content: space-around; align-items: center; }

.Index .worldBox .w_more a i { color: #1D1D1D; font-size: 0.26rem; }

.Index .worldBox .w_more a:hover { transform: translateX(5px); }

.Index .videoBox { padding: 0 0 1rem; background-color: #000000; }

.Index .videoBox .videoImg { width: 100%; position: relative; }

.Index .videoBox .videoImg .img { width: 100%; }

.Index .videoBox .videoImg .txt { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; }

.Index .videoBox .videoImg .txt p { font-size: 0.33rem; text-align: center; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.43rem; font-family: "ProN"; }

.Index .wineBox { position: relative; border-top: 0.02rem solid rgba(255, 255, 255, 0.8); height: 90vh; }

.Index .wineBox a { display: block; overflow: hidden; position: relative; height: 92vh; }

.Index .wineBox .bg { width: 100%; position: absolute; top: 0; bottom: 0; }

.Index .wineBox .bg .bg-box { height: 100%; }

.Index .wineBox .bg img { width: 100%; height: 100%; }

.Index .wineBox .wineCont { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); }

.Index .wineBox .wineCont .wine_tit { width: 6.6rem; padding-bottom: 0.22rem; display: flex; align-items: center; justify-content: space-between; position: relative; }

.Index .wineBox .wineCont .wine_tit h2 { font-size: 0.2rem; text-transform: uppercase; }

.Index .wineBox .wineCont .wine_tit span { width: 0.35rem; height: 0.35rem; background: rgba(255, 255, 255, 0.5); border-radius: 50%; display: flex; justify-content: space-around; align-items: center; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Index .wineBox .wineCont .wine_tit span i { color: #1D1D1D; font-size: 0.18rem; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Index .wineBox .wineCont .wine_tit::before { z-index: 1; content: ''; width: 100%; height: 0.015rem; background: #646464; position: absolute; left: 0; bottom: 0rem; transition: width 1.2s cubic-bezier(0.23, 1, 0.32, 1); }

.Index .wineBox .wineCont .wine_tit::after { z-index: 2; content: ''; width: 0.5rem; height: 0.015rem; background: #ffffff; position: absolute; left: 0; bottom: 0rem; transition: width 1.2s cubic-bezier(0.23, 1, 0.32, 1); }

.Index .wineBox .wineCont .txt { margin-top: 0.65rem; }

.Index .wineBox .wineCont .txt h3 { font-size: 0.33rem; margin-bottom: 0.37rem; text-transform: uppercase; font-family: "ProN"; }

.Index .wineBox .wineCont .txt p { font-size: 0.2rem; text-transform: uppercase; }

.Index .wineBox .wineCont.right { display: flex; flex-direction: column; align-items: flex-end; }

.Index .wineBox:hover .bg img { transform: scale(1.03); }

.Index .wineBox:hover .wine_tit::after { width: 100%; }

.Index .wineBox:hover .wine_tit span { background: rgba(255, 255, 255, 0.2); }

.Index .wineBox:hover .wine_tit span i { color: rgba(255, 255, 255, 0.8); }

.Index .drinksBox { position: relative; padding: 2rem 0 1.85rem; background-color: #000; }

.Index .drinksBox .drinks_tit { cursor: pointer; color: rgba(255, 255, 255, 0.8); width: 6.6rem; padding-bottom: 0.22rem; display: flex; align-items: center; justify-content: space-between; position: relative; }

.Index .drinksBox .drinks_tit h2 { font-size: 0.26rem; text-transform: uppercase; font-family: "ProN"; }

.Index .drinksBox .drinks_tit h2 span { font-size: 0.28rem; margin-left: 0.2rem; }

.Index .drinksBox .drinks_tit .a { width: 0.35rem; height: 0.35rem; background: rgba(255, 255, 255, 0.5); border-radius: 50%; text-align: center; line-height: 0.35rem; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Index .drinksBox .drinks_tit .a i { color: #1D1D1D; font-size: 0.18rem; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Index .drinksBox .drinks_tit::before { z-index: 1; content: ''; width: 100%; height: 0.015rem; background: #646464; position: absolute; left: 0; bottom: 0; transition: width 1.2s cubic-bezier(0.23, 1, 0.32, 1); }

.Index .drinksBox .drinks_tit::after { z-index: 2; content: ''; width: 0.5rem; height: 0.015rem; background: #ffffff; position: absolute; left: 0; bottom: 0; transition: width 1.2s cubic-bezier(0.23, 1, 0.32, 1); }

.Index .drinksBox .drinks_tit:hover::after { width: 100%; }

.Index .drinksBox .drinks_tit:hover .a { background: rgba(255, 255, 255, 0.2); }

.Index .drinksBox .drinks_tit:hover .a i { color: rgba(255, 255, 255, 0.8); }

.Index .drinksBox ul { display: flex; align-items: center; flex-wrap: wrap; margin-top: 0.3rem; }

.Index .drinksBox ul li { width: 25%; position: relative; cursor: pointer; overflow: hidden; }

.Index .drinksBox ul li .img { width: 100%; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Index .drinksBox ul li .txt { position: absolute; left: 0; right: 0; bottom: 0; padding: 0.3rem 0.2rem; color: rgba(255, 255, 255, 0.8); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Index .drinksBox ul li .txt p { font-size: 0.12rem; line-height: 0.2rem; }

.Index .drinksBox ul li .txt h2 { font-size: 0.16rem; margin-bottom: 0.12rem; }

.Index .drinksBox ul li:hover img { transform: scale(1.1); }

.Index .knowledgeBox { height: 6rem; /* background:url('../images/index/img-knowledge-bg.jpg') center top no-repeat #000 fixed;background-size: cover; */ position: relative; }

.Index .knowledgeBox::before { content: ""; z-index: -2; position: fixed; width: 100%; height: 100%; background-image: url("../images/index/img-knowledge-bg.jpg"); background-size: cover; background-repeat: no-repeat; top: 0; left: 0; right: 0; bottom: 0; }

.Index .knowledgeBox .imgCont { width: 100%; height: 100%; position: relative; }

.Index .knowledgeBox .imgCont img { width: 100%; }

.Index .knowledgeBox .imgCont .knowledgeCont { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.8); text-align: center; }

.Index .knowledgeBox .imgCont .knowledgeCont h2 { font-size: 0.26rem; text-align: center; margin-bottom: 0.45rem; font-family: "ProN"; }

.Index .knowledgeBox .imgCont .knowledgeCont p { font-size: 0.16rem; line-height: 0.5rem; text-align: center; }

.Index .knowledgeBox .imgCont .knowledgeCont a.tit { display: inline-block; margin: 0.4rem auto 0; font-size: 0.14rem; padding: 0.08rem 0.18rem; border: 0.01rem solid rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8); }

.Index .knowledgeBox .imgCont .knowledgeCont a.tit:hover { background-color: #fff; color: #333; }

.Product .banner .t p { font-size: 0.46rem; }

.Product .banner .t .t-box-text p { line-height: 0.5rem; }

.Product .chandi { height: 7.7rem; position: relative; /* background: url('../images/product-12/img-cd.jpg') center top no-repeat fixed;background-size: cover; */ }

.Product .chandi .chandi-box { position: relative; overflow: hidden; height: 100vh; padding: 0.98rem 0 0.88rem; }

.Product .chandi .img { margin-bottom: 0.2rem; position: relative; height: auto; overflow: hidden; }

.Product .chandi .img img { width: 6.68rem; margin-right: 14%; display: block; float: right; }

.Product .chandi .img .text { position: absolute; right: 2.2rem; top: 0.8rem; z-index: 2; }

.Product .chandi .img .text h2 { font-size: 0.2rem; color: #fff; margin-bottom: 0.24rem; }

.Product .chandi .img .text p { font-size: 0.18rem; color: rgba(255, 255, 255, 0.8); }

.Product .chandi .text-box { text-align: center; }

.Product .chandi .text-box h2 { font-size: 0.6rem; margin-bottom: 0.15rem; color: #fff; }

.Product .chandi .text-box p { font-size: 0.24rem; color: #fff; }

.Product .chandi .address { position: absolute; left: 0; bottom: 0; color: #fff; font-size: 0.18rem; }

.Product .chandi .address i { font-size: 0.32rem; margin-right: 0.15rem; text-transform: uppercase; }

.Product .pinzhiBox { height: 90vh; position: relative; /* &.item1{background: url('../images/product-12/bg-1.jpg') center center no-repeat;background-size: cover;} &.item2{background: url('../images/product-12/bg-2.jpg') center center no-repeat fixed;background-size: cover;} &.item3{background: url('../images/product-12/bg-3.jpg') center center no-repeat;background-size: cover;} &.item4{background: url('../images/product-12/bg-4.jpg') center center no-repeat fixed;background-size: cover;} */ }

.Product .pinzhiBox .pinzhiBox-wrap { position: relative; overflow: hidden; height: 98vh; }

.Product .pinzhiBox .wineCont { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); color: #fff; }

.Product .pinzhiBox .wineCont .wine_tit { width: 5.3rem; border-bottom: 0.015rem solid #646464; padding-bottom: 0.22rem; display: flex; align-items: center; justify-content: space-between; position: relative; }

.Product .pinzhiBox .wineCont .wine_tit h2 { font-size: 0.2rem; text-transform: uppercase; }

.Product .pinzhiBox .wineCont .wine_tit span { width: 0.35rem; height: 0.35rem; background: rgba(255, 255, 255, 0.5); border-radius: 50%; display: flex; justify-content: space-around; align-items: center; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Product .pinzhiBox .wineCont .wine_tit span i { color: #1D1D1D; font-size: 0.18rem; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Product .pinzhiBox .wineCont .wine_tit::after { content: ''; width: 0.5rem; height: 0.015rem; background: #ffffff; position: absolute; left: 0; bottom: 0rem; transition: width 1.2s cubic-bezier(0.23, 1, 0.32, 1); }

.Product .pinzhiBox .wineCont .txt { margin-top: 0.65rem; }

.Product .pinzhiBox .wineCont .txt h3 { font-size: 0.26rem; margin-bottom: 0.37rem; text-transform: uppercase; font-family: "ProN"; }

.Product .pinzhiBox .wineCont .txt p { font-size: 0.16rem; text-transform: uppercase; line-height: 0.4rem; }

.Product .pinzhiBox .wineCont.right { display: flex; flex-direction: column; align-items: flex-end; }

.Product .pinzhiBox.item4 .text-box { width: 5.3rem; }

.Product .pinzhiBox:hover .wine_tit::after { width: 100%; }

.Product .pinzhiBox:hover .wine_tit span { background: rgba(255, 255, 255, 0.2); }

.Product .pinzhiBox:hover .wine_tit span i { color: rgba(255, 255, 255, 0.8); }

.Product2 { background-color: #000; overflow: visible; }

.Product2 .banner .t .t-box-text h2 { font-size: 0.44rem; padding-bottom: 0.38rem; position: relative; font-weight: inherit; font-family: "ProN"; }

.Product2 .banner .t .t-box-text h2::after { content: ''; width: 0.87rem; height: 0.02rem; background-color: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.Product2 .banner .t .t-box-text h2 span { width: 0.5rem; display: inline-block; }

.Product2 .banner .t .t-box-text p { font-size: 0.26rem; }

.Product2 .moshuCont { background-color: #000; padding-top: 0.65rem; }

.Product2 .worldBox2 { height: 9rem; /* background: url(../images/product2/worldBox-bg.jpg) center top no-repeat #000 fixed;background-size: cover; */ display: flex; align-items: center; justify-content: space-around; position: relative; overflow: hidden; }

.Product2 .worldBox2 .worldcont h3 { color: rgba(255, 255, 255, 0.8); font-size: 0.26rem; text-align: center; line-height: 0.7rem; }

.Product2 .worldBox2 .worldcont h4 { font-family: "CAI978"; color: rgba(255, 255, 255, 0.8); font-size: 0.26rem; margin-top: 0.25rem; text-align: center; padding-bottom: 0.55rem; position: relative; }

.Product2 .worldBox2 .worldcont h4::after { content: ''; width: 0.92rem; height: 0.02rem; background-color: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.Product2 .worldBox2 .worldcont p { color: rgba(255, 255, 255, 0.8); font-size: 0.16rem; text-align: center; line-height: 0.5rem; margin-top: 0.75rem; }

.Product2 .imgsBox { background-color: #000; padding: 0.65rem 0; }

.Product2 .imgsBox li { position: relative; overflow: hidden; }

.Product2 .imgsBox li.big { height: 5.25rem; }

.Product2 .imgsBox li.flex { display: flex; align-items: center; justify-content: space-between; }

.Product2 .imgsBox li .img { width: 100%; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Product2 .imgsBox li .txt { position: absolute; top: 1.13rem; left: 2.6rem; max-width: 6rem; }

.Product2 .imgsBox li .txt h3 { font-weight: 400; font-size: 0.26rem; text-align: left; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.33rem; font-family: "ProN"; transition: all .3s ease; }

.Product2 .imgsBox li .txt p { color: rgba(255, 255, 255, 0.8); font-weight: 400; font-size: 0.16rem; text-align: left; line-height: 0.4rem; transition: all .3s ease; }

.Product2 .imgsBox li .txt span { transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); margin-top: 0.45rem; width: 0.45rem; height: 0.45rem; line-height: 0.45rem; text-align: center; border: 1px solid #ffffff; border-radius: 50%; display: inline-block; color: #FFFFFF; font-size: 0.2rem; }

.Product2 .imgsBox li .item { width: 33%; overflow: hidden; margin-top: 0.08rem; position: relative; height: 3.7rem; }

.Product2 .imgsBox li .item img { transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Product2 .imgsBox li .item .txt2 { position: absolute; top: 0.8rem; left: 0; right: 0; width: 69%; margin: auto; text-align: center; }

.Product2 .imgsBox li .item .txt2 h3 { font-weight: 400; font-size: 0.26rem; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.2rem; margin-top: 0.37rem; font-family: "ProN"; transition: all .3s ease; }

.Product2 .imgsBox li .item .txt2 p { color: rgba(255, 255, 255, 0.8); font-weight: 400; font-size: 0.16rem; line-height: 0.4rem; transition: all .3s ease; }

.Product2 .imgsBox li .item .txt2 span { transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); margin: auto; width: 0.45rem; height: 0.45rem; line-height: 0.45rem; text-align: center; border: 1px solid #ffffff; border-radius: 50%; display: inline-block; color: #FFFFFF; font-size: 0.2rem; }

.Product2 .imgsBox li .item:hover .txt2 h3, .Product2 .imgsBox li .item:hover .txt2 p { color: white; }

.Product2 .imgsBox li .item:hover .txt2 span { background-color: #fff; color: #000; transform-origin: center; }

.Product2 .imgsBox li .item:hover img { transform: scale(1.04); }

.Product2 .imgsBox li:hover .txt h3, .Product2 .imgsBox li:hover .txt p { color: white; }

.Product2 .imgsBox li:hover .txt span { background-color: #fff; color: #000; }

.Product2 .imgsBox li:hover .img { transform: scale(1.04); transform-origin: center; }

.Product2 .worldBox3 { padding: 1.87rem 0 2.2rem; height: auto; position: relative; overflow: hidden; /* background: url(../images/product2/worldBox3-bg.jpg) center top no-repeat #000 fixed;background-size: cover; */ display: flex; align-items: center; justify-content: space-around; }

.Product2 .worldBox3 .worldcont h3 { color: rgba(255, 255, 255, 0.8); font-size: 0.33rem; text-align: center; line-height: 0.36rem; margin-bottom: 0.6rem; font-family: "ProN"; }

.Product2 .worldBox3 .worldcont p { color: rgba(255, 255, 255, 0.8); font-size: 0.16rem; text-align: center; line-height: 0.5rem; }

.Product2 .imgBox2 { position: relative; padding: 0.65rem 0; background-color: #000; }

.Product2 .imgBox2 .swiper-slide { display: flex; }

.Product2 .imgBox2 .swiper-slide .img { width: 56.25%; overflow: hidden; }

.Product2 .imgBox2 .swiper-slide .img img { width: 100%; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Product2 .imgBox2 .swiper-slide .rightBox { width: 43.75%; display: flex; align-items: center; justify-content: space-around; }

.Product2 .imgBox2 .swiper-slide .rightBox .txt { width: 6.36rem; color: rgba(255, 255, 255, 0.8); min-height: 6.66rem; }

.Product2 .imgBox2 .swiper-slide .rightBox .txt h4 { font-size: 0.26rem; padding-bottom: 0.16rem; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.8); font-family: "ProN"; }

.Product2 .imgBox2 .swiper-slide .rightBox .txt h4 span { font-size: 0.26rem; text-transform: uppercase; padding-left: 0.2rem; }

.Product2 .imgBox2 .swiper-slide .rightBox .txt h5 { font-size: 0.16rem; margin-top: 0.18rem; color: rgba(255, 255, 255, 0.4); line-height: 0.3rem; }

.Product2 .imgBox2 .swiper-slide .rightBox .txt h2 { margin-top: 1.2rem; font-size: 0.26rem; }

.Product2 .imgBox2 .swiper-slide .rightBox .txt h3 { margin-top: 0.35rem; font-size: 0.16rem; line-height: 0.4rem; }

.Product2 .imgBox2 .swiper-slide .rightBox .txt p { margin-top: 0.92rem; font-size: 0.16rem; color: rgba(255, 255, 255, 0.4); line-height: 0.35rem; font-family: 'Arial'; text-align: justify; }

.Product2 .imgBox2 .swiper-slide:hover img { transform: scale(1.09); }

.Product2 .imgBox2 .more-box { position: absolute; right: 1.16rem; bottom: 1.46rem; width: 6.35rem; height: 1px; }

.Product2 .imgBox2 .swiper-pagination-progressbar { position: relative; background: rgba(255, 255, 255, 0.5); height: 1px; }

.Product2 .imgBox2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { height: 1px; }

.Product2 .imgBox2 .lg-box { position: sticky; top: 0; height: 100vh; }

.Product2 .imgBox2 .lg-box .swiper-slide { position: absolute; left: 0; top: 0; height: 100vh; }

.Product2 .imgBox2 .lg-box .swiper-slide .img { position: relative; }

.Product2 .imgBox2 .lg-box .swiper-slide .img img { height: 100%; position: relative; right: 1px; }

.Product2 .imgBox2 .lg-box .swiper-slide .txt { opacity: 0; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); margin-top: 1rem; }

.Product2 .imgBox2 .lg-box .swiper-slide .txt h2 { margin-top: 0.8rem; }

.Product2 .imgBox2 .lg-box .swiper-slide .txt p { margin-top: 1rem; }

.Product2 .imgBox2 .lg-box .swiper-slide:nth-child(1) .txt { opacity: 1; }

.Product2 .imgBox2 .lg-box .more-box { background-color: #646464; bottom: 0.8rem; }

.Product2 .imgBox2 .lg-box .more-box ul { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; display: flex; }

.Product2 .imgBox2 .lg-box .more-box ul::before { content: ""; position: absolute; right: 0; top: -1px; width: 1px; height: 3px; background-color: rgba(255, 255, 255, 0.8); }

.Product2 .imgBox2 .lg-box .more-box ul li { flex: 1; position: relative; }

.Product2 .imgBox2 .lg-box .more-box ul li span { position: absolute; left: 0; bottom: 0; height: 1px; background-color: rgba(255, 255, 255, 0.8); }

.Product2 .imgBox2 .lg-box .more-box ul li::before { content: ""; position: absolute; left: 0; top: -1px; width: 1px; height: 3px; background-color: rgba(255, 255, 255, 0.8); }

.footer { position: relative; z-index: 2; }

.footer .top { padding: 1.92rem 0 1.7rem; width: 60%; margin: 0 auto; display: flex; justify-content: flex-end; }

.footer .top .right { width: 6.3rem; position: relative; }

.footer .top h3 { font-size: 0.36rem; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); line-height: 0.5rem; margin-bottom: 0.56rem; }

.footer .top h2 { font-size: 0.26rem; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.35rem; }

.footer .top dl { display: flex; justify-content: space-between; flex-wrap: wrap; }

.footer .top dl dd { font-size: 0.16rem; color: rgba(255, 255, 255, 0.8); width: 50%; line-height: 0.4rem; }

.footer .top dl dd.full { flex: 1; width: 100%; }

.footer .top dl dd a { color: rgba(255, 255, 255, 0.8); }

.footer .top .gm { padding-top: 0.6rem; }

.footer .top .gm span { position: absolute; left: 0.46rem; bottom: 0; color: rgba(255, 255, 255, 0.8); font-size: 0.14rem; }

.footer .top .gm ul { display: flex; justify-content: flex-end; }

.footer .top .gm ul li { margin-left: 0.4rem; cursor: pointer; }

.footer .top .gm ul li a { display: block; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.footer .top .gm ul li a:hover i { color: white; }

.footer .top .gm ul li i { color: rgba(255, 255, 255, 0.8); font-size: 0.35rem; }

.footer .top .jian { width: 0.3rem; height: 0.3rem; position: absolute; }

.footer .top .jian.left { left: 0; bottom: 0; border-left: 0.03rem solid rgba(255, 255, 255, 0.3); border-bottom: 0.03rem solid rgba(255, 255, 255, 0.3); }

.footer .top .jian.left::before { content: ''; position: absolute; left: -0.01rem; bottom: -0.03rem; width: 0.3rem; height: 0.03rem; background-color: rgba(255, 255, 255, 0.3); transform: rotate(-45deg); transform-origin: 0; }

.footer .top .jian.right { right: 0; top: 0; border-top: 0.03rem solid rgba(255, 255, 255, 0.3); border-right: 0.03rem solid rgba(255, 255, 255, 0.3); }

.footer .top .jian.right::before { content: ''; position: absolute; right: -0.01rem; top: -0.03rem; width: 0.3rem; height: 0.03rem; background-color: rgba(255, 255, 255, 0.3); transform: rotate(-45deg); transform-origin: right top; }

.footer .bottom { border-top: 0.02rem solid rgba(255, 255, 255, 0.15); padding: 1rem 0 0.96rem; background-color: #000000; }

.footer .bottom .container { display: flex; align-items: flex-start; justify-content: space-between; width: 80%; }

.footer .bottom .container .left { display: flex; align-items: center; }

.footer .bottom .container .left img { width: 1.8rem; margin-right: 0.38rem; }

.footer .bottom .container .left p { font-size: 0.26rem; color: rgba(255, 255, 255, 0.8); }

.footer .bottom .container .left p span { margin-right: 0.5rem; }

.footer .bottom .container .left p span:last-child { margin-right: 0; }

.footer .bottom .container .right { flex: 1; display: flex; align-items: center; justify-content: flex-end; }

.footer .bottom .container .right img { width: 1.66rem; margin-left: 0.16rem; }

.footer .bottom .container .right p { font-size: 0.16rem; color: rgba(255, 255, 255, 0.8); line-height: 0.32rem; text-align: right; margin-top: 0.06rem; }

/* Nei-page */
.Nei-page .banner { width: 100%; height: calc(100vh); overflow: hidden; }

.Nei-page .banner .swiper-slide { position: relative; }

.Nei-page .banner .swiper-slide .mask { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; z-index: 1; opacity: 0; }

.Nei-page .banner .swiper-slide img, .Nei-page .banner .swiper-slide video { width: 100%; height: 100%; object-fit: cover; }

.Nei-page .banner .swiper-slide .t { position: absolute; left: 0; right: 0; top: 30%; z-index: 3; overflow: hidden; text-align: center; }

.Nei-page .banner .swiper-slide .t .t-box { display: inline-block; position: relative; padding-bottom: 0.1rem; }

.Nei-page .banner .swiper-slide .t .t-box-text { transition: all 2s cubic-bezier(0.23, 1, 0.32, 1); transform: translateY(100%); }

.Nei-page .banner .swiper-slide .t .t-box-text h2 { font-size: 0.9rem; text-align: center; color: rgba(255, 255, 255, 0.8); }

.Nei-page .banner .swiper-slide .t .t-box-text h2.lg-display { display: flex !important; align-items: center; justify-content: center; }

.Nei-page .banner .swiper-slide .t .t-box-text h2 .line { width: 0.42rem; height: 0.02rem; background-color: #fff; display: inline-block; }

.Nei-page .banner .swiper-slide .t .t-box-text p { font-size: 0.36rem; color: rgba(255, 255, 255, 0.8); text-align: center; font-family: "ProN"; }

.Nei-page .banner .swiper-slide .t .t-line { position: absolute; height: 1px; background-color: #FAF7F5; bottom: 0; width: 110%; left: 50%; transform: translateX(-50%); opacity: 0; transform-origin: center; }

.Nei-page .banner .swiper-slide .img { position: absolute; z-index: 2; top: 20%; width: 5.5rem; left: calc(50% - 2.75rem); }

.Nei-page .banner .tool { height: 0.2rem; position: absolute; left: 6.25%; bottom: 0.8rem; display: flex; z-index: 2; align-items: center; }

.Nei-page .banner .tool .iconfont { font-size: 0.16rem; color: #fff; cursor: pointer; }

.Nei-page .banner .tool .swiper-pagination { width: auto; height: 0.2rem; left: auto; bottom: 0; display: flex; align-items: center; z-index: 11; position: relative; justify-content: center; margin: 0 0.4rem; }

.Nei-page .banner .tool .swiper-pagination .swiper-pagination-bullet { width: 2px; height: 50%; opacity: 1; margin: 0 0.05rem; position: relative; background: #fff; border-radius: 0; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Nei-page .banner .tool .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 100%; }

.Nei-page .banner .mouse-scroll { width: 0.3rem; height: 0.3rem; position: absolute; bottom: 0.8rem; left: calc(50% - .15rem); z-index: 15; transition: all 0.36s; opacity: 1; animation: mouse 1.2s infinite; }

.Nei-page .banner .mouse-scroll path { fill: rgba(255, 255, 255, 0.8); }

.Nei-page .banner .mouse-scroll span { color: rgba(255, 255, 255, 0.8); font-size: 0.42rem; }

.Nei-page .banner .mouseStalker { opacity: 0; transition: none !important; cursor: pointer; position: absolute; right: 0; bottom: 50px; width: 1.9rem; height: 1.9rem; z-index: 10; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.Nei-page .banner .mouseStalker img { width: 1.9rem; height: 1.9rem; animation: rotateCircle 3s linear infinite; position: absolute; left: 0; top: 0; }

.Nei-page .banner .mouseStalker span, .Nei-page .banner .mouseStalker p { color: rgba(255, 255, 255, 0.8); font-size: 0.15rem; }

.Nei-page .banner .mouseStalker span { font-size: 0.25rem; margin-bottom: 0.08rem; }

.Nei-page .moshuCont { position: relative; }

.Nei-page .crumbs-tabs { height: auto; overflow: hidden; position: sticky; top: 0; z-index: 0; background: #fff; z-index: 10; }

.Nei-page .crumbs-tabs:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0; }

.Nei-page .crumbs-tabs .container { display: flex; justify-content: space-between; align-items: center; position: relative; }

.Nei-page .crumbs-tabs .crumbs { padding: 0.3rem 0; height: auto; overflow: hidden; font-size: 0.16rem; color: #707070; }

.Nei-page .crumbs-tabs .crumbs .iconfont { font-size: 0.16rem; color: #000; margin-right: 0.05rem; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Nei-page .crumbs-tabs .crumbs a:hover { color: #ffffff; }

.Nei-page .crumbs-tabs .tabs { height: auto; overflow: hidden; position: relative; z-index: 1; }

.Nei-page .crumbs-tabs .tabs .swiper-slide { width: auto; font-size: 0.18rem; color: #000; padding: 0.3rem 0; margin-left: 0.6rem; position: relative; display: flex; align-items: center; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); justify-content: center; }

.Nei-page .crumbs-tabs .tabs .swiper-slide:after { content: ""; width: 0; height: 0.04rem; background: linear-gradient(90deg, #126170 0%, #905d2e 59.51%, #ff7b12 100%); position: absolute; bottom: 0; left: 0; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Nei-page .crumbs-tabs .tabs .swiper-slide.active:after, .Nei-page .crumbs-tabs .tabs .swiper-slide:hover:after { width: 100%; }

.Nei-page .crumbs-tabs .tabs .swiper-slide:first-child { margin: 0; }

.Nei-page .content { background: #fff; position: relative; padding-top: 0.9rem; }

.Nei-page .content .section { overflow: hidden; position: relative; }

.Pinyin .banner .swiper-slide .t .t-box-text p { margin-top: 0.3rem; }

.Pinyin .moshuCont { position: relative; background-color: #000; z-index: 2; }

.Pinyin .swiper-list { overflow: hidden; padding: 1.7rem 0 4rem; position: relative; background: url("../images/pinyin/bg-zl-1.jpg") center top no-repeat; background-size: cover; --swiper-theme-color: rgba(255, 255, 255, 0.8); /* 设置Swiper风格 */ --swiper-navigation-color: rgba(255, 255, 255, 0.8); /* 单独设置按钮颜色 */ }

.Pinyin .swiper-list .swiper-box { width: 72.9%; margin: 0 auto 1.8rem; overflow: hidden; position: relative; }

.Pinyin .swiper-list .img-box { overflow: hidden; }

.Pinyin .swiper-list .img { width: 100%; transition: transform 1.4s cubic-bezier(0.23, 1, 0.32, 1); aspect-ratio: 480/640; user-select: none; }

.Pinyin .swiper-list .txt { padding: 0.6rem 0 0; user-select: none; }

.Pinyin .swiper-list .txt h2 { font-size: 0.24rem; margin-bottom: 0.16rem; color: rgba(255, 255, 255, 0.3); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); font-family: "ProN"; }

.Pinyin .swiper-list .txt p { font-size: 0.16rem; line-height: 0.3rem; text-align: justify; color: rgba(255, 255, 255, 0.3); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); height: 1.55rem; }

.Pinyin .swiper-list .txt p.desc { font-size: 0.16rem; line-height: 0.3rem; margin-top: 0.3rem; height: auto; }

.Pinyin .swiper-list .btn-box { position: absolute; width: 0.8rem; left: 7%; top: 49%; z-index: 2; }

.Pinyin .swiper-list .btn-box .next, .Pinyin .swiper-list .btn-box .prev { cursor: pointer; width: 0.8rem; height: 0.8rem; margin-bottom: 0.2rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; font-size: 0.3rem; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Pinyin .swiper-list .btn-box .next i, .Pinyin .swiper-list .btn-box .prev i { color: #fff; font-size: 0.28rem; }

.Pinyin .swiper-list .btn-box .next:hover, .Pinyin .swiper-list .btn-box .prev:hover { background-color: #fff; border-color: #fff; }

.Pinyin .swiper-list .btn-box .next:hover i, .Pinyin .swiper-list .btn-box .prev:hover i { color: #000; }

.Pinyin .swiper-list .btn-box .swiper-button-disabled { opacity: .6; }

.Pinyin .swiper-list .btn-box .swiper-pagination { position: relative; top: auto; bottom: auto; color: #fff; font-size: 0.18rem; margin-top: 0.3rem; }

.Pinyin .swiper-list .swiper-slide:hover h2, .Pinyin .swiper-list .swiper-slide:hover p { color: rgba(255, 255, 255, 0.8); }

.Pinyin .swiper-list .swiper-slide:hover .img { transform: scale(1.1); }

.Pinyin .list { background-color: #000000; position: relative; }

.Pinyin .list .item { display: flex; align-items: stretch; }

.Pinyin .list .item .img { width: 50%; }

.Pinyin .list .item .text { flex: 1; padding: 0 1.6rem 0 1.6rem; color: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; justify-content: center; position: relative; background: url("../images/pinyin/bg-zl-2.jpg") center center no-repeat; background-size: cover; }

.Pinyin .list .item .text .line { height: 0.02rem; width: 0.92rem; background-color: rgba(255, 255, 255, 0.8); margin-top: 0.3rem; }

.Pinyin .list .item .text h2 { font-size: 0.24rem; margin-bottom: 0.4rem; text-align: left; font-family: "ProN"; }

.Pinyin .list .item .text p { font-size: 0.16rem; margin-bottom: 0.3rem; line-height: 0.3rem; }

.Pinyin .list .item .text p.desc { font-size: 0.16rem; line-height: 0.3rem; }

.Pinyin .list .item:nth-child(2n) { flex-direction: row-reverse; }

.Zhishi .banner .swiper-slide .t .t-box-text p { margin-top: 0.3rem; }

.Zhishi .banner .swiper-slide .t::after { content: ''; width: 0; height: 0.02rem; background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, #fff 50%, rgba(255, 255, 255, 0.1) 100%); position: absolute; left: 0; right: 0; bottom: -0.92rem; margin: auto; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Zhishi .banner .swiper-slide:hover .t::after { width: 6.62rem; }

.Zhishi .moshuCont { position: relative; background-color: #000; z-index: 2; }

.Zhishi .categoryBox { padding: 1.1rem 0 1.5rem; background-color: #000; }

.Zhishi .categoryBox h3 { font-size: 0.32rem; color: rgba(255, 255, 255, 0.8); text-align: center; position: relative; padding-bottom: 0.44rem; margin-bottom: 0.64rem; font-family: "ProN"; }

.Zhishi .categoryBox h3::after { content: ''; width: 6.62rem; height: 0.02rem; background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, #fff 50%, rgba(255, 255, 255, 0.1) 100%); position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Zhishi .categoryBox p { font-size: 0.16rem; text-align: center; color: rgba(255, 255, 255, 0.8); line-height: 0.5rem; }

.Zhishi .categoryBox ul { display: flex; align-items: center; justify-content: space-between; margin-top: 0.72rem; }

.Zhishi .categoryBox ul li { position: relative; width: 30%; height: 3.7rem; border-radius: 0.07rem; padding: 0.72rem 0.3rem 0; color: rgba(255, 255, 255, 0.8); text-align: center; overflow: hidden; /* &:nth-child(1){background: url('../images/zhishi/bg-pl-1.jpg') center center no-repeat;background-size: cover;} &:nth-child(2){background: url('../images/zhishi/bg-pl-2.jpg') center center no-repeat;background-size: cover;} &:nth-child(3){background: url('../images/zhishi/bg-pl-3.jpg') center center no-repeat;background-size: cover;} */ }

.Zhishi .categoryBox ul li h5 { font-size: 0.16rem; margin-bottom: 0.12rem; text-transform: uppercase; position: relative; }

.Zhishi .categoryBox ul li h4 { font-size: 0.16rem; text-transform: capitalize; padding-bottom: 0.3rem; position: relative; margin-bottom: 0.32rem; }

.Zhishi .categoryBox ul li h4::after { content: ''; width: 0.65rem; height: 0.01rem; background-color: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.Zhishi .categoryBox ul li span { display: inline-block; font-size: 0.16rem; line-height: 0.33rem; position: relative; }

.Zhishi .categoryBox ul li .bg-a img { transform: scale(1.2); }

.Zhishi .areaBox { position: relative; height: 9rem; overflow: hidden; /* background: url(../images/zhishi/bg-area.jpg) no-repeat center center/cover; */ }

.Zhishi .areaBox h3 { text-transform: uppercase; padding-top: 1.1rem; font-size: 0.32rem; color: rgba(255, 255, 255, 0.8); text-align: center; padding-bottom: 0.44rem; margin-bottom: 0.64rem; font-family: "ProN"; }

.Zhishi .areaBox h3::after { content: ''; width: 6.62rem; height: 0.02rem; background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, #fff 50%, rgba(255, 255, 255, 0.1) 100%); position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Zhishi .areaBox p { font-size: 0.16rem; color: rgba(255, 255, 255, 0.8); text-align: center; margin-bottom: 1rem; line-height: 0.4rem; }

.Zhishi .areaBox .areaImg { width: 10.75rem; display: block; margin: auto; }

.Zhishi .interpretationBox { padding-top: 1.43rem; padding-bottom: 1.5rem; background-color: #000; }

.Zhishi .interpretationBox h3 { text-transform: uppercase; font-size: 0.32rem; color: rgba(255, 255, 255, 0.8); text-align: center; padding-bottom: 0.44rem; margin-bottom: 0.64rem; position: relative; font-family: "ProN"; }

.Zhishi .interpretationBox h3::after { content: ''; width: 6.62rem; height: 0.02rem; background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, #fff 50%, rgba(255, 255, 255, 0.1) 100%); position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Zhishi .interpretationBox ul li { padding: 0.54rem 0; display: flex; align-items: center; position: relative; overflow: hidden; }

.Zhishi .interpretationBox ul li::after { z-index: 2; content: ''; width: 1.16rem; height: 0.01rem; background: #ffffff; position: absolute; left: 0; bottom: 0rem; transition: width 2.4s cubic-bezier(0.23, 1, 0.32, 1); }

.Zhishi .interpretationBox ul li::before { z-index: 1; content: ''; width: 100%; height: 0.01rem; background: #646464; position: absolute; left: 0; bottom: 0rem; transition: width 2.4s cubic-bezier(0.23, 1, 0.32, 1); }

.Zhishi .interpretationBox ul li .title { width: 2.73rem; flex: 0 0 2.73rem; }

.Zhishi .interpretationBox ul li .title h4 { font-size: 0.22rem; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.18rem; font-family: "ProN"; }

.Zhishi .interpretationBox ul li .title span { font-size: 0.16rem; color: #969597; text-transform: uppercase; }

.Zhishi .interpretationBox ul li p { font-size: 0.16rem; line-height: 0.4rem; color: rgba(255, 255, 255, 0.8); text-align: justify; }

.Zhishi .interpretationBox ul li:hover::after { width: 100%; }

.Pinpai { background-color: #000; }

.Pinpai .banner .swiper-slide .t { width: 70%; margin: auto; top: 40%; }

.Pinpai .banner .swiper-slide .t .t-box-text h2 { font-size: 0.44rem; font-family: "ProN"; }

.Pinpai .banner .swiper-slide .t .t-box-text p { font-size: 0.36rem; line-height: 0.83rem; }

.Pinpai .moshuCont { z-index: 2; }

.Pinpai .worldBox { padding: 1.1rem 0; position: relative; }

.Pinpai .worldBox p { color: rgba(255, 255, 255, 0.8); font-size: 0.16rem; text-align: center; line-height: 0.5rem; }

.Pinpai .worldBox2 { background-color: #000; height: 90vh; /* background: url(../images/pinpai/world-bg2.jpg) no-repeat center center/cover fixed; */ position: relative; overflow: hidden; }

.Pinpai .worldBox2 .container { padding-top: 8%; height: 100%; }

.Pinpai .worldBox2 p { color: rgba(255, 255, 255, 0.8); font-size: 0.16rem; line-height: 0.5rem; width: 38%; text-indent: 1em; }

.Pinpai .worldBox2 .line { width: 1.7rem; height: 0.01rem; background-color: rgba(255, 255, 255, 0.8); position: absolute; left: 0; bottom: 12%; }

.Pinpai .worldBox3 { background-color: #000; height: 70vh; /* background: url(../images/pinpai/world-bg3.jpg) no-repeat center center/cover fixed; */ position: relative; overflow: hidden; }

.Pinpai .worldBox3 .container { height: 100%; display: flex; align-items: center; position: relative; }

.Pinpai .worldBox3 p { color: rgba(255, 255, 255, 0.8); font-size: 0.16rem; line-height: 0.5rem; width: 38%; text-indent: 1em; }

.Contact { background-color: #000; }

.Contact .banner { position: relative; }

.Contact .formBox { position: absolute; left: 0; right: 0; top: 30%; z-index: 3; width: 85.6%; margin: auto; padding: 0 2.6rem 1rem; color: #fff; }

.Contact .formBox h2 { font-size: 0.32rem; margin-bottom: 0.45rem; font-family: "ProN"; }

.Contact .formBox .flex { display: flex; align-items: flex-start; justify-content: space-between; position: relative; z-index: 2; }

.Contact .formBox .p1 { width: 5.47rem; font-size: 0.16rem; line-height: 0.4rem; }

.Contact .formBox .select { width: 5.39rem; height: 0.6rem; line-height: 0.6rem; background: rgba(0, 0, 0, 0.4); border-radius: 0.04rem; cursor: pointer; position: relative; z-index: 2; padding: 0 0.28rem; font-size: 0.18rem; position: relative; }

.Contact .formBox .select .san { width: 0.25rem; height: 0.17rem; }

.Contact .formBox .select .filter-disabled { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

.Contact .formBox .select .filter-text { height: 100%; overflow: hidden; position: relative; cursor: pointer; }

.Contact .formBox .select .filter-text input { font-size: 0.18rem; color: #fff; cursor: pointer; }

.Contact .formBox .select .filter-list { display: none; width: 100%; max-height: 2.5rem; background-color: #fff; margin: 0; font-size: 0.18rem; position: absolute; top: 0.6rem; left: 0; z-index: 99; border: 1px solid #f9f9f9; overflow: auto; }

.Contact .formBox .select .filter-list li { width: auto; margin-bottom: 0; }

.Contact .formBox .select .filter-list li:hover { background-color: #f2f2f2; }

.Contact .formBox .select .filter-list li a { display: block; padding: 0 0.28rem; line-height: 0.56rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }

.Contact .formBox .select .filter-list li.filter-null a { color: #d2d2d2; }

.Contact .formBox .select .filter-list li.filter-selected { background-color: #000; }

.Contact .formBox .select .filter-list li.filter-selected a { display: block; color: #fff; }

.Contact .formBox .select .filter-list li.filter-disabled { background-color: #fff; }

.Contact .formBox .select .filter-list li.filter-disabled a { display: block; color: #d2d2d2; }

.Contact .formBox .select .filter-list li.filter-disabled:hover a { cursor: not-allowed !important; background-color: #fff; }

.Contact .formBox .select .icon { position: absolute; }

.Contact .formBox .select .icon-filter-arrow { border-right: 0.08rem solid transparent; border-left: 0.08rem solid transparent; border-top: 0.08rem solid #ccc; display: block; width: 0; height: 0; position: absolute; top: 0.24rem; right: 0.15rem; -webkit-transition-duration: 400ms; transition-duration: 400ms; }

.Contact .formBox .select .icon-filter-arrow.filter-show { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.Contact .formBox .select .filter-list::-webkit-scrollbar { width: 4px; height: 4px; }

.Contact .formBox .select .filter-list::-webkit-scrollbar-track { background: #fff; }

.Contact .formBox .select .filter-list::-webkit-scrollbar-thumb { background: #CBCBCB; }

.Contact .formBox .txt { display: flex; align-items: center; justify-content: space-between; margin-top: 0.8rem; font-size: 0.18rem; }

.Contact .formBox ul { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 0.4rem; }

.Contact .formBox ul li { width: 5.4rem; margin-bottom: 0.2rem; line-height: 0.6rem; border-radius: 0.04rem; border: 1px solid rgba(255, 255, 255, 0.8); }

.Contact .formBox ul li .input { font-size: 0.18rem; padding: 0 0.28rem; height: 0.6rem; color: #fff; width: 100%; }

.Contact .formBox .submit { cursor: pointer; display: block; margin: 0.6rem auto 0; border: 1px solid #fff; width: 1.79rem; height: 0.52rem; line-height: 0.52rem; border-radius: 0.26rem; background: #ffffff; font-size: 0.22rem; color: #000000; }

.Contact .formBox .submit:hover { background-color: rgba(0, 0, 0, 0.5); color: #fff; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Contact .quDaoBox { padding: 1.7rem 0 1.8rem; text-align: center; color: #fff; }

.Contact .quDaoBox h2 { font-size: 0.32rem; margin-bottom: 0.67rem; }

.Contact .quDaoBox p { font-size: 0.2rem; }

.Contact .quDaoBox .flex { width: 50%; display: flex; align-items: center; justify-content: space-between; margin: 0.89rem auto 0; }

.Contact .quDaoBox .flex a { width: 1.79rem; height: 0.52rem; line-height: 0.52rem; border-radius: 0.26rem; background: #ffffff; border: 1px solid #fff; font-size: 0.2rem; color: #000000; }

.Contact .quDaoBox .flex a:hover { background-color: rgba(0, 0, 0, 0.5); color: #fff; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

/* common-contact */
.common-contact { overflow: hidden; padding: 1.2rem 0; background: url(../images/contact-bg.webp) no-repeat bottom/cover; position: relative; z-index: 1; }

.common-contact::after { content: ""; width: 8.81rem; height: 1.73rem; background: url(../images/contact-zs.webp) no-repeat center/100%; position: absolute; left: 6.25%; bottom: 0; }

.common-contact .container { display: flex; justify-content: space-between; }

.common-contact .title-box { margin-bottom: 0.7rem; }

.common-contact .left { width: 36.5%; }

.common-contact .left .dsc { font-size: 0.18rem; color: #fff; line-height: 0.3rem; }

.common-contact .left ul { margin-top: 1rem; }

.common-contact .left ul li { padding: 0 0.1rem; height: 1rem; display: flex; align-items: center; border-radius: 0.5rem 0.2rem 0.2rem 0.5rem; position: relative; margin-top: 0.4rem; overflow: hidden; }

.common-contact .left ul li:before { content: ""; width: 100%; height: 100%; background: linear-gradient(92.43deg, #000 0%, rgba(0, 0, 0, 0.4) 100%); position: absolute; left: 0; top: 0; opacity: .4; }

.common-contact .left ul li .icon { width: 0.8rem; height: 0.8rem; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }

.common-contact .left ul li .icon i { font-size: 0.4rem; color: #fff; }

.common-contact .left ul li .txt { color: #fff; position: relative; z-index: 1; padding-left: 0.2rem; }

.common-contact .left ul li .txt h3 { font-size: 0.18rem; }

.common-contact .left ul li .txt h2 { font-size: 0.24rem; margin-top: 0.1rem; }

.common-contact .left ul li:first-child { padding: 0; background: #ffffff; }

.common-contact .left ul li:first-child:before { opacity: 0; }

.common-contact .left ul li:first-child .icon { width: 1rem; height: 1rem; background: #fff; }

.common-contact .left ul li:first-child .icon i { font-size: 0.45rem; color: #ffffff; }

.common-contact .left ul li:first-child .txt h2 { font-size: 0.36rem; }

.common-contact .right { width: 7.2rem; height: 7.4rem; padding: 0.7rem 0.5rem; background: url(../images/index/order-bg.png) no-repeat center/cover; border-radius: 0.24rem; }

.common-contact .right h3 { font-size: 0.3rem; text-align: center; margin-bottom: 0.38rem; }

.common-contact .right form .row { overflow: hidden; margin-top: 0.2rem; }

.common-contact .right form .row input { width: 100%; height: 0.7rem; padding: 0 0.3rem; font-size: 0.16rem; color: #0D1829; background: #F2F5F5; border: 1px solid #F2F5F5; border-radius: 0.35rem; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.common-contact .right form .row input:focus { border: 1px solid #ffffff; }

.common-contact .right form .row textarea { width: 100%; height: 1.6rem; font-size: 0.16rem; color: #0D1829; background: #F2F5F5; border: 1px solid #F2F5F5; padding: 0.3rem; border-radius: 0.2rem; }

.common-contact .right form .row textarea:focus { border: 1px solid #ffffff; }

.common-contact .right form .common-btn { width: 100%; margin: 0.3rem auto 0; font-size: 0.24rem; }

/* page */
.page { height: auto; text-align: center; margin: 0.8rem 0 0; }

.page a { display: inline-flex; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: #F2F2F4; align-items: center; justify-content: center; font-size: 0.18rem; color: #616164; margin: 0 0.1rem; }

.page a i { font-size: 0.18rem; }

.page a:hover, .page a.active { background: #ffffff; color: #fff; border-color: transparent; }

.no-data { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0.6rem 0; }

.no-data img { width: 1.2rem; margin-bottom: 0.2rem; }

.no-data p { font-size: 0.18rem; color: #666; }

/* Page404 */
.Page404 .banner { height: 5rem; }

.Page404.content { padding-bottom: 1.2rem; }

.Page404.content .img { margin: 0 auto; display: block; }

.Page404.content .text { width: 4.3rem; display: flex; align-items: center; justify-items: center; margin: 0.4rem auto 0; }

.Page404.content .text h1 { font-size: 0.5rem; color: #333; display: inline-block; font-weight: bold; }

.Page404.content .text .p p { width: 100px; font-size: 0.14rem; line-height: 0.18rem; color: #333; float: left; margin: 0 0.15rem; }

.Page404.content .text .p .btn11 { padding: 0 0.2rem; height: 0.38rem; line-height: 0.38rem; font-size: 0.14rem; border: 1px solid #ffffff; color: #ffffff; text-align: center; display: block; float: left; }

.Page404.content .text .p .btn11 i { font-size: 0.14rem; color: #ffffff; }

/* Sitemap */
.Sitemap .banner { height: 5rem; }

.Sitemap.content { padding-bottom: 1.2rem; }

.Sitemap.content dl { height: auto; overflow: hidden; padding-bottom: 0.35rem; margin-top: 0.35rem; border-bottom: 1px solid #eee; }

.Sitemap.content dl dt { font-size: 0.22rem; color: #000; }

.Sitemap.content dl dt a { color: #000; margin-top: 0.2rem; }

.Sitemap.content dl dt a:hover { color: #ffffff; }

.Sitemap.content dl dd { margin-top: 0.05rem; display: flex; flex-wrap: wrap; }

.Sitemap.content dl dd a { width: 20%; font-size: 0.18rem; color: #333; display: block; margin-top: 0.2rem; }

.Sitemap.content dl dd a:hover { color: #ffffff; }

/* Legal */
.Legal .banner { height: 5rem; }

.Legal.content { padding-bottom: 1.2rem; }

.Legal.content h3 { font-size: 0.2rem; color: #333; margin-bottom: 0.15rem; }

.Legal.content p { font-size: 0.16rem; color: #666; margin-bottom: 0.25rem; line-height: 0.28rem; }

/* Search */
.Search.content { overflow: hidden; padding-bottom: 1rem; }

.Search.content .form { width: 7.3rem; height: auto; overflow: hidden; margin: 0 auto; }

.Search.content .form .box { padding-left: 0.2rem; margin: 0 auto 0.15rem; background: #f6f6f6; display: flex; align-items: center; border-radius: 0.5rem; overflow: hidden; }

.Search.content .form .box input { flex: 1; height: 0.5rem; font-size: 0.16rem; padding: 0 0.2rem; float: left; }

.Search.content .form .box .btn { width: 1.4rem; height: 0.55rem; font-size: 0.16rem; color: #fff; text-align: center; background: linear-gradient(273.5deg, #066 0%, #096 100%); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }

.Search.content .form .res { font-size: 0.16rem; color: #636B76; padding-left: 0.4rem; }

.Search.content .filter { width: 10rem; height: auto; overflow: hidden; margin: 0.4rem auto 0; position: relative; }

.Search.content .filter:before { content: ""; width: 100%; height: 2px; background: #E9EBEF; position: absolute; left: 0; bottom: 0; }

.Search.content .filter .swiper-wrapper { justify-content: center; }

.Search.content .filter a { line-height: 0.6rem; width: auto; text-align: center; padding: 0 0.3rem; font-size: 0.2rem; color: #666; margin-right: 3rem; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }

.Search.content .filter a.active, .Search.content .filter a:hover { color: #ffffff; border-bottom: 2px solid #ffffff; }

.Search.content .filter a:last-child { margin-right: 0; }

.Search.content .nodate { text-align: center; margin: 5% 0; }

.Search.content .nodate p { font-size: 0.16rem; color: #999; }

.Search.content .list { margin-top: 0.5rem; }

.Search.content .list .tit { font-size: 0.26rem; color: #071329; margin-bottom: 0.3rem; }

.fancybox__slide { height: 100% !important; }

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 100% !important; height: 100% !important; aspect-ratio: inherit !important; }

.has-iframe .fancybox__content { padding: 0 !important; aspect-ratio: inherit !important; width: 100% !important; height: 100% !important; background: none !important; }

/*! <=991 手机端 */
@media all and (max-width: 991px) { .h5msg { display: block; }
  .container { width: 100% !important; padding: 0 0.3rem; }
  .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  .fancybox__html5video, .fancybox__iframe { padding-top: 40px; }
  .btn-video { width: 1.1rem; height: 1.1rem; }
  .btn-video span { width: 0.85rem; height: 0.85rem; }
  .btn-video span i { font-size: 0.35rem; }
  .header .container { width: 100%; padding: 0.14rem 0.36rem; }
  .header .logo { width: 1.86rem; height: 0.99rem; transition: none; }
  .header .other { margin-left: 0.8rem; }
  .header .other .item { height: 1rem; font-size: 0.26rem; margin-left: 0.4rem; padding-left: 0.4rem; }
  .header .other .item i { font-size: 0.36rem; }
  .header .other .item.lang { display: none; }
  .header .other .item:first-child:before { display: none; }
  .header .nav-xs { width: 1.1rem; border-left: 1px solid rgba(255, 255, 255, 0.2); position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; }
  .header .nav-xs .menu { width: 0.99rem; height: 1rem; transition: 0.3s; overflow: hidden; }
  .header .nav-xs .menu .bars { width: 100%; height: 100%; position: relative; }
  .header .nav-xs .menu .bars .bar { height: 2px; width: 0.44rem; display: block; background: #fff; transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); position: absolute; right: 0.22rem; }
  .header .nav-xs .menu .bars .bar:nth-of-type(1) { top: 0.5rem; transition: top 0.2s ease,transform 0.2s ease-out; }
  .header .nav-xs .menu .bars .bar:nth-of-type(2) { top: 0.72rem; transition: top 0.2s ease, transform 0.2s ease-out; }
  .header .nav-xs .menu.active .bars .bar:nth-of-type(1) { top: 0.6rem; transform: rotate(40deg); transition: top 0.1s ease, transform 0.1s ease-out; }
  .header .nav-xs .menu.active .bars .bar:nth-of-type(2) { top: 0.6rem; transform: rotate(-40deg); transition: top 0.1s ease, transform 0.1s ease-out; }
  .header.white { box-shadow: none; background: none; backdrop-filter: none; }
  .header.white::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; display: block; }
  .header.white .logo { background-image: url("../images/logo.png"); }
  .header.active { background: #000; }
  /* header-menu */
  .header-menu { position: fixed; left: 0; right: 0; top: 1.28rem; background: rgba(27, 27, 27, 0.9); height: auto; z-index: 2; display: none; }
  .header-menu .con { border-top: 0.01rem solid rgba(255, 255, 255, 0.8); }
  .header-menu .con dl { border-bottom: 0.01rem solid rgba(255, 255, 255, 0.8); }
  .header-menu .con dl a { font-size: 0.34rem; color: rgba(255, 255, 255, 0.8); padding: 0.64rem 0.5rem; display: block; position: relative; }
  .header-menu .con dl dt { position: relative; }
  .header-menu .con dl dt i { position: absolute; right: 0; top: 0; bottom: 0; color: rgba(255, 255, 255, 0.8); display: flex; align-items: center; padding: 0 0.5rem; font-size: 0.36rem; }
  .header-menu .con dl dt i.active::before { content: '\e67a'; }
  .header-menu .con dl dd { border-top: 0.01rem solid rgba(255, 255, 255, 0.8); display: none; }
  .header-menu .con dl dd a { padding-left: 0.8rem; }
  .header-menu .con dl dd:last-child { border-bottom: 0; }
  .header-menu .con ul { display: flex; justify-content: flex-end; padding: 0.4rem 0.35rem; }
  .header-menu .con ul li { margin-left: 0.15rem; }
  .header-menu .con ul li a { padding: 0.4rem 0.15rem; }
  .header-menu .con ul li a i { font-size: 0.5rem; color: #A7A8A8; }
  .coverBox .cover-cont { width: 6.21rem; }
  .coverBox .cover-cont h2 { font-size: 0.26rem; top: -0.14rem; width: 3rem; }
  .coverBox .cover-cont h3 { font-size: 0.22rem; }
  .coverBox .cover-cont .btns { width: 4.5rem; margin: 0.35rem auto 0.4rem; }
  .coverBox .cover-cont .btns span { height: 0.5rem; line-height: 0.5rem; font-size: 0.22rem; }
  .coverBox .cover-cont p { padding: 0 0.2rem; line-height: 0.46rem; font-size: 0.2rem; }
  .Index .banner { width: 100%; height: calc(100vh); position: relative; overflow: hidden; }
  .Index .banner .swiper-slide .t { top: 20%; }
  .Index .banner .swiper-slide .t h2 { font-size: 0.9rem; margin-bottom: 0.46rem; }
  .Index .banner .swiper-slide .t p { padding: 0 0.8rem; line-height: 0.66rem; font-size: 0.43rem; }
  .Index .banner .swiper-slide video { transform: scale(1); }
  .Index .banner .mouse-scroll { width: 0.5rem; height: 0.5rem; left: calc(50% - .25rem); }
  .Index .banner .mouseStalker { opacity: 1 !important; bottom: 30%; left: 50% !important; right: auto; top: auto !important; transform: translateX(-50%) !important; }
  .Index .banner .mouseStalker span { font-size: 0.35rem; }
  .Index .banner .mouseStalker p { font-size: 0.24rem; }
  .Index .banner .mouseStalker.hidden { display: none; }
  .Index .worldBox { padding: 1.3rem 0.3rem 0.9rem; line-height: 0.73rem; }
  .Index .worldBox p { font-size: 0.28rem; margin-bottom: 0.6rem; line-height: 0.6rem; width: auto; }
  .Index .videoBox { padding: 0.5rem 0; background-color: #000000; }
  .Index .videoBox .videoImg .txt p { font-size: 0.24rem; margin-bottom: 0.3rem; box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4); }
  .Index .wineBox { border-top: 0.02rem solid #fff; height: 100vh; }
  .Index .wineBox a { height: 100vh; }
  .Index .wineBox .wineCont { padding: 0 0.6rem; top: 0.97rem; transform: translateY(0); }
  .Index .wineBox .wineCont .wine_tit { width: 100%; padding-bottom: 0.47rem; }
  .Index .wineBox .wineCont .wine_tit h2 { font-size: 0.3rem; }
  .Index .wineBox .wineCont .wine_tit a { width: 0.31rem; height: 0.31rem; }
  .Index .wineBox .wineCont .wine_tit a i { font-size: 0.2rem; }
  .Index .wineBox .wineCont .wine_tit::before { content: ''; width: 100%; height: 0.02rem; bottom: 0rem; }
  .Index .wineBox .wineCont .wine_tit::after { content: ''; width: 0.78rem; height: 0.02rem; bottom: 0rem; }
  .Index .wineBox .wineCont .txt { margin-top: 0.72rem; }
  .Index .wineBox .wineCont .txt h3 { font-size: 0.4rem; margin-bottom: 0.59rem; }
  .Index .wineBox .wineCont .txt p { line-height: 0.43rem; font-size: 0.24rem; }
  .Index .wineBox .wineCont.right { align-items: flex-start; }
  .Index .drinksBox { position: relative; padding: 1.3rem 0 0.9rem; background-color: #000; }
  .Index .drinksBox .drinks_tit { border-bottom: none; padding-bottom: 0.68rem; }
  .Index .drinksBox .drinks_tit h2 { font-size: 0.4rem; text-transform: uppercase; display: flex; flex-direction: column-reverse; }
  .Index .drinksBox .drinks_tit h2 span { font-size: 0.3rem; margin-left: 0; margin-bottom: 0.3rem; color: rgba(255, 255, 255, 0.8); }
  .Index .drinksBox .drinks_tit::before, .Index .drinksBox .drinks_tit::after { content: ''; display: none; }
  .Index .drinksBox .list { position: relative; overflow: hidden; padding-left: 0.36rem; }
  .Index .drinksBox .list .swiper-slide .img { width: 100%; }
  .Index .drinksBox .list .swiper-slide .txt { padding: 0.4rem 0.8rem 0.4rem 0; color: rgba(255, 255, 255, 0.3); transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }
  .Index .drinksBox .list .swiper-slide .txt p { font-size: 0.24rem; line-height: 0.42rem; }
  .Index .drinksBox .list .swiper-slide .txt h2 { font-size: 0.3rem; margin-bottom: 0.22rem; }
  .Index .drinksBox .list .swiper-slide.swiper-slide-active .txt { color: rgba(255, 255, 255, 0.8); }
  .Index .drinksBox .list .more-box { padding-right: 0.36rem; }
  .Index .drinksBox .list .more-box p { color: rgba(255, 255, 255, 0.8); font-size: 0.22rem; margin-bottom: 0.25rem; display: flex; align-items: center; justify-content: space-between; }
  .Index .drinksBox .list .more-box a { width: 0.42rem; height: 0.42rem; background: rgba(255, 255, 255, 0.5); border-radius: 50%; display: flex; justify-content: space-around; align-items: center; }
  .Index .drinksBox .list .more-box a i { color: #1D1D1D; font-size: 0.26rem; }
  .Index .drinksBox .list .swiper-pagination-progressbar { position: relative; background: rgba(255, 255, 255, 0.5); height: 1px; }
  .Index .drinksBox .list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { height: 1px; }
  .Index .knowledgeBox { height: 60vh; }
  .Index .knowledgeBox::before { background-image: url("../images/index/img-knowledge-bg-xs.jpg"); background-size: cover; background-repeat: no-repeat; }
  .Index .knowledgeBox .imgCont { width: 100%; position: relative; }
  .Index .knowledgeBox .imgCont img { width: 100%; }
  .Index .knowledgeBox .imgCont .knowledgeCont h2 { font-size: 0.4rem; margin-bottom: 0.8rem; }
  .Index .knowledgeBox .imgCont .knowledgeCont p { font-size: 0.25rem; line-height: 0.6rem; }
  .Index .knowledgeBox .imgCont .knowledgeCont a.tit { margin: 1rem auto 0; font-size: 0.22rem; padding: 0.1rem 0.18rem; }
  .Index .knowledgeBox .imgCont .knowledgeCont .jian { display: flex !important; align-items: center; justify-content: space-between; margin-top: 0.34rem; }
  .Index .knowledgeBox .imgCont .knowledgeCont .jian .line { width: 5.66rem; height: 0.013rem; background-color: #646464; position: relative; }
  .Index .knowledgeBox .imgCont .knowledgeCont .jian .line::after { content: ''; width: 0.66rem; height: 0.013rem; background: #ffffff; position: absolute; left: 0; top: 0; }
  .Index .knowledgeBox .imgCont .knowledgeCont .jian .right { width: 0.5rem; height: 0.5rem; background: rgba(255, 255, 255, 0.5); border-radius: 50%; display: flex; justify-content: space-around; align-items: center; }
  .Index .knowledgeBox .imgCont .knowledgeCont .jian .right i { color: #1D1D1D; font-size: 0.26rem; position: relative; top: 0.03rem; }
  .Product .banner .swiper-slide .img { width: 75%; top: 30%; }
  .Product .banner .t .t-box-text h2 { margin-bottom: 0.46rem; }
  .Product .banner .t .t-box-text p { font-size: 0.43rem; line-height: 0.6rem; }
  .Product .chandi { /* background: url('../images/product-12/img-cd-xs.jpg') center top no-repeat fixed;background-size: cover; */ height: 88vh; }
  .Product .chandi .chandi-box { padding: 1.65rem 0 0.75rem; height: 100vh; }
  .Product .chandi .img { margin-bottom: 1.34rem; padding-top: 0.6rem; }
  .Product .chandi .img img { width: 3.7rem; margin: 0 auto; float: none; }
  .Product .chandi .img .text { top: 0; right: 2.2rem; }
  .Product .chandi .img .text h2 { font-size: 0.24rem; }
  .Product .chandi .img .text p { font-size: 0.2rem; line-height: 0.3rem; }
  .Product .chandi .text-box { margin-bottom: 0.84rem; }
  .Product .chandi .text-box h2 { font-size: 0.68rem; margin-bottom: 0.24rem; }
  .Product .chandi .text-box p { font-size: 0.28rem; }
  .Product .chandi .address { position: relative; font-size: 0.2rem; display: flex; flex-direction: column; align-items: center; }
  .Product .chandi .address i { font-size: 0.45rem; margin-right: 0; margin-bottom: 0.2rem; }
  .Product .pinzhiBox { /* &.item1{background: url('../images/product-12/bg-1-xs.jpg') center center no-repeat;background-size: cover;} &.item2{background: url('../images/product-12/bg-2-xs.jpg') center center no-repeat fixed;background-size: cover;} &.item3{background: url('../images/product-12/bg-3-xs.jpg') center center no-repeat;background-size: cover;} &.item4{background: url('../images/product-12/bg-4-xs.jpg') center center no-repeat fixed;background-size: cover;} */ }
  .Product .pinzhiBox .wineCont { padding: 0 0.8rem; top: auto; transform: translateY(0); bottom: 18%; }
  .Product .pinzhiBox .wineCont .wine_tit { width: 100%; padding-bottom: 0.35rem; }
  .Product .pinzhiBox .wineCont .wine_tit h2 { font-size: 0.3rem; }
  .Product .pinzhiBox .wineCont .wine_tit a { width: 0.31rem; height: 0.31rem; }
  .Product .pinzhiBox .wineCont .wine_tit a i { font-size: 0.2rem; }
  .Product .pinzhiBox .wineCont .wine_tit::after { content: ''; width: 0.78rem; height: 0.02rem; bottom: 0rem; }
  .Product .pinzhiBox .wineCont .txt { margin-top: 0.72rem; }
  .Product .pinzhiBox .wineCont .txt h3 { font-size: 0.33rem; margin-bottom: 0.35rem; }
  .Product .pinzhiBox .wineCont .txt p { line-height: 0.5rem; font-size: 0.24rem; }
  .Product .pinzhiBox .wineCont.right { align-items: flex-start; }
  .Product .pinzhiBox .wineCont.top { bottom: auto; top: 1.88rem; }
  .Product .pinzhiBox.item4 .text-box { width: auto; }
  .Product2 .banner .t .t-box-text h2 { font-size: 0.43rem; padding-bottom: 0.35rem; margin-bottom: 0.25rem; }
  .Product2 .banner .t .t-box-text h2::after { content: ''; width: 0.76rem; height: 0.02rem; }
  .Product2 .banner .t .t-box-text h2 span { width: 0.2rem; }
  .Product2 .banner .t .t-box-text p { font-size: 0.26rem; }
  .Product2 .moshuCont { padding-top: 0.6rem; }
  .Product2 .worldBox2 { height: 8.5rem; background: url(../images/product2/worldBox-bg-xs.jpg) center top no-repeat #000 fixed; background-size: cover; display: flex; align-items: center; justify-content: space-around; }
  .Product2 .worldBox2 .worldcont { width: 95%; }
  .Product2 .worldBox2 .worldcont h3 { font-size: 0.26rem; line-height: 0.5rem; }
  .Product2 .worldBox2 .worldcont h4 { font-size: 0.28rem; padding-bottom: 0rem; }
  .Product2 .worldBox2 .worldcont h4::after { content: ''; display: none; }
  .Product2 .worldBox2 .worldcont p { font-size: 0.25rem; line-height: 0.6rem; margin-top: 0.57rem; }
  .Product2 .imgsBox { padding: 0.6rem 0; }
  .Product2 .imgsBox li { padding: 0 0.17rem; }
  .Product2 .imgsBox li.big { height: 7.16rem; }
  .Product2 .imgsBox li.big img { top: 0; }
  .Product2 .imgsBox li .txt { top: 0; left: 0; right: 0; padding: 0.55rem 0.4rem; width: 100%; max-width: 100%; }
  .Product2 .imgsBox li .txt.foot { top: auto; bottom: 0; }
  .Product2 .imgsBox li .txt h3 { font-size: 0.36rem; margin-bottom: 0.16rem; }
  .Product2 .imgsBox li .txt h4 { color: rgba(255, 255, 255, 0.8); padding-bottom: 0.22rem; border-bottom: 1px solid #646464; position: relative; font-size: 0.24rem; text-transform: uppercase; }
  .Product2 .imgsBox li .txt h4::after { content: ''; background-color: #ADACAF; width: 0.55rem; height: 0.01rem; position: absolute; left: 0; bottom: 0; }
  .Product2 .imgsBox li .txt p { font-size: 0.26rem; line-height: 0.58rem; margin-top: 0.25rem; }
  .Product2 .imgsBox li .txt span { display: none; }
  .Product2 .imgsBox li .item { width: 49.8%; margin: 0.05rem 0 0.06rem; height: 4.1rem; }
  .Product2 .imgsBox li .item .txt2 { top: 0; left: 0; right: 0; width: 100%; padding: 0.4rem 0.2rem 0; text-align: left; }
  .Product2 .imgsBox li .item .txt2 h3 { font-size: 0.3rem; margin-bottom: 0.16rem; margin-top: 0; }
  .Product2 .imgsBox li .item .txt2 h4 { color: rgba(255, 255, 255, 0.8); padding-bottom: 0.09rem; border-bottom: 1px solid #646464; position: relative; font-size: 0.24rem; text-align: left; text-transform: uppercase; }
  .Product2 .imgsBox li .item .txt2 h4::after { content: ''; background-color: #fff; width: 0.55rem; height: 0.01rem; position: absolute; left: 0; bottom: 0; }
  .Product2 .imgsBox li .item .txt2 p { font-size: 0.24rem; line-height: 0.42rem; margin-top: 0.18rem; }
  .Product2 .imgsBox li .item .txt2 span { display: none; }
  .Product2 .imgsBox li:nth-child(1) img, .Product2 .imgsBox li:last-child img { height: 7.15rem; }
  .Product2 .worldBox3 { height: 90vh; background: url(../images/product2/worldBox3-bg-xs.jpg) center top no-repeat #000 fixed; background-size: cover; }
  .Product2 .worldBox3 .worldcont { padding: 0 0.3rem; width: auto; }
  .Product2 .worldBox3 .worldcont h3 { font-size: 0.4rem; }
  .Product2 .worldBox3 .worldcont p { font-size: 0.25rem; line-height: 0.6rem; }
  .Product2 .imgBox2 { padding-top: 0.6rem; overflow: hidden; }
  .Product2 .imgBox2 .swiper-slide { display: block; }
  .Product2 .imgBox2 .swiper-slide .img { width: 100%; }
  .Product2 .imgBox2 .swiper-slide .rightBox { width: 100%; }
  .Product2 .imgBox2 .swiper-slide .rightBox .txt { width: 100%; padding: 0.7rem 0.56rem; min-height: auto; }
  .Product2 .imgBox2 .swiper-slide .rightBox .txt h4 { font-size: 0.26rem; padding-bottom: 0.14rem; }
  .Product2 .imgBox2 .swiper-slide .rightBox .txt h5 { font-size: 0.26rem; line-height: 0.45rem; }
  .Product2 .imgBox2 .swiper-slide .rightBox .txt h2 { margin-top: 0.42rem; font-size: 0.36rem; }
  .Product2 .imgBox2 .swiper-slide .rightBox .txt h3 { margin-top: 0.26rem; font-size: 0.26rem; max-width: 100%; line-height: 0.45rem; }
  .Product2 .imgBox2 .swiper-slide .rightBox .txt p { margin-top: 0.24rem; font-size: 0.24rem; max-width: 100%; line-height: 0.45rem; }
  .Product2 .imgBox2 .more-box { position: relative; right: auto; bottom: auto; width: 85%; height: 1px; margin: auto; }
  .Product2 .imgBox2 .swiper-pagination-progressbar { position: relative; background: rgba(255, 255, 255, 0.5); height: 1px; }
  .Product2 .imgBox2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { height: 1px; }
  .Nei-page .banner .swiper-slide .t { top: 38%; }
  .Nei-page .banner .swiper-slide .t .t-box-text p { font-size: 0.43rem; line-height: 0.66rem; }
  .Nei-page .banner .mouse-scroll { width: 0.5rem; height: 0.5rem; left: calc(50% - .25rem); }
  .Zhishi .categoryBox { padding: 1.5rem 0 0; }
  .Zhishi .categoryBox h3 { text-align: left; padding-bottom: 0; margin-bottom: 0.5rem; font-size: 0.36rem; display: flex; flex-direction: column-reverse; }
  .Zhishi .categoryBox h3 span { font-size: 0.36rem; padding-left: 0; text-transform: uppercase; margin-bottom: 0.2rem; }
  .Zhishi .categoryBox h3::after { content: ''; display: none; }
  .Zhishi .categoryBox p { font-size: 0.25rem; line-height: 0.6rem; text-align: left; }
  .Zhishi .categoryBox ul { display: block; margin-top: 0.54rem; }
  .Zhishi .categoryBox ul li { width: 100%; height: auto; background: #191919; padding: 0.6rem 0.7rem; margin-bottom: 0.2rem; /* &:nth-child(1){background: url('../images/zhishi/bg-pl-1-xs.jpg') center center no-repeat;background-size: cover;} &:nth-child(2){background: url('../images/zhishi/bg-pl-2-xs.jpg') center center no-repeat;background-size: cover;} &:nth-child(3){background: url('../images/zhishi/bg-pl-3-xs.jpg') center center no-repeat;background-size: cover;} */ }
  .Zhishi .categoryBox ul li h5 { font-size: 0.24rem; margin-bottom: 0.17rem; }
  .Zhishi .categoryBox ul li h4 { font-size: 0.28rem; margin-bottom: 0.26rem; padding-bottom: 0.3rem; }
  .Zhishi .categoryBox ul li span { line-height: 0.5rem; font-size: 0.25rem; }
  .Zhishi .areaBox { position: relative; height: auto; background: #000; }
  .Zhishi .areaBox .container { padding: 0; }
  .Zhishi .areaBox h3 { text-align: left; margin-bottom: 0.5rem; font-size: 0.36rem; display: flex; flex-direction: column-reverse; padding: 1.2rem 0.3rem 0; }
  .Zhishi .areaBox h3 span { font-size: 0.36rem; padding-left: 0; text-transform: uppercase; margin-bottom: 0.2rem; }
  .Zhishi .areaBox h3::after { display: none; }
  .Zhishi .areaBox p { font-size: 0.25rem; line-height: 0.6rem; margin-bottom: 0.72rem; text-align: left; padding: 0 0.3rem; }
  .Zhishi .areaBox .areaImg { width: 6rem; display: block; margin: 0 auto; }
  .Zhishi .areaBox .imgB { height: 3.75rem; padding-top: 0.76rem; background: url("../images/zhishi/bg-area-xs.jpg") center center no-repeat; background-size: cover; }
  .Zhishi .interpretationBox { padding-top: 1.1rem; padding-bottom: 1rem; background-color: #000; }
  .Zhishi .interpretationBox h3 { text-align: left; padding-bottom: 0; font-size: 0.36rem; display: flex; flex-direction: column-reverse; }
  .Zhishi .interpretationBox h3::after { content: ''; width: 0.54rem; display: none; }
  .Zhishi .interpretationBox h3 span { font-size: 0.36rem; padding-left: 0; text-transform: uppercase; margin-bottom: 0.2rem; }
  .Zhishi .interpretationBox ul li { padding: 0.68rem 0; display: flex; align-items: flex-start; }
  .Zhishi .interpretationBox ul li::after { content: ''; width: 0.54rem; }
  .Zhishi .interpretationBox ul li .title { width: 2.2rem; flex: 0 0 2.2rem; position: relative; top: 0.1rem; margin-right: 0.2rem; }
  .Zhishi .interpretationBox ul li .title h4 { margin-bottom: 0.15rem; font-size: 0.28rem; }
  .Zhishi .interpretationBox ul li .title span { font-size: 0.2rem; }
  .Zhishi .interpretationBox ul li p { line-height: 0.5rem; font-size: 0.26rem; }
  .Pinpai .banner .swiper-slide .t { width: 90%; }
  .Pinpai .banner .swiper-slide .t .t-box-text h2 { font-size: 0.43rem; line-height: 0.66rem; }
  .Pinpai .banner .swiper-slide .t .t-box-text h2.lg-display { display: none !important; }
  .Pinpai .banner .swiper-slide .t .t-box-text p { font-size: 0.26rem; line-height: 0.6rem; }
  .Pinpai .worldBox { padding: 0.87rem 0.3rem 1.75rem; }
  .Pinpai .worldBox p { font-size: 0.25rem; line-height: 0.6rem; }
  .Pinpai .worldBox2 { /* background: url(../images/pinpai/world-bg2-xs.jpg) no-repeat bottom/cover fixed; */ }
  .Pinpai .worldBox2 .container { display: flex; align-items: center; flex-direction: column; justify-content: center; }
  .Pinpai .worldBox2 p { font-size: 0.25rem; line-height: 0.6rem; text-align: center; margin-top: 0.5rem; width: auto; }
  .Pinpai .worldBox2 p:first-child { margin-top: 0; }
  .Pinpai .worldBox2 .line { display: none; }
  .Pinpai .worldBox3 { /* background: url(../images/pinpai/world-bg3-xs.jpg) no-repeat bottom/cover fixed; */ }
  .Pinpai .worldBox3 p { font-size: 0.25rem; line-height: 0.6rem; text-align: center; width: auto; }
  .Contact .formBox { top: 20%; z-index: 3; width: 85%; border-bottom: none; padding: 0; color: #fff; text-align: center; }
  .Contact .formBox h2 { margin-bottom: 0.48rem; font-size: 0.36rem; }
  .Contact .formBox .flex { display: block; }
  .Contact .formBox .txt { display: none; }
  .Contact .formBox .p1 { width: 6.16rem; font-size: 0.26rem; line-height: 0.46rem; padding-top: 0; }
  .Contact .formBox .select { width: 5.4rem; height: 0.83rem; line-height: 0.83rem; padding: 0 0.3rem; font-size: 0.3rem; margin: 0.77rem auto 0; position: relative; }
  .Contact .formBox .select .san { width: 0.29rem; height: 0.17rem; }
  .Contact .formBox .select .icon-filter-arrow { border-right: 0.1rem solid transparent; border-left: 0.1rem solid transparent; border-top: 0.1rem solid #ccc; top: 0.43rem; right: 0.2rem; }
  .Contact .formBox .select .filter-list { top: 0.83rem; max-height: none; font-size: 0.28rem; }
  .Contact .formBox .select .filter-list li, .Contact .formBox .select .filter-list li a { line-height: 0.83rem; line-height: 0.83rem; display: block; margin: 0; text-align: left; }
  .Contact .formBox .select .filter-title { width: 100%; font-size: 0.3rem !important; }
  .Contact .formBox ul { display: block; margin-top: 0.83rem; }
  .Contact .formBox ul li { width: 5.4rem; margin: 0 auto 0.3rem; line-height: 0.82rem; }
  .Contact .formBox ul li .input { font-size: 0.3rem; padding: 0 0.3rem; height: 0.82rem; }
  .Contact .formBox .submit { width: 2rem; height: 0.7rem; line-height: 0.6rem; border-radius: 0.5rem; font-size: 0.3rem; }
  .Contact .quDaoBox { padding: 1.4rem 0 1.5rem; }
  .Contact .quDaoBox h2 { font-size: 0.36rem; margin-bottom: 0.5rem; }
  .Contact .quDaoBox p { font-size: 0.26rem; }
  .Contact .quDaoBox .flex { width: 50%; margin: 0.82rem auto 0; }
  .Contact .quDaoBox .flex a { width: 1.5rem; height: 0.45rem; line-height: 0.45rem; border-radius: 0.22rem; font-size: 0.24rem; }
  .Pinyin .swiper-list { padding: 1rem 0 0.6rem; position: relative; background: #1F1F1F; }
  .Pinyin .swiper-list .swiper-box { width: 76%; }
  .Pinyin .swiper-list .swiper-box .swiper-pagination { color: rgba(255, 255, 255, 0.8); position: absolute; right: 0; top: 8.25rem; bottom: auto; font-size: 0.24rem; text-align: right; }
  .Pinyin .swiper-list .txt { padding: 0.6rem 0; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.8); margin: 0; }
  .Pinyin .swiper-list .txt h2 { font-size: 0.32rem; margin-bottom: 0.2rem; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.8); padding-bottom: 0.2rem; color: rgba(255, 255, 255, 0.8); }
  .Pinyin .swiper-list .txt p { font-size: 0.25rem; line-height: 0.5rem; color: rgba(255, 255, 255, 0.8); height: auto; }
  .Pinyin .swiper-list .txt p.desc { font-size: 0.24rem; line-height: 0.5rem; }
  .Pinyin .swiper-list .btn-box { position: relative; width: auto; left: auto; top: auto; padding: 0 0.3rem; }
  .Pinyin .swiper-list .btn-box .btn { display: flex; justify-content: flex-end; }
  .Pinyin .swiper-list .btn-box .next, .Pinyin .swiper-list .btn-box .prev { width: 1rem; height: 1rem; margin-bottom: 0.15rem; margin-left: 0.25rem; }
  .Pinyin .swiper-list .btn-box .next i, .Pinyin .swiper-list .btn-box .prev i { color: #fff; font-size: 0.28rem; }
  .Pinyin .swiper-list .btn-box .swiper-pagination { font-size: 0.26rem; margin: 0.3rem 0; text-align: left; }
  .Pinyin .swiper-list .next, .Pinyin .swiper-list .prev { position: absolute; top: 5rem; }
  .Pinyin .swiper-list .next i, .Pinyin .swiper-list .prev i { color: rgba(255, 255, 255, 0.8); font-size: 0.45rem; }
  .Pinyin .swiper-list .next.prev, .Pinyin .swiper-list .prev.prev { left: 0.2rem; }
  .Pinyin .swiper-list .next.next, .Pinyin .swiper-list .prev.next { right: 0.2rem; }
  .Pinyin .list { background: #121212; padding-top: 0.8rem; }
  .Pinyin .list .item { display: block; padding-bottom: 0.3rem; }
  .Pinyin .list .item .img { width: 86%; margin: 0 auto; }
  .Pinyin .list .item .text { padding: 0.75rem 0.7rem 0.9rem; background: none; }
  .Pinyin .list .item .text .line { margin-top: 0.1rem; }
  .Pinyin .list .item .text h2 { font-size: 0.34rem; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.8); padding-bottom: 0.3rem; }
  .Pinyin .list .item .text p { font-size: 0.25rem; line-height: 0.5rem; }
  .Pinyin .list .item .text p:nth-child(3) { border-top: 0.01rem solid rgba(255, 255, 255, 0.8); padding-top: 0.3rem; }
  .Pinyin .list .item .text p.desc { font-size: 0.24rem; line-height: 0.5rem; }
  .Pinyin .list .item .text .line { display: none; }
  .footer { background: #000; background-size: 100%; padding-top: 0.4rem; }
  .footer .top { padding: 5.1rem 0.8rem 0.6rem; width: auto; }
  .footer .top .right { width: auto; padding-bottom: 0.3rem; }
  .footer .top h2 { font-size: 0.3rem; }
  .footer .top dl { flex-direction: column; }
  .footer .top dl dd { font-size: 0.22rem; flex: 1; width: 100%; line-height: 0.5rem; }
  .footer .top dl dd a { color: rgba(255, 255, 255, 0.8); }
  .footer .top .gm span { font-size: 0.2rem; }
  .footer .top .gm ul li { margin-left: 0.35rem; }
  .footer .top .gm ul li i { font-size: 0.4rem; }
  .footer .top .jian { width: 0.3rem; height: 0.3rem; position: absolute; }
  .footer .top .jian.left { left: -0.5rem; bottom: 0; border-left: 0.03rem solid rgba(255, 255, 255, 0.3); border-bottom: 0.03rem solid rgba(255, 255, 255, 0.3); }
  .footer .top .jian.left::before { content: ''; position: absolute; width: 0.3rem; height: 0.03rem; background-color: rgba(255, 255, 255, 0.3); transform: rotate(-45deg); transform-origin: 0; }
  .footer .top .jian.right { right: -0.5rem; top: 0; border-top: 0.03rem solid rgba(255, 255, 255, 0.3); border-right: 0.03rem solid rgba(255, 255, 255, 0.3); }
  .footer .top .jian.right::before { content: ''; position: absolute; width: 0.3rem; height: 0.03rem; background-color: rgba(255, 255, 255, 0.3); transform: rotate(-45deg); transform-origin: right top; }
  .footer .header-menu { position: static; margin: 0 0.3rem 0.5rem; background: #191919; }
  .footer .header-menu .con { border: 0; }
  .footer .header-menu .con dl { border-color: rgba(255, 255, 255, 0.5); }
  .footer .header-menu .con dl dd { border-color: rgba(255, 255, 255, 0.5); }
  .footer .header-menu .con dl a { font-size: 0.3rem; }
  .footer .header-menu .con dl:last-child { border: 0; }
  .footer .header-menu .con ul { padding: 0.4rem 0.3rem; }
  .footer .header-menu .con ul li a { padding: 0.4rem 0.1rem; }
  .footer .header-menu .con ul li a i { font-size: 0.4rem; }
  .footer .header-menu .con .mt { display: flex; justify-content: space-between; align-items: center; color: rgba(255, 255, 255, 0.6); font-size: 0.2rem; padding: 0.4rem 0 0.4rem 0.5rem; }
  .footer .bottom { border-top: 0.02rem solid rgba(255, 255, 255, 0.15); padding: 0.3rem 0 0.9rem; }
  .footer .bottom .container { display: block; padding: 0; }
  .footer .bottom .container .left { display: block; padding-bottom: 0.3rem; }
  .footer .bottom .container .left img { display: none; }
  .footer .bottom .container .left p { text-align: center; }
  .footer .bottom .container .right { flex-direction: column; justify-content: center; }
  .footer .bottom .container .right .text { width: 100%; padding: 0.3rem 0; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .footer .bottom .container .right img { width: 1.61rem; margin-left: 0; margin-top: 0.26rem; }
  .footer .bottom .container .right p { text-align: center; margin-top: 0.16rem; font-size: 0.17rem; }
  .title-box { margin: 0 auto 0.4rem; }
  .title-box .l h2 { font-size: 0.4rem; padding-bottom: 0.2rem; }
  .title-box .l h3 { font-size: 0.5rem; }
  .title-box .l p { font-size: 0.26rem; line-height: 0.48rem; }
  .title-box .r { width: 8.4rem; }
  .title-box .r p { font-size: 0.26rem; line-height: 0.48rem; }
  .title-box .r .common-btn { margin-top: 0.4rem; }
  .title-box1 { margin: 0 auto 0.4rem; }
  .title-box1 .l h3 { font-size: 0.24rem; margin-bottom: 0.1rem; }
  .title-box1 .l h2 { font-size: 0.52rem; }
  .title-box1 .l p { font-size: 0.26rem; line-height: 0.48rem; }
  .title-box1 .r p { font-size: 0.26rem; line-height: 0.48rem; }
  .title-box1 .r .common-btn { margin-top: 0.4rem; }
  .common-btn { font-size: 0.26rem; }
  .common-btn i { font-size: 0.26rem; margin-left: 0.15rem; }
  /* common-contact */
  .common-contact { padding: 0.8rem 0; }
  .common-contact::after { width: 100%; height: 1.73rem; background: url(../images/contact-zs-xs.webp) no-repeat center/100%; left: 0; }
  .common-contact .title-box { margin-bottom: 0.5rem; }
  .common-contact .container { flex-wrap: wrap; }
  .common-contact .left { width: 100%; }
  .common-contact .left ul { margin-top: 0.5rem; }
  .common-contact .left ul li { padding: 0 0.12rem; height: 1.2rem; border-radius: 1.2rem; }
  .common-contact .left ul li .icon { width: 1rem; height: 1rem; }
  .common-contact .left ul li .icon i { font-size: 0.44rem; }
  .common-contact .left ul li .txt { padding-left: 0.2rem; }
  .common-contact .left ul li .txt h3 { font-size: 0.24rem; }
  .common-contact .left ul li .txt h2 { font-size: 0.3rem; }
  .common-contact .left ul li:first-child { padding: 0 0.12rem; }
  .common-contact .left ul li:first-child .icon i { font-size: 0.44rem; }
  .common-contact .left ul li:first-child .txt h2 { font-size: 0.36rem; }
  .common-contact .right { width: 100; height: auto; padding: 0.6rem 0.25rem; margin-top: 0.6rem; }
  .common-contact .right form .row input { font-size: 0.26rem; }
  .common-contact .right form .row textarea { font-size: 0.26rem; }
  .common-contact .right form .common-btn { height: 0.7rem; font-size: 0.28rem; }
  /* Page404 */
  .Page404 .content { padding-top: 2rem; min-height: 60vh; }
  .Page404 .content .text { width: 100%; margin: 0.4rem auto 0; }
  .Page404 .content .text h1 { font-size: 0.5rem; }
  .Page404 .content .text .p p { width: 2.1rem; font-size: 0.26rem; line-height: 0.4rem; margin: 0 0.15rem; }
  .Page404 .content .text .p .btn11 { padding: 0 0.2rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; }
  .Page404 .content .text .p .btn11 i { font-size: 0.26rem; }
  /* Sitemap */
  .Sitemap.content { min-height: 60vh; }
  .Sitemap.content dl { padding-bottom: 0.35rem; margin-top: 0.35rem; }
  .Sitemap.content dl dt { font-size: 0.32rem; }
  .Sitemap.content dl dt a:hover { color: #000; }
  .Sitemap.content dl dd { margin-top: 0.05rem; }
  .Sitemap.content dl dd a { width: 50%; font-size: 0.26rem; margin-top: 0.25rem; }
  .Sitemap.content dl dd a:hover { color: #333; }
  /* Legal */
  .Legal.content { min-height: 60vh; }
  .Legal.content h3 { font-size: 0.32rem; margin-bottom: 0.2rem; }
  .Legal.content p { font-size: 0.26rem; line-height: 0.42rem; }
  .no-data p { font-size: 0.26rem; color: #666; } }