.fp-watermark a { display: none; opacity: 0; }

/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
    text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
    font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#000;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0; }

a[href^="tel:"] {
    color: inherit; /* 使用父元素的颜色 */
    text-decoration: none; /* 去除下划线 */
}

/* Custom CSS
 * --------------------------------------- */
body{
    font-family: 'sourcehansans','Microsoft Yahei',simsun,Verdana,Lucida,Arial,Helvetica,sans-serif;
    color: #000;
    background: #F6F3EC;
}

@font-face {
	font-family: "sourcehansans";
	src: url("./../fonts/sourcehansans.eot?#iefix") format("embedded-opentype"),
		 url("./../fonts/sourcehansans.woff") format("woff"),
		 url("./../fonts/sourcehansans.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "hoeflertext";
	src:url("./../fonts/HoeflerText.woff") format("woff"),
		url("./../fonts/HoeflerText.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "TrajanPro";
	src:url("./../fonts/TrajanPro-Regular.woff") format("woff"),
		url("./../fonts/TrajanPro-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}


.fixed-top { background: #F6F3EC; }
.header-container {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 120px;
    padding-top: 34px;
    /* background-color: skyblue; */
}
.header-container .logo2x {
    /* 居中 */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.header-container .logo2x img {
    display: block;
    height: 27px;
}
/* .header-container a.lang {
    font-family: 'hoeflertext';
    width: 50px;
    text-align: center;
    font-size: 16px;
    color: #4D4B4A;
} */

/* 语言切换栏 start */
.header-container a.lang {
    position: relative;
    font-family: 'hoeflertext';
    width: 60px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #4D4B4A;
    margin-top: 6px;
}
.header-container a.lang::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
    transform: translateY(-50%);
    width: 8px;
    height: 14px;
    background: url('./../img/arrow@2x.png') no-repeat right center;
    background-size: 100% 100%;
    transform: rotate(90deg);
}
.header-container a.lang-active::after {
    transform: rotate(270deg)
}
/* 从右侧推出 */
.header-container .lang-menu {
    display: block;
    position: fixed;
    width: 120px;
    top: 120px;
    right: 0;
    background: rgba(246, 243, 236, .9);
    box-sizing: border-box;
    padding: 5px 0;
    transform: translateX(100%);
    transition: transform .3s;
    z-index: 1040;
}
.header-container .lang-menu.active {
    transform: translateX(0);
}
.header-container .lang-menu li a {
    display: block;
    text-align: center;
    padding: 8px 0;
    color: #4D4B4A;
}
.header-container .lang-menu li a:hover {
    background: #eee8dc;
}
/* 语言切换栏 end */

.header-container .m-open {
    width: 50px;
    height: 41px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px 0;
}
.header-container .m-open span,
.header-container .m-open span::before,
.header-container .m-open span::after {
    width: 20px;
    height: 2px;
}
.header-container .m-open span {
    position: relative;
    display: block;
    background: #4D4B4A;
    transition: all 0s .2s;
}
.header-container .m-open span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    background: #4D4B4A;
    transition: bottom .2s .2s cubic-bezier(.23,1,.32,1), transform .2s cubic-bezier(.23,1,.32,1);
}
.header-container .m-open span::after {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    background: #4D4B4A;
    transition: top .2s .2s cubic-bezier(.23,1,.32,1), transform .2s cubic-bezier(.23,1,.32,1);
}
.header-container .m-open.active span {
    background: rgba(255, 255, 255, 0); 
}
.header-container .m-open.active span::before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom .2s cubic-bezier(.23,1,.32,1), transform .2s .2s cubic-bezier(.23,1,.32,1);
}
.header-container .m-open.active span::after {
    top: 0;
    transform: rotate(45deg);
    transition: top .2s cubic-bezier(.23,1,.32,1), transform .2s .2s cubic-bezier(.23,1,.32,1);
}
.header-container .m-menu {
    display: block;
    position: fixed;
    width: 400px;
    top: 120px;
    left: 0;
    background: rgba(246, 243, 236, .9);
    box-sizing: border-box;
    padding: 25px 0;
    transform: translateX(-100%);
    transition: transform .3s;
    z-index: 1040;
}
.header-container .m-menu.active {
    transform: translateX(0);
}
.header-container .m-menu li {
    padding: 0 2.4rem;
}
.header-container .m-menu li a {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 20px 0;
    background: url('./../img/arrow@2x.png') no-repeat;
    background-position: right center;
    background-size: 8px 14px;
    text-decoration: none;
}
.header-container .m-menu li a span {
    font-size: 22px;
    color: #282828;
}
.header-container .m-menu li a i {
    font-style: normal;
    font-family: 'hoeflertext';
    font-size: 16px;
    color: #282828;
}
@media (max-width: 1199.98px) {
    /* .header-container { background-color: red; } */
    .header-container { height: 100px; padding-top: 24px; }
    .header-container .logo2x img { height: 23px; }

    .header-container .m-menu { top: 100px; }

    .header-container .lang-menu { top: 100px; }
}
@media (max-width: 991.98px) {
    /* .header-container { background-color: blue; } */
    .header-container { height: 85px; padding-top: 14px; }
    .header-container .logo2x img { height: 21px; }

    .header-container .m-menu { top: 85px; }
    .header-container .lang-menu { top: 85px; }
}
@media (max-width: 767.98px) {
    /* .header-container { background-color: green;} */

    .header-container { height: 70px; padding-top: 10px; }
    .header-container .m-menu { top: 70px; width: 100%; }
    .header-container .m-menu li { padding: 0 1.5rem; }
    .header-container .m-menu li a { padding: 15px 0; }

    .header-container .lang-menu { top: 70px; }

}
@media (max-width: 575.98px) {
    /* .header-container { background-color: orange;} */

}

/* Backgrounds will cover all the section */
.section, .slide { position: relative; background-size: cover; background-attachment: fixed; background-position: center center; }
.fp-section { padding-top: 120px; }
.fp-overflow { min-height: 100%; }

@media (max-width: 1199.98px) {
    .fp-section { padding-top: 100px; }
}
@media (max-width: 991.98px) {
   .fp-section { padding-top: 85px; }
}
@media (max-width: 767.98px) {
    .fp-section { padding-top: 70px; }
}
@media (max-width: 575.98px) {
    
}

/* #section0 */
#section0 .overlay-video{
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; 
    background-position: center center;
    background-size: cover;
    object-fit: cover;
    /* z-index: -100; */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* #section1 */
.section1-content { position: relative; width: 100%; height: 100%; overflow: hidden; padding: 0 4rem; }
.section1-content h1 { font-size: 40px; color: #000; letter-spacing: 5px; line-height: 1.2; text-align: center; margin-top: 60px; margin-bottom: 40px; transform: translateY(10rem); opacity: 0; transition: all 1s; }
.section1-content h1.active { transform: translateY(0rem); opacity: 1; transition: all 1s; }

.section1-content p { font-size: 16px; color: #000; font-weight: 300; line-height: 32px; text-align: center; margin-bottom: 20px; transform: translateY(7rem); opacity: 0; transition: all 1s; }
.section1-content p.active { transform: translateY(0rem); opacity: 1; transition: all 1s; }

.section1-content .img01 { position: absolute; top: 220px; left: 16rem; overflow: hidden; }
.section1-content .img01 img { width: 250px; height: 480px; display: block; transform: scale(1.6); transform-origin: top right; transition: all 1.35s; }
.section1-content .img01.active img { transform: scale(1); transition: all 1.35s; }

.section1-content .img02 { position: absolute; top: 8px; right: 10rem; overflow: hidden; }
.section1-content .img02 img { width: 250px; height: 480px; display: block; transform: scale(1.6); transform-origin: top left; transition: all 1.35s; }
.section1-content .img02.active img { transform: scale(1); transition: all 1.35s; }

.section1-content .img03 { position: absolute; bottom: 0; left: 50%; margin-left: -145px; overflow: hidden; }
.section1-content .img03::before { content: ""; display: block; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: 10; transition: all 1.35s; }
.section1-content .img03.active::before { height: 0; }
.section1-content .img03 img { width: 370px; height: 510px; display: block; transform: scale(1.3); transform-origin: bottom left; transition: all 1.35s; }
.section1-content .img03.active img { transform: scale(1); transition: all 1.35s; }

@media (max-width: 1599.98px) {
    .section1-content .img01 { left: 12rem }
    .section1-content .img02 { right: 8rem }
    .section1-content .img03 { margin-left: -145px;}

    .section1-content .img01 img { width: 230px; height: 442px;}
    .section1-content .img02 img { width: 230px; height: 442px;}
    .section1-content .img03 img { width: 350px; height: 482px;}
}
@media (max-width: 1439.98px) {
    .section1-content .img01 { left: 9.4rem }
    .section1-content .img02 { right: 6rem }
    .section1-content .img03 { margin-left: -135px;}

    .section1-content .img01 img { width: 210px; height: 403px;}
    .section1-content .img02 img { width: 210px; height: 403px;}
    .section1-content .img03 img { width: 330px; height: 455px;}
}
@media (max-width: 1359.98px) {
    .section1-content .img01 { left: 8rem }
    .section1-content .img02 { right: 4.2rem }
    .section1-content .img03 { margin-left: -130px;}

    .section1-content .img01 img { width: 190px; height: 365px;}
    .section1-content .img02 img { width: 190px; height: 365px;}
    .section1-content .img03 img { width: 310px; height: 427px;}
}
@media (max-width: 1279.98px) {
    .section1-content .img01 { left: 4rem }
    .section1-content .img02 { right: 2rem }

    .section1-content .img01 img { width: 170px; height: 326px;}
    .section1-content .img02 img { width: 170px; height: 326px;}
    .section1-content .img03 img { width: 290px; height: 400px;}
}
@media (max-width: 1199.98px) {
    .section1-content { padding: 0 3rem; }
    .section1-content h1 { font-size: 36px; }

    .section1-content .img01 { left: 3rem }
    .section1-content .img02 { right: 1rem }
    .section1-content .img03 { margin-left: -120px }

    .section1-content .img01 img { width: 150px; height: 288px;}
    .section1-content .img02 img { width: 150px; height: 288px;}
    .section1-content .img03 img { width: 270px; height: 372px;}
}
@media (max-width: 991.98px) {
   .section1-content { padding: 0 10rem; }
   .section1-content h1 { font-size: 30px; }
   .section1-content p { font-size: 14px; line-height: 28px; }

    .section1-content .img01 { left: 1rem }
    .section1-content .img02 { right: 1rem }
    .section1-content .img03 { margin-left: -125px; right:auto }

    .section1-content .img01 img { width: 130px; height: 250px;}
    .section1-content .img02 img { width: 130px; height: 250px;}
    .section1-content .img03 img { width: 250px; height: 345px;}
}
@media (max-width: 767.98px) {
    .section1-content { padding: 0 10rem; }
    .section1-content h1 { font-size: 26px; letter-spacing: 2px; }

    .section1-content .img01 { left: 1rem; top: 260px; }
    .section1-content .img02 { right: 0rem }
    .section1-content .img03 { left: auto; margin-left: -100px; right: 1rem; }

    .section1-content .img01 img { width: 120px; height: 230px;}
    .section1-content .img02 img { width: 120px; height: 230px;}
    .section1-content .img03 img { width: 200px; height: 276px;}
}
@media (max-width: 575.98px) {
    .section1-content { padding: 0 1rem; }
    .section1-content h1 { font-size: 24px; }
    .section1-content .img01 { top: 280px; }

    .section1-content .img02 img { width: 100px; height: 192px;}
    .section1-content .img03 img { width: 150px; height: 207px;}
}

/* #section2 */
.section2-content { width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: row; }
.section2-content .left { width: 50%; background-size: cover; background-attachment: fixed; background-position: center center; background-image: url('./../img/section2_pic.png'); }
.section2-content .right { width: 50%; padding: 15px 120px; position: relative; }

.section2-content .right .sb-navigation { position: absolute; z-index: 999; width: 58px; height: 58px; top: 50%; margin-top: -29px; background-size: cover; background-attachment: fixed; background-position: center center; }
.section2-content .right .sb-next { right: 1.5rem; background-image: url('./../img/swiper_arrow_right2.png'); }
.section2-content .right .sb-prev { left: 1.5rem; background-image: url('./../img/swiper_arrow_left2.png'); }
.section2-content .right .swiper-button-disabled { opacity: 0.2; pointer-events: none; }

.section2-swiper { width: 100%; height: 100%; }
.section2-swiper .swiper-slide { }
.section2-swiper .swiper-slide a { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; text-decoration: none; }
.section2-swiper .swiper-slide a .img { position: relative; width: 100%; overflow: hidden; background-color: #EDE8DC; display: flex; align-items: center; }
.section2-swiper .swiper-slide a .img img { display: block; width: 100%; object-fit: cover; }

.section2-swiper .swiper-slide a .img img:nth-child(2) {
    position: absolute; /* 绝对定位，覆盖在第一张图片上方 */
    top: 0;
    left: 0;
    opacity: 0; /* 默认透明度为 0，隐藏图片 */
    transform: translateY(20px); /* 默认向下偏移 20px */
    transition: all 0.5s ease; /* 添加过渡效果 */
    inset: 0;
}
.section2-swiper .swiper-slide a:hover .img img:nth-child(1) {
    opacity: 0; /* 鼠标悬停时隐藏第一张图片 */
}
.section2-swiper .swiper-slide a:hover .img img:nth-child(2) {
    opacity: 1; /* 鼠标悬停时显示第二张图片 */
    transform: translateY(0); /* 鼠标悬停时回到原始位置 */
}

.section2-swiper .swiper-slide a span { width: 100%; padding: 10px; line-height: 1.25rem; font-size: 16px; text-align: center; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.section2-swiper .swiper-slide a:hover span { text-decoration: underline }


@media (max-width: 1199.98px) {
    .section2-content .right { padding: 15px 110px;}
}
@media (max-width: 991.98px) {
    .section2-content { height: auto; overflow:visible; flex-direction: column; }
    .section2-content .left { width: 100%; height: 400px }
    .section2-content .right { width: 100%; height: 750px; padding: 15px 70px; }

    .section2-content .right .sb-next {right: .5rem;}
    .section2-content .right .sb-prev {left: .5rem;}
}
@media (max-width: 767.98px) {
    .section2-content .left { width: 100%; height: 320px }
    .section2-content .right { width: 100%; height: 1200px; padding: 15px 50px; }

    .section2-content .right .sb-next {right: 0;}
    .section2-content .right .sb-prev {left: 0;}
}
@media (max-width: 575.98px) {
    .section2-content .left { width: 100%; height: 260px }
    .section2-content .right { width: 100%; height: 800px; padding: 15px 30px; }

    .section2-content .right .sb-next {right: 0;}
    .section2-content .right .sb-prev {left: 0;}

}


/* #section3 */
.section3-content { width: 100%; overflow: hidden; }
.section3-content p { margin-top: 60px; margin-bottom: 60px; font-size: 16px; font-weight: 300; color: #000; line-height: 32px; text-align: center; }

.section3-swiper { width: 100%; position: relative; }
.section3-swiper .swiper-slide { text-align: center; }
.section3-swiper .swiper-slide a { width: 100%; display: inline-flex; flex-direction: column; align-items: center; justify-content: space-between; text-decoration: none; }
.section3-swiper .swiper-slide a .img { flex: 1; overflow: hidden; position: relative; }
.section3-swiper .swiper-slide a .img img { display: block; width: 100%; object-fit: cover; transition: transform 0.3s ease; transform-origin: center center; }
.section3-swiper .swiper-slide a .img:hover img {transform: scale(1.2);}

.section3-swiper .swiper-slide a span { 
    position: absolute; z-index: 99; width: 100%; top: 50%; padding: 0 40px;
    margin-top: -32px; height: 64px; font-size: 16px; line-height: 32px; font-weight: 300; text-align: center; color: #fff; 
    align-items: center; justify-content: center;
    display: -webkit-flex; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;
}

.section3-swiper .sb-navigation { position: absolute; z-index: 999; width: 58px; height: 58px; top: 50%; margin-top: -32px; background-size: cover; background-attachment: fixed; background-position: center center; }
.section3-swiper .sb-next { right: 1.5rem; background-image: url('./../img/swiper_arrow_right.png'); }
.section3-swiper .sb-prev { left: 1.5rem; background-image: url('./../img/swiper_arrow_left.png'); }
.section3-swiper .swiper-button-disabled { opacity: 0.2; pointer-events: none; }

@media (max-width: 1199.98px) {

}
@media (max-width: 991.98px) {
    .section3-content p { font-size: 14px; line-height: 28px; }
}
@media (max-width: 767.98px) {

}
@media (max-width: 575.98px) {

}


.foot { width: 100%; display: flex; flex-direction: column; padding-top: 120px; }
.foot .flogo { text-align:center; }
.foot .flogo img { height: 21px; display: block; }
.foot .fmenu { display: flex; align-items: center; margin: 60px 0; }
.foot .fmenu li { margin-right: 100px; }
.foot .fmenu li:last-child { margin-right: 0; }
.foot .fmenu li a { display: flex; flex-direction: column; text-decoration: none; }
.foot .fmenu li a span { font-size: 18px; color: #282828; }
.foot .fmenu li a i { font-style: normal; font-family: 'hoeflertext'; font-size: 14px; color: #282828; }
.foot .copyright { font-size: 16px; color: #282828; text-align: right; }
.foot .beian { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 16px; line-height: 45px; }
.foot .beian a { font-size: 16px; color: #282828; text-decoration: none; margin-left: 20px; }
.foot .beian a:hover { text-decoration: underline; }
@media (max-width: 1199.98px) {
    .foot {padding-left: 1rem; padding-right: 1rem; padding-top: 100px; }
    .foot .flogo img { height: 19px; }
    .foot .fmenu { margin: 40px 0; }
    .foot .fmenu li { margin-right: 80px; }
    .foot .fmenu li a span { font-size: 16px; }
    .foot .fmenu li a i { font-size: 13px;}
    .foot .copyright, .foot .beian, .foot .beian a { font-size: 14px; }
}
@media (max-width: 991.98px) {
    .foot { padding-top: 85px; }
   .foot .flogo img { height: 17px; }
   .foot .fmenu { margin: 30px 0; justify-content: flex-start; }
   .foot .fmenu li { margin-right: 60px; }
   .foot .fmenu li a span { font-size: 14px; }
   .foot .fmenu li a i { font-size: 11px;}
   .foot .copyright, .foot .beian, .foot .beian a { font-size: 12px; }
   .foot .beian { padding-bottom: 0; }
}
@media (max-width: 767.98px) {
    .foot { padding-left: 0px; }
    .foot .flogo img { display:inline-block; }
    .foot .fmenu{ justify-content: center;}
    .foot .fmenu li { margin-right: 50px; }
    .foot .beian a { margin-left: 0; }
    .foot .fmenu li a span { font-size: 14px; }
    .foot .fmenu li a i { font-size: 11px;}

    .foot .copyright { text-align: center; font-size: 12px; margin-bottom: 5px; }
    .foot .beian { flex-direction: column; line-height: 30px; padding-bottom: 10px; }
}
@media (max-width: 575.98px) {
    .foot .fmenu li { margin-right: 30px; }
}

/* 内页 */
.content { width: 100%; padding: 0 24rem; overflow: hidden; }
@media (max-width: 2559.98px) {
    .content { padding: 0 15rem; }
}
@media (max-width: 2047.98px) {
    .content { padding: 0 12rem; }
}
@media (max-width: 1919.98px) {
    .content { padding: 0 8rem; }
}
@media (max-width: 1599.98px) {
    .content { padding: 0 7rem; }
}
@media (max-width: 1439.98px) {
    .content { padding: 0 6rem; }
}
@media (max-width: 1359.98px) {
    .content { padding: 0 5rem; }
}
@media (max-width: 1279.98px) {
    .content { padding: 0 4rem; }
}
@media (max-width: 1199.98px) {
    .content { padding: 0 3rem; }
}
@media (max-width: 991.98px) {
    .content { padding: 0 2rem; }
}
@media (max-width: 767.98px) {
   .content { padding: 0 1rem; }
}
@media (max-width: 575.98px) {
    
}

/* 探索产品 */
.product-list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding-top: 100px;}
.product-list::after { content: ''; width: calc((100% - 100px) / 3); visibility: hidden; }
.product-list li { width: calc((100% - 100px) / 3); margin-top: 60px; }
.product-list li .item { width: 100%; text-decoration: none; color: #282828; display: flex; flex-direction: column; overflow: hidden; }
.product-list li .item .img { position: relative; overflow: hidden; }
.product-list li .item .img img { display: block; width: 100%; }
.product-list li .item .img img:nth-child(2) {
    position: absolute; /* 绝对定位，覆盖在第一张图片上方 */
    top: 0;
    left: 0;
    opacity: 0; /* 默认透明度为 0，隐藏图片 */
    transform: translateY(20px); /* 默认向下偏移 20px */
    transition: all 0.5s ease; /* 添加过渡效果 */
}
.product-list li .item:hover .img img:nth-child(1) {
    opacity: 0; /* 鼠标悬停时隐藏第一张图片 */
}
.product-list li .item:hover .img img:nth-child(2) {
    opacity: 1; /* 鼠标悬停时显示第二张图片 */
    transform: translateY(0); /* 鼠标悬停时回到原始位置 */
}

.product-list li .item .entitle { font-size: 16px; color: #282828; font-family: 'hoeflertext'; margin-top: 30px; line-height: 1; }
.product-list li .item .title { font-size: 18px; color: #282828; font-weight: 500; margin-top: 15px; line-height: 1; }
.product-list li .item .desc { font-size: 16px; color:#A09E99; margin-top: 10px; line-height: 1; }
.product-list li .item .price { font-size: 16px; color: #282828; margin-top: 15px; line-height: 1; }
.product-list li .item .more { margin-top: 25px; }
.product-list li .item .more span { display: inline-block; width: auto; height: 60px; text-align: center; padding: 0 125px; background: #9B7F62; font-size: 18px; color: #fff; line-height: 60px; transition: all .5s ease; transform: translateX(-100%); opacity: 0;}
.product-list li .item:hover .more span { transform: translateX(0); opacity: 1; }

@media (max-width: 1199.98px) {
    .product-list { padding-top: 100px; }
    .product-list::after { content: ''; width: calc((100% - 80px) / 3); visibility: hidden; }
    .product-list li { width: calc((100% - 80px) / 3); margin-top: 50px; }
    .product-list li .item .more span { padding: 0; width: 100%; }
    .product-list li .item .more span { height: 55px; line-height: 55px; font-size: 16px;}
}
@media (max-width: 991.98px) {
    .product-list { padding-top: 85px; }
    .product-list::after { content: ''; width: calc((100% - 40px) / 2); }
    .product-list li { width: calc((100% - 40px) / 2); margin-top: 40px; }
    .product-list li .item .more span { height: 50px; line-height: 50px; font-size: 15px;}
    .product-list li .item .entitle { line-height: 1.2;}
}
@media (max-width: 767.98px) {
    .product-list { padding-top: 70px; }
    .product-list li { margin-top: 30px; }
    .product-list li .item .more { margin-top: 0;}
    .product-list li .item .more span { background: transparent; transform: translateX(0); opacity: 1; color: #282828; padding: 0; text-align: left; text-decoration: underline; }
}
@media (max-width: 575.98px) {
    .product-list::after { content: ''; width: 100%; visibility: hidden; }
    .product-list li { width: 100%; margin-top: 30px; }
    
}

/* 产品详情 */
.md-box { display: none; }
.pro-detail { width: 100%; padding-top: 120px; display: flex; flex-direction: row; }
.pro-detail .left { width: 55%; }
.pro-detail .left .left-box { display: flex; flex-direction: row; flex-wrap: wrap; }
.pro-detail .left .left-box .media { width: calc(50% - 4px); margin-bottom: 8px; }
.pro-detail .left .left-box .media:nth-child(odd) { margin-right: 8px; }
.pro-detail .left .left-box .media img { width: 100%; max-height: none; height: auto; max-width: none; }
.pro-detail .left .left-box .media video { width: 100%; max-height: none; height: auto; max-width: none; object-fit:contain }

.pro-detail .right { width: 45%; box-sizing: border-box; padding: 0 50px 0 100px; }
.pro-detail .right .entitle { font-size: 40px; color: #282828; font-family: 'hoeflertext'; margin-top: 60px; line-height: 1.1; }
.pro-detail .right .title { font-size: 40px; color: #282828; font-weight: 500; margin-top: 10px; line-height: 1; }
.pro-detail .right .desc { font-size: 20px; color:#282828; margin-top: 60px; line-height: 1; }
.pro-detail .right .ml { position:relative; font-size: 16px; color: #282828; margin-top: 60px; line-height: 1; }
.pro-detail .right .ml::after { position:absolute; content: ''; width: 40px; height: 1px; bottom: -8px; left: 0; background:#282828;}
.pro-detail .right .price { font-size: 20px; color: #282828; margin-top: 20px; line-height: 1; }
.pro-detail .right .pcollapse { margin-top: 60px; }
.pro-detail .right .pcollapse li { position: relative; border-bottom: 1px solid #dedddd }
.pro-detail .right .pcollapse li p.ctitle { cursor: pointer; height: 60px; line-height: 60px; font-size: 20px; font-weight: 500; color: #282828; }
.pro-detail .right .more { margin-top: 60px; display: inline-block; height: 60px; text-align: center; padding: 0 140px; background: #9B7F62; font-size: 18px; color: #fff; line-height: 60px; }
.pro-detail .right .pcollapse li .arrow {
    position: absolute;
    width: 52px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    cursor: pointer;
}
.pro-detail .right .pcollapse li .arrow::before,
.pro-detail .right .pcollapse li .arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 15px;
    height: 1px;
    background: #282828;
    transition: transform .3s ease;
}
.pro-detail .right .pcollapse li .arrow::before {
    transform-origin: center;
}
.pro-detail .right .pcollapse li .arrow::after {
    transform-origin: center;
    transform: rotate(90deg);
}
.pro-detail .right .pcollapse li .arrow.active::before {
    transform: rotate(180deg);
}
.pro-detail .right .pcollapse li .arrow.active::after {
    width: 0;
}
.pro-detail .right .pcollapse li div.cinfo { display: none; max-height: 300px; overflow-y: auto; padding: 15px 0; font-size: 16px; line-height: 30px; color: #333; }


@media (max-width: 1199.98px) {
    .pro-detail { padding-top: 100px; }
    .pro-detail .right { padding: 0 50px; }

    .pro-detail .right .entitle { font-size: 32px; margin-top: 50px; }
    .pro-detail .right .title { font-size: 32px; }
    .pro-detail .right .desc { font-size: 18px; margin-top: 50px; }
    .pro-detail .right .ml { margin-top: 50px; }
    .pro-detail .right .pcollapse { margin-top: 50px; }
}
@media (max-width: 991.98px) {
    .md-box { display: block; padding-top: 125px; padding-bottom: 40px; }

    .md-box .entitle { font-size: 40px; color: #282828; font-family: 'hoeflertext'; line-height: 1.1; }
    .md-box .title { font-size: 40px; color: #282828; font-weight: 500; margin-top: 10px; line-height: 1; }

    .pro-detail { padding-top: 0px; flex-direction: column; }
    .pro-detail .left { width: 100%; }
    .pro-detail .right { width: 100%; padding: 0; }

    .pro-detail .right .entitle, .pro-detail .right .title { display: none; }

    .pro-detail .right .desc, .pro-detail .right .ml, .pro-detail .right .pcollapse { margin-top: 40px; }
}
@media (max-width: 767.98px) {
    .md-box { display: block; padding-top: 105px; padding-bottom: 30px; }

    .pro-detail .right .entitle, .pro-detail .right .desc, .pro-detail .right .ml, .pro-detail .right .pcollapse { margin-top: 30px; }
}
@media (max-width: 575.98px) {
    .pro-detail .left .left-box .media { width: 100%; margin-bottom: 8px; }
    .pro-detail .left .left-box .media:nth-child(odd) { margin-right: 0; }
}

/* 格拉纳达 */
.granada-bg {
    margin-top: 120px;
    width: 100%; height: 100vh; overflow: hidden; background-size: cover; background-position: center center; 
    background-image: url('./../img/granada_bg.png'); 
}

@media (max-width: 1599.98px) {
    .granada-bg { height: 90vh; }
}
@media (max-width: 1439.98px) {
    .granada-bg { height: 80vh; }
}
@media (max-width: 1359.98px) {
    .granada-bg { height: 70vh; }
}
@media (max-width: 1279.98px) {
    .granada-bg { height: 60vh; }
}

@media (max-width: 1199.98px) {
    .granada-bg { margin-top: 100px; height: 50vh; }
}
@media (max-width: 991.98px) {
   .granada-bg { margin-top: 85px; height: 40vh; }
}
@media (max-width: 767.98px) {
    .granada-bg { margin-top: 70px; height: 30vh; }
}


.granada-bg .granada-wrap { display: flex; height: 100vh; flex-direction: column; align-items: center; justify-content: center; }
.granada-bg .granada-wrap h2 { font-size: 46px; font-weight: normal; color: #000; text-align: center; letter-spacing: 5px; line-height: 1; }
.granada-bg .granada-wrap p { font-family: 'TrajanPro'; font-size: 30px; font-weight: 300; color: #000; text-align: center; margin-top: 30px; line-height: 1; }

.granada-box01 { width: 100%; height: 100vh; display: flex; flex-direction: row; align-items: center; }
.granada-box01 .left { width: 50%; height: 100%; position: relative; }
.granada-box01 .left .img01 { width: 382px; height: 888px; position: absolute; left: 0; top: 30px; }
.granada-box01 .left .img01 img { display: block; width: 100%; }
.granada-box01 .left .img02 { width: 528px; height: 687px; position: absolute;  left: 200px; top: 250px;  }
.granada-box01 .left .img02 img { display: block; width: 100%; }
.granada-box01 .right { width: 50%; box-sizing: border-box; padding-left: 150px; }
.granada-box01 .right .tit { font-size: 46px; letter-spacing: 5px; margin-top: 300px; }
.granada-box01 .right .info { font-size: 16px; line-height: 32px; color: #000; width: 380px; margin-top: 40px; }

.granada-box02 { width: 100%; height: 100vh; display: flex; flex-direction: row; align-items: center; }
.granada-box02 .left { width: 50%; height: 100%; box-sizing: border-box; padding-left: 200px; }
.granada-box02 .left .tit { font-size: 46px; letter-spacing: 5px; margin-top: 300px; }
.granada-box02 .left .info { font-size: 16px; line-height: 32px; color: #000; width: 380px; margin-top: 40px; }
.granada-box02 .right { width: 50%; height: 100%; position: relative; }
.granada-box02 .right .img03 { width: 490px; height: 626px; position: absolute; right: 250px; top: 150px; }
.granada-box02 .right .img03 img { display: block; width: 100%; }
.granada-box02 .right .img04 { width: 381px; height: 487px; position: absolute;  right: 100px; top: 400px;  }
.granada-box02 .right .img04 img { display: block; width: 100%; }

.granada-box03 { width: 100%; }
.granada-box03 .tit { font-size: 46px; letter-spacing: 5px; margin-top: 60px; text-align: center; }
.granada-box03 .info { font-size: 16px; line-height: 32px; color: #000; margin-top: 40px; text-align: center; padding: 0 10%; }
.granada-box03 .img05 { margin-top: 60px; }
.granada-box03 .img05 img { display: block; width: 100%; }


@media (max-width: 1599.98px) {
    .granada-box02 .left { padding-left: 80px; }
}
@media (max-width: 1439.98px) {
    .granada-bg .granada-wrap h2 { font-size: 40px; }
    .granada-bg .granada-wrap p { font-size: 26px;}

    .granada-box01 { height: 800px; }
    .granada-box01 .left .img01 { width: 300px; height: 697px; left: 0; top: 30px; }
    .granada-box01 .left .img02 { width: 406px; height: 528px; left: 150px; top: 210px;  }
    .granada-box01 .right { padding-left: 100px; }
    .granada-box01 .right .tit { margin-top: 80px; font-size: 40px; }

    .granada-box02 { height: 700px; }
    .granada-box02 .right .img03 { width: 377px; height: 482px; right: 190px; top: 80px; }
    .granada-box02 .right .img04 { width: 294px; height: 376px; right: 100px; top: 250px;  }
    .granada-box02 .left { padding-left: 150px; }
    .granada-box02 .left .tit { font-size: 40px; margin-top: 180px; }

    .granada-box03 .tit { font-size: 40px; }
}
@media (max-width: 1359.98px) {
}
@media (max-width: 1279.98px) {
    .granada-box02 .left { padding-left: 100px; }
}
@media (max-width: 1199.98px) {
    .granada-bg .granada-wrap h2 { font-size: 36px; }
    .granada-bg .granada-wrap p { font-size: 22px;}

    .granada-box01 { height: 700px;}
    .granada-box01 .left { overflow: hidden;}
    .granada-box01 .left .img01 { width: 256px; height: 595px; left: 0; top: 30px; }
    .granada-box01 .left .img02 { width: 348px; height: 453px; left: 130px; top: 190px;  }
    .granada-box01 .right { padding-left: 80px; }
    .granada-box01 .right .tit { margin-top: 40px; font-size: 36px; }
    .granada-box01 .right .info { width: 100%; }

    .granada-box02 { height: 600px; }
    .granada-box02 .right { overflow: hidden; }
    .granada-box02 .right .img03 { width: 322px; height: 412px; right: 90px; top: 60px; }
    .granada-box02 .right .img04 { width: 250px; height: 320px; right: 0; top: 230px;  }
    .granada-box02 .left { padding-left: 60px; padding-right: 0; }
    .granada-box02 .left .tit { font-size: 36px; margin-top: 140px; }
    .granada-box02 .left .info {width: 100%;}

    .granada-box03 .tit { font-size: 36px; }
}
@media (max-width: 991.98px) {
    .granada-box02 .left { padding-left: 0; padding-right: 60px; }

}
@media (max-width: 767.98px) {
    .granada-bg .granada-wrap h2 { font-size: 30px; }
    .granada-bg .granada-wrap p { font-size: 18px;}

    .granada-box01 { flex-direction: column; height: auto;} 
    .granada-box01 .left { width: 100%; height: 680px; }
    .granada-box01 .right { padding-left: 0; width: 100%;}
    
    .granada-box01 .right .tit, .granada-box03 .tit { font-size: 30px; }

    .granada-box02 { flex-direction: column-reverse; height: auto; } 
    .granada-box02 .left { padding: 0; width: 100%;}
    .granada-box02 .left .tit { margin-top: 40px; font-size: 30px; }
    .granada-box02 .right { width: 100%; height: 550px; } 
}
@media (max-width: 575.98px) {
    
}


/* 关于品牌 */
.about-bg {
    margin-top: 120px;
    width: 100%; height: 100vh; overflow: hidden; background-size: cover; background-position: center center; 
    background-image: url('./../img/about_bg.jpg'); 
}

@media (max-width: 1599.98px) {
    .about-bg { height: 90vh; }
}
@media (max-width: 1439.98px) {
    .about-bg { height: 80vh; }
}
@media (max-width: 1359.98px) {
    .about-bg { height: 70vh; }
}
@media (max-width: 1279.98px) {
    .about-bg { height: 60vh; }
}

@media (max-width: 1199.98px) {
    .about-bg { margin-top: 100px; height: 50vh; }
}
@media (max-width: 991.98px) {
   .about-bg { margin-top: 85px; height: 40vh; }
}
@media (max-width: 767.98px) {
    .about-bg { margin-top: 70px; height: 30vh; }
}

.about-bg .about-banner { display: flex; height: 100vh; flex-direction: column; align-items: center; justify-content: center; padding-left: 35%; }
.about-bg .about-banner h2 { font-size: 46px; font-weight: normal; color: #000; text-align: center; letter-spacing: 5px; line-height: 1; }
.about-bg .about-banner p { font-family: 'TrajanPro'; font-size: 30px; font-weight: 300; color: #000; text-align: center; margin-top: 20px; line-height: 1; }
.about-bg .about-banner p:nth-child(3) { font-family: 'hoeflertext'; letter-spacing: 2px; font-size: 20px; font-weight: 300; color: #000; text-align: center; margin-top: 35px; line-height: 1.25; }

.about-box01 { padding-left: 50%; margin-top: 120px; position: relative; ; }
/* .about-box01 .logo { display: inline-block; height: 45px; } */

.about-box01 .bt { font-family: 'hoeflertext'; font-size: 52px; font-weight: bold; letter-spacing: 5px; font-weight: normal; color: #000; }
.about-box01 .tit { font-size: 40px; letter-spacing: 5px; font-weight: normal; color: #000; margin-top: 10px; margin-bottom: 20px; }
.about-box01 .info { font-size: 16px; line-height: 32px; font-weight: 300; color: #000; }
.about-box01 .img01 { width: 630px; height: 808px; position: absolute; left: 80px; top: 0; overflow: hidden; }
.about-box01 .img01 img { display: block; width: 100%; transform: scale(1.6); transform-origin: top right; transition: all 1.35s; }
.about-box01 .img01.active img { transform: scale(1); transition: all 1.35s; }


.about-box02 { padding-left: 15%; margin-top: 800px; position: relative; }
/* .about-box02 .logo { display: inline-block; height: 45px; } */
.about-box02 .bt { font-family: 'hoeflertext'; font-size: 52px; font-weight: bold; letter-spacing: 5px; font-weight: normal; color: #000; position: relative; }
.about-box02 .bt sub { position: absolute; top: 28px; margin-left: 10px; }
.about-box02 .tit { font-size: 40px; letter-spacing: 5px; font-weight: normal; color: #000; margin-top: 10px; margin-bottom: 20px; }
.about-box02 .info { font-size: 16px; line-height: 32px; font-weight: 300; color: #000; width: 360px; }
.about-box02 .img02 { width: 436px; height: 634px; position: absolute; right: 180px; top: -400px; overflow: hidden;  }
.about-box02 .img02 img { display: block; width: 100%; transform: scale(1.6); transform-origin: top left; transition: all 1.35s; }
.about-box02 .img02.active img { transform: scale(1); transition: all 1.35s; }

.about-box03 { margin-top: 160px; position: relative; height: 552px; padding-left: 66%; }
/* .about-box03 .logo { display: inline-block; height: 45px; margin-top: 280px; } */
.about-box03 .bt { font-family: 'hoeflertext'; font-size: 52px; font-weight: bold; letter-spacing: 5px; font-weight: normal; color: #000; }
.about-box03 .tit { font-size: 40px; letter-spacing: 5px; font-weight: normal; color: #000; margin-top: 10px; margin-bottom: 20px; width: 360px; }
.about-box03 .info { font-size: 16px; line-height: 32px; font-weight: 300; color: #000; width: 360px; }
.about-box03 .img03 { width: 868px; height: 552px; position: absolute; left: 80px; top: 0; overflow: hidden;  }
.about-box03 .img03::before { content: ""; display: block; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: 10; transition: all 1.35s; }
.about-box03 .img03.active::before { height: 0; }
.about-box03 .img03 img { display: block; width: 100%; transform: scale(1.3); transform-origin: bottom left; transition: all 1.35s; }
.about-box03 .img03.active img { transform: scale(1); transition: all 1.35s; }


@media (max-width: 1599.98px) {
    .about-box01 { padding-left: 52%; margin-top: 100px; position: relative; }
    .about-box01 .logo { height: 40px; }
    .about-box01 .bt { font-size: 44px;}
    .about-box01 .tit { font-size: 34px; }
    .about-box01 .img01 { width: 525px; height: 673px; position: absolute; left: 80px; top: 0; }

    .about-box02 { padding-left: 22%; margin-top: 660px; position: relative; }
    .about-box02 .logo { height: 40px; }
    .about-box02 .bt { font-size: 44px;}
    .about-box02 .tit { font-size: 34px; }
    .about-box02 .info { font-size: 16px; line-height: 32px; font-weight: 300; color: #000; width: 360px; }
    .about-box02 .img02 { width: 363px; height: 528px; position: absolute; right: 80px; top: -300px; }

    .about-box03 { margin-top: 140px; position: relative; height: 460px; padding-left: 66%; }
    .about-box03 .logo { height: 40px; margin-top: 220px; }
    .about-box03 .bt { font-size: 44px;}
    .about-box03 .tit { font-size: 34px; width: 360px; }
    .about-box03 .info { font-size: 16px; line-height: 32px; font-weight: 300; color: #000; width: 360px; }
    .about-box03 .img03 { width: 723px; height: 460px; position: absolute; left: 80px; top: 0; }
    .about-box02 .bt sub { top: 20px; }
}
@media (max-width: 1439.98px) {
    .about-bg .about-banner h2 { font-size: 40px; }
    .about-bg .about-banner p { font-size: 26px;}
    .about-bg .about-banner p:nth-child(3) { font-size: 18px;}

    .about-box01 .bt, .about-box02 .bt, .about-box03 .bt { font-size: 36px;}
    .about-box01 .tit, .about-box02 .tit, .about-box03 .tit { font-size: 30px;}

    .about-box02 .bt sub { top: 14px; }

    .about-box01 .img01 { width: 438px; height: 560px; position: absolute; left: 100px; top: 0; }

    .about-box02 { padding-left: 20%; margin-top: 520px; position: relative; }
    .about-box02 .img02 { width: 302px; height: 440px; position: absolute; right: 100px; top: -220px; }

    .about-box03 { margin-top: 90px; position: relative; height: 384px; padding-left: 66%; }
    .about-box03 .logo { margin-top: 190px; }
    .about-box03 .img03 { width: 600px; height: 384px; position: absolute; left: 100px; top: 0; }
}
@media (max-width: 1359.98px) {
    .about-bg .about-banner h2 { font-size: 38px; }
}
@media (max-width: 1279.98px) {
    .about-bg .about-banner h2 { font-size: 36px; }
    .about-box01 { padding-left: 46%; }
    .about-box03 { padding-left: 60%; }
}
@media (max-width: 1199.98px) {
    .about-bg .about-banner { padding-left: 30%; padding-right: 0; }
    .about-bg .about-banner h2 { font-size: 36px; }
    .about-bg .about-banner p { font-size: 22px;}
    .about-bg .about-banner p:nth-child(3) { font-size: 16px;}

    .about-box01 .bt, .about-box02 .bt, .about-box03 .bt { font-size: 32px;}
    .about-box01 .tit, .about-box02 .tit, .about-box03 .tit { font-size: 28px;}

    .about-box01 .img01 { left: 0px; width: 365px; height: 467px; }
    .about-box02 { padding-left: 6%; margin-top: 410px; }
    .about-box02 .img02 { right: 0px; width: 280px; height: 400px; top: -200px; }

    .about-box03 { height: 320px; margin-top: 75px; }
    .about-box03 .img03 { left: 0px; width: 500px; height: 320px; }
    .about-box03 .logo { margin-top: 60px; }
    .about-box03 .tit { width: 100%; }
    .about-box03 .info { width: 100%; }
}
@media (max-width: 991.98px) {
    .about-bg .about-banner { padding-left: 20%; padding-right: 0; }
    .about-bg .about-banner h2 { font-size: 32px; }
    .about-bg .about-banner p { font-size: 20px;}
    .about-bg .about-banner p:nth-child(3) { font-size: 14px;}

    .about-box01 .logo, .about-box02 .logo, .about-box03 .logo { height: 30px;}

    .about-box01 .bt, .about-box02 .bt, .about-box03 .bt { font-size: 30px;}
    .about-box01 .tit, .about-box02 .tit, .about-box03 .tit { font-size: 26px;}

    .about-box01 .img01 { width: 45%; height: auto;}
    .about-box02 { padding-left: 0; margin-top: 350px}

    .about-box03 .img03 { width: 50%; height: auto;}
    .about-box03 { padding-left: 58%; height: 230px; }
    .about-box03 .logo { margin-top: 0;}

    .about-box01 { padding-left: 50%; }
    .about-box03 {padding-left:54%; height: 300px;}
}
@media (max-width: 767.98px) {
    .about-bg .about-banner { padding-left: 20%; padding-right: 1rem; }
    .about-bg .about-banner h2 { font-size: 30px; }
    .about-bg .about-banner p { font-size: 18px;}
    .about-bg .about-banner p:nth-child(3) { font-size: 14px;}

    .about-box01 .tit, .about-box02 .tit, .about-box03 .tit { font-size: 24px; margin-bottom: 10px;}
    .about-box01 { margin-top: 60px; padding-left: 0; }
    .about-box01 .img01 { width: 100%; height: auto; position: relative; margin-top: 20px; }

    .about-box02 { margin-top: 60px; padding-left: 0; }
    .about-box02 .info { width: 100%; }
    .about-box02 .img02 { position: relative; top: auto; width: 100%; height: auto; margin-top: 20px;}

    .about-box03 { margin-top: 60px; padding-left: 0; height: auto; }
    .about-box03 .info { width: 100%; }
    .about-box03 .img03 { position: relative; top: auto; width: 100%; height: auto; margin-top: 20px;}
}
@media (max-width: 575.98px) {
    .about-bg .about-banner { padding-left: 1rem; padding-right: 1rem; }
    .about-bg .about-banner p { line-height: 1.2;}
}

.about-swiper { overflow: hidden; position: relative; }

.about-swiper .swiper-pagination { text-align: left; left: 180px; bottom: 0; }
.about-swiper .swiper-pagination .swiper-pagination-bullet { background: #DACFC2; margin: 0; width: 50px; height: 2px; border-radius: 0px; }
.about-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #9B7F62; height: 6px; }

.about-swiper .sb-navigation { position: absolute; z-index: 999; width: 58px; height: 58px; top: 50%; background-size: cover; }
.about-swiper .sb-next { right: 1.5rem; background-image: url('./../img/swiper_arrow_right.png');  }
.about-swiper .sb-prev { left: 1.5rem; background-image: url('./../img/swiper_arrow_left.png'); }

.about-flex { width: 100%; margin-top: 180px; display: flex; flex-direction: row; align-items: center; }
.about-flex .info { flex: 1; padding-left: 180px; padding-right: 80px; }
.about-flex .info .year { font-size: 80px; font-family: 'TrajanPro'; }
.about-flex .info .tit { font-size: 46px; letter-spacing: 5px; color: #282828; }
.about-flex .info .desc { font-size: 16px; line-height: 32px; color: #282828; margin-top: 60px;}
.about-flex .img { width: 800px; }
.about-flex .img img { display: block; width: 100%;}


@media (max-width: 1599.98px) {
    .about-flex { margin-top: 110px; }
    .about-flex .info { padding-left: 80px; padding-right: 60px; }
    .about-swiper .swiper-pagination { left: 80px; }

    .about-flex .img { width: 750px; }
}
@media (max-width: 1439.98px) {
    .about-flex { margin-top: 100px; }
    .about-flex .info .year { font-size: 60px; }
    .about-flex .info .tit { font-size: 40px; }
    .about-flex .info .desc { margin-top: 50px; }
    .about-flex .img { width: 720px; }
}
@media (max-width: 1359.98px) {
    .about-flex { margin-top: 90px; }
    .about-swiper .swiper-pagination { left: 100px; }
    .about-flex .info { padding-left: 100px; padding-right: 60px; }
    .about-flex .info .year { font-size: 56px;}
    .about-flex .info .tit { font-size: 36px; }
    .about-flex .info .desc { margin-top: 40px;}
    .about-flex .img { width: 680px; }
}
@media (max-width: 1279.98px) {
    .about-flex .info .year { font-size: 46px;}
    .about-flex .info .tit { font-size: 32px; }
    .about-flex .info .desc { margin-top: 30px;}
    .about-flex .img { width: 600px; }
}
@media (max-width: 1199.98px) {
    .about-flex { margin-top: 120px; }
    .about-swiper .swiper-pagination { left: 50px; }
    .about-flex .info { padding-left: 0px; padding-right: 60px; }
    .about-flex .info .year { font-size: 40px;}
    .about-flex .info .tit { font-size: 30px; }
    .about-flex .info .desc { margin-top: 30px;}
    .about-flex .img { width: 500px; }

    .about-swiper .sb-navigation { width: 40px; height: 40px; }
    .about-swiper .sb-next  { right: .5rem; }
    .about-swiper .sb-prev { left: .5rem; }
}
@media (max-width: 991.98px) {
    .about-flex { margin-top: 70px; }
    .about-flex .info { padding-left: 0px; padding-right: 0; }
    .about-flex .info .year { font-size: 32px;}
    .about-flex .info .tit { font-size: 26px; }
    .about-flex .info .desc { margin-top: 10px; }
    .about-flex .img { width: 400px; margin-top: 0; }

}
@media (max-width: 767.98px) {
    .about-flex { margin-top: 60px; flex-direction: column; }
    .about-flex .info .year { font-size: 30px;}
    .about-flex .info .tit { font-size: 24px; }
    .about-flex .img { width: 100%; margin-top: 10px; }
}
@media (max-width: 575.98px) {
    
}


.about-box04 {
    margin-top: 180px;
    width: 100%; 
    /* height: 100vh;  */
    height: 650px; 
    overflow: hidden; background-size: cover; background-position: center center; 
    background-image: url('./../img/about04.jpg'); 
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.about-box04 p { font-size: 46px; letter-spacing: 5px; color: #fff; font-family: 'TrajanPro'; }


.about-box05 { margin-top: 180px; display: flex; flex-direction: row; }
.about-box05 .left { width: 70%; box-sizing: border-box; padding-right: 100px; }

.about-box05 .left .en { font-size: 60px; font-family: 'TrajanPro'; line-height: 1; }
.about-box05 .left .zh { font-size: 40px; line-height: 1.5; margin-top: 15px; }
.about-box05 .left .img { margin-top: 80px; display: flex; flex-direction: row; }
.about-box05 .left .img img { display: block; width: calc(33.33% - 20px); margin-right: 20px; }
.about-box05 .left .img img:last-child { margin-right: 0; }

.about-box05 .right { width: 30%; }
.about-box05 .right p { font-size: 16px; line-height: 32px; margin-bottom: 30px; }
.about-box05 .right p:last-child { margin-bottom: 0;}

.about-box06 { align-items: flex-end;}

.about-swiper02 .swiper-pagination .swiper-pagination-bullet { background: #DACFC2; margin: 0; width: 50px; height: 2px; border-radius: 0px; }
.about-swiper02 .swiper-pagination .swiper-pagination-bullet-active { background: #9B7F62; height: 6px; }

.about-swiper02 .sb-navigation { position: absolute; z-index: 999; width: 58px; height: 58px; top: 50%; margin-top: 29px; background-size: cover; }
.about-swiper02 .sb-next { right: 1.5rem; background-image: url('./../img/swiper_arrow_right.png');  }
.about-swiper02 .sb-prev { left: 1.5rem; background-image: url('./../img/swiper_arrow_left.png'); }

@media (max-width: 1599.98px) {
    
}
@media (max-width: 1439.98px) {
    .about-box04 p { font-size: 40px; }
    .about-box05 .left { padding-right: 80px; }
    .about-box05 .left .img { margin-top: 320px; }
    .about-box05 .right p { margin-bottom: 20px; }

}
@media (max-width: 1359.98px) {
    .about-box04 p { font-size: 38px; }
    .about-box05 .left .en { font-size: 56px; }
    .about-box05 .left .zh { font-size: 36px; }
  
}
@media (max-width: 1279.98px) {
    .about-box04 p { font-size: 36px; }
    .about-box05 .left .en { font-size: 46px; }
    .about-box05 .left .zh { font-size: 32px; }
}
@media (max-width: 1199.98px) {
    .about-box05 .left { width: 60%; padding-right: 60px;}
    .about-box05 .left .img { margin-top: 308px; }
    .about-box05 .right { width: 40%; }

    .about-swiper02 .sb-navigation { width: 40px; height: 40px; }
    .about-swiper02 .sb-next  { right: .5rem; }
    .about-swiper02 .sb-prev { left: .5rem; }
}
@media (max-width: 991.98px) {
    .about-box04 p { font-size: 32px; }
    .about-box05 .left .en { font-size: 36px; }
    .about-box05 .left .zh { font-size: 26px; }

    .about-box05 .left .img { margin-top: 400px; }
}
@media (max-width: 767.98px) {
    .about-box04 { margin-top: 60px; height: 720px; }
    .about-box04 p { font-size: 30px; }
    .about-box05 .left .en { font-size: 30px; }
    .about-box05 .left .zh { font-size: 24px; }

    .about-box05 { flex-direction: column; margin-top: 60px;}
    .about-box05 .left { width: 100%; padding-right: 0; }
    .about-box05 .left .img { margin-top: 20px; margin-bottom: 20px; }
    .about-box05 .right { width: 100%;  }
}
@media (max-width: 575.98px) {
    .about-box04 { height: 100vh;}
    .about-box04 p { font-size: 18px; }
    .about-box05 .left .zh { line-height: 1.2;}
}


/* 联系我们 */
.lx-wrap {
    margin-top: 120px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.lx-wrap .lx-left {
    flex: 1;
}
.lx-wrap .lx-left img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lx-wrap .lx-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lx-wrap .lx-right p {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.lx-wrap .lx-right p span:nth-child(1) {
    font-size: 70px;
    font-family: 'TrajanPro';
}
.lx-wrap .lx-right p a {
    font-size: 16px;
    font-family: 'sourcehansans';
    color: #000;
}

@media (max-width: 1199.98px) {
    .lx-wrap { margin-top: 100px; }
    .lx-wrap .lx-right p span:nth-child(1) { font-size: 60px; }

}
@media (max-width: 991.98px) {
   .lx-wrap { margin-top: 85px; }
    .lx-wrap .lx-right p span:nth-child(1) { font-size: 50px; }
}
@media (max-width: 767.98px) {
    .lx-wrap { margin-top: 70px; flex-direction: column; }
    .lx-wrap .lx-right { margin-top: 20px; }
    .lx-wrap .lx-right p span:nth-child(1) { font-size: 40px; }
}