@charset "UTF-8";
@font-face {
    font-family: 'Elephant-r';
     src: url("fonts/Elephant.ttf") format("truetype");
}
@font-face {
    font-family: 'Didot';
    src:  url('fonts/Didot.woff') format('woff'),
    url('fonts/Didot.ttf') format('turetype'),
    url('fonts/Didot.otf') format('turetype');
}
@font-face {
    font-family: 'BodoniModa72pt-Bold';
    src:  url('fonts/Bodoni-72-Bold.woff') format('woff'),
    url('fonts/Bodoni-72-Bold.ttf') format('turetype'),
    url('fonts/Bodoni-72-Bold.otf') format('turetype');
}
@font-face {
    font-family: 'SourceHanSansSC-Regular';
    src:  url('fonts/SourceHanSansSC-Regular.woff') format('woff'),
    url('fonts/SourceHanSansSC-Regular.otf') format('turetype');
}
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-tap-highlight-color: transparent
}

body,
html {
    color: #000
}

html {
    -webkit-text-size-adjust: 100%;
    font-size: calc(100 / 1903 * 100vw);
}
@media (max-width:1024px) {
    html{ font-size: calc(100 / 1024 * 100vw);}
}
body {
    overflow-x: hidden;
    line-height: 1.2;
}

body,
input,
pre,
select,
th,
td,
textarea {
    font-family:'Elephant-r',Arial, sans-serif;
    font-size: 0.16rem;
}

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

input,
textarea {
    margin: 0;
    padding: 0;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0
}

select {
    border: solid 0.01rem #eee;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select.svg) no-repeat scroll right 0.1rem center transparent;
    padding-right: 0.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background-size: auto 0.09rem;
}

select::-ms-expand {
    display: none
}

a,
a:active {
    color: #000
}

a:hover {
    color: #995b39;
}

a,
a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

:focus,
a:focus {
    outline: 0;
    -moz-outline: none
}

table,
td,
th {
    border-collapse: collapse;
    border-spacing: 0
}

.ul,
.ul li {
    list-style: none
}

img {
    border: none;
    max-width: 100%;
    vertical-align: middle
}

.Ispic {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin: 0;
    text-justify: inter-ideograph
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    zoom: 0
}

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

.clearfix {
    zoom: 1
}

.dot {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[class*=dots-] {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical
}

.dots-1 {
    -webkit-line-clamp: 1
}

.dots-2 {
    -webkit-line-clamp: 2
}

.dots-3 {
    -webkit-line-clamp: 3
}

.dots-4 {
    -webkit-line-clamp: 4
}

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

[class*=ytable] {
    display: table;
    width: 100%;
}

.ytable-100 {
    height: 100%
}

[class*=ytable].fixed {
    table-layout: fixed;
}

[class*=cell-] {
    display: table-cell;
}

.cell-mid {
    vertical-align: middle;
}
.cell-bottom {
    vertical-align: bottom;
}

@media (max-width:1024px) {

    [class*=xy-],
    [class*=xy-]>[class*=cell-] {
        display: block;
    }
}

.fl {
    float: left
}

.fr {
    float: right
}

@media (min-width:1025px) {
    .wfl {
        float: left
    }

    .wfr {
        float: right
    }
}

.auto-inner {
    width: 72.366%;
    /*max-width: 1000px;*/
    margin: 0 auto;
}
@media (max-width:1024px) {
    .auto-inner {width: 90%;}
}


.guide{position: fixed; left: 0;top: 0;width: 100%; height: 100%;}
.guide .logo{display: table; position: relative;width: 40%; margin: 0 auto; max-width: 5rem;}
.guide .logo .white-mark{position: absolute; left: 0;top: 0;width: 100%; height: 100%; background-color: #fff;}

.home{position: fixed; left: 0;top: 0;width: 100%; height: 100%;}
.home menu{position: absolute; height: 100%; width: 100%;top: 0;left: 0;z-index: 10;z-index: 10;}
.home menu li{padding: 0.18rem 0;}
.home menu li a{font-size: 0.28rem;letter-spacing: 0.04rem;
    font-family: 宋体, serif;text-align: center;}
.home menu li a:not(:hover){color: #C3A798;}
/*.home menu li .cn{display: none;}*/

.home .slider{height: 100%;z-index: 1;}
.home .slider *{height: 100%;}
.home .slider .wap{ display: none;}
@media (max-width:768px) {
	.home .slider .wap{display: block; }
	.home .slider .wap img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;-webkit-object-fit: cover; object-fit: cover;}
	.home .slider .pc{ display: none;}
}

header{margin-bottom: 0.94rem;transition: 0.5s;}
header .inner{position:fixed;left: 0;top: 0;z-index: 100; width: 100%; background-color: #fff;}
header [class*=logo-]{position: absolute;}
header .logo-mid{width: 100%;text-align: center;top: 1.02rem;transition: 0.6s; transform: translateY(-200%);}
header .logo-mid img{height: 1.95rem; }
header .logo-left{position: absolute;top: 0; height: 1.56rem; display: table; width: 15%;transition: 0.5s;}
header .logo-left a{display: table-cell;vertical-align: middle;}
/*header .logo-left img{max-height: 0.6rem;}*/
header menu{padding: 4.22rem 0 1rem 0; transition: 0.5s; padding-left: 20%;}
header menu li a{font-size: 0.2rem; letter-spacing: 0.04rem;display: block;position: relative;}
header menu li span{display: block; transition: 0.5s;height: 0.5rem;}
/*font-family: 'SourceHanSansSC-Regular';*/
header menu li .en{position: absolute; left: 50%;transform: translateX(-50%); top: 0;z-index: 10;width: max-content; opacity: 0;}
header menu li a:hover .en{opacity: 1;}
header menu li a:hover .cn{opacity: 0;}
header menu li a:not(:hover){color: #bababa;}
header menu li.aon a{color: #265033;}
@media (min-width:1025px) {
header{ height:1.7rem; }
header menu ul{display:table; margin: 0 auto;
    font-family: 宋体, serif;font-weight: bold;}
header menu li{float: left; transition: 0.5s; margin: 0 calc(70 / 1920 * 100vw);}
header menu{ padding-top: 0.6rem; padding-bottom: 0.6rem;}
}
@media (max-width:1024px) {
    header{height: 2rem; }
    header .logo-left{ height: 1.36rem;}
    header menu{padding-top: 0.5rem; padding-bottom: 0.5rem; }
    header menu ul{display: flex;justify-content: space-between;align-items: center; padding: 0 7%;
        font-family: 宋体, serif;font-weight: bold;}
    header menu li{padding-left:2.6%;}
    header .logo-mid{top: 0.4rem;}
    header .logo-mid img{height: 1.2rem;}
}


.list-files li{float: left;  margin-bottom: 0.2rem;}
.list-files li .tit{letter-spacing: 0.03rem; color: #265033; font-size: 0.18rem; text-align: center; position: relative;}
.list-files li .tit span{display: block; transition: 0.5s;padding: 0.32rem 0;}
.list-files li .tit .cn{position: absolute; left: 50%;transform: translateX(-50%); width: max-content; top: 0; opacity: 0;font-family: 'SourceHanSansSC-Regular';}
.list-files li a:hover .tit .en{opacity: 0;}
.list-files li a:hover .tit .cn{opacity: 1;}
@media (min-width:1025px) {
 .list-files li{width: calc((100% - 0.59rem * 3) / 4);}
.list-files li:not(:nth-child(4n)){margin-right: 0.59rem;}
}
@media (max-width:1024px) {
.list-files li{width: calc((100% - 0.5rem) / 2); margin-bottom: 0.5rem;}
.list-files li:not(:nth-child(2n)){margin-right: 0.5rem;}
}

.video {
    width: 100%;
    margin-top: 20px;
}
.tiktok-video {
    margin-top: 20px;
    height: 80vh;
    margin-right: 91px;
}
/*.details{padding-left: 1.17rem;z-index: 1;}*/
.details .logo{width: 40%; max-width: 3.3rem;}
.details .main{overflow: hidden; position: relative;margin: 0 auto;width: 69%;display: flex;flex-direction: column;}
.details .tiktok{margin: 0 auto;width: 62%;display: flex;justify-content: center;flex-wrap: wrap;}
.details .picture-group{width: calc(940 / 1920 * 100vw);}
.details .info{position: absolute; left: calc(1301 / 1920 * 100vw); top: 2.9rem;}
.details .info.fixed .inside{position: fixed; top: 0; z-index: 40;}
.details .info .name{font-size: 0.26rem; letter-spacing: 0.05rem;color: #fff; background-color: #274b31; border-radius: 0.04rem; line-height: calc(66 / 38 * 1em); padding: 0 0.1rem;display: inline-block;}
.details .info .wap .name{ display: none;}
.details .info .wap .name{margin-bottom: 0.1rem;}
.details .info table{width: 100%; margin: 0.57rem 0 0.59rem 0; table-layout: fixed;}
.details .info table td{color: #274b31;letter-spacing: 0.03rem; font-size: 0.18rem;}
.details .info table td:nth-child(1){width: 1.32rem;}
.details .info table td:nth-child(2){width: 0.27rem;}
.details .info table tr:not(:last-child) td{padding-bottom: 0.35rem;}
.details .contact .tit{display: table; padding-right: 0.35rem; background: url(../images/arrow.png) no-repeat right center; background-size: auto calc(30 / 16 * 1em); margin-bottom: 0.52rem;}
.details .contact .tit span{display:block;letter-spacing: 0.03rem; font-size: 0.18rem;color: #fff; background-color: #274b31; border-radius: 0.04rem; padding: 0 0.18rem 0 0.1rem; line-height: calc(42 / 18 * 1em);}
.details .contact ul li{ padding-left: 0.49rem;letter-spacing: 0.03rem; font-size: 0.20rem; background-position: left center; background-repeat: no-repeat; background-size:0.39rem auto; line-height: calc(39 / 20 * 1em);}
.details .contact ul li.ing{background-image: url(../images/INSTAGRAM.png);}
.details .contact ul li a{color: #274b31;}
.details .contact ul li a:hover{text-decoration: underline;}
@media (max-width:1024px) {
.details{padding-left: 0.4rem;}
.details .info{left: auto;right: 0.4rem; width: 32%;}
}
@media (max-width:640px) {
.details .info .wap .name{ display: table;}
.details .info .wap .name.name2{ color: #274b31; background: transparent;padding: 0;}
.details .info .pc .name{ display: none;}
}

.details .picture-group .cover{margin-bottom: 0.24rem;}

[class*=pic-row-]{overflow: hidden;}
[class*=pic-row-] li{float: left; margin-bottom: 0.24rem; list-style: none;}
.pic-row-1 li{float: none;}
.pic-row-2 li{width:calc((100% - 0.24rem) / 2);}
.pic-row-2 li:not(:nth-child(2n)){margin-right: 0.24rem;}
.pic-row-2 li:nth-child(2n+1) + li{animation-delay: 0.2s;}

.icon-nav{position: absolute;right: 0.5rem; top: 0.57rem;z-index: 100;width: 0.45rem; height: 0.25rem; cursor: pointer;}
.icon-nav:before,
.icon-nav:after{position: absolute;content: ''; width: 100%; height: 0.03rem; background-color: #274b31; left: 0;}
.icon-nav:before{top: 0;}
.icon-nav:after{bottom: 0;}

.details-menu{ position: absolute;top: 1.23rem;right: 0; width: 2rem;  background-color: #134c2f;display: none;z-index: 60;}
.details-menu ul{padding-top: 0.52rem; padding-left: 0.26rem;}
.details-menu li{margin-bottom: 0.74rem;}
.details-menu li a{letter-spacing: 0.03rem;font-size: 0.22rem;}
.details-menu li a:not(:hover){ color: #7b7b7b;}
.details-menu li.aon a,
.details-menu li a:hover{color: #fff;}
.details-menu li .cn{display: none;}
@media (min-width:1025px) {
    .details-menu{height: calc(658 / 960 * 100vh);}
}

.contact-main{padding: 0;}
.contact-main .logo{display: table; margin: 0 auto; padding: 1.47rem 0 1.19rem 0; max-width:2.84rem;}
.contact-main .list-con{padding: 0 4.6rem; text-align: center;}
.contact-main .list-con dl{margin-bottom: 0.63rem;}
.contact-main .list-con dd,
.contact-main .list-con dd a:not(:hover){color: #999999}
.contact-main .list-con dt{letter-spacing: 0.05rem;color: #0f4a2e; font-size: 0.20rem; margin-bottom: 0.33rem;}
.contact-main .list-con dd{font-size: 0.17rem;letter-spacing: 0.02rem;}
.contact-main .list-con dd span{display: block; margin-bottom: 0.2rem; text-align: left;}
.contact-main .list-con dd span b{font-weight: normal;}
.contact-main .list-con dd span .cn{display: none}
.contact-main .list-con dd span .en{font-family:"Microsoft YaHei"}
.contact-main .list-con dd span:hover .en{display: none}
.contact-main .list-con dd span:hover .cn{display: block;}
.contact-main .map{ clear: both;}
.contact-main .map > div{ height: 350px;}


.contact-main .list-con ul{display: table; margin: 0 auto;text-align: left; line-height: 1.5;}

  .contact-main .list-con dd.flex{display: flex;}
  .contact-main .list-con dd span{width:48%;float:left;min-height: 72px;margin-bottom:4%;}
  .contact-main .list-con dd span:not(:last-child){ margin-right:4%;}


@media (max-width:1024px) {
    .contact-main .list-con{padding: 0 0.4rem;}
}

.edit-page .ul{ display: flex; justify-content: space-between; flex-flow: row wrap;}
.edit-page .ul .w100{ width: 100%;}
.edit-page .ul .w50{ width: 49%;}


.height190 {
    height: 290px;
}

.more {
    width: 100%;
    margin: 0 auto;
}
.more img {
    width: 100%;
    /*margin-top: 20px;*/
}
/*.global {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: center;*/

/*}*/
/*.global  img {*/
/*    width: 100%;*/
/*    margin-left: 10px;*/
/*}*/
.global {
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(509px, 1fr));
    gap: 20px;
    padding: 0 100px;
    box-sizing: border-box;
}

.global img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.center-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.pic {
    display: flex;
    justify-content: center;
}