/* #7d6157
#8f8280 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-user-select: text!important;
    -webkit-user-select: text!important;
    -ms-user-select: text!important;
    user-select: text!important;
}

html, body {
    --base-resolution: 1920px;
    --base-font-size: 15px;
    font-size: var(--base-font-size);
    font-family: 'Microsoft Yahei', sans-serif;
    /* overflow: auto; */
}
::selection{
    user-select: text;
    background-color: #7d61573b;
    color:#fff;
}

/* ::selection {
    background: #004098!important;
    color: #fff!important;
} */

@media screen and (max-width: 1680px) {
    html {
        font-size: calc(1680px / var(--base-resolution) * var(--base-font-size));
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: calc(1440px / var(--base-resolution) * var(--base-font-size));
    }
}

@media screen and (max-width: 1366px) {
    html {
        font-size: calc(1366px / var(--base-resolution) * var(--base-font-size));
    }
}


@media screen and (max-width: 1280px) {
    html {
        font-size: calc(1280px / var(--base-resolution) * var(--base-font-size));
    }
}


@media screen and (max-width: 1024px) {
    html {
        font-size: calc(1024px / var(--base-resolution) * var(--base-font-size));
    }
}
header{
    width: 100%;
    height: 10vh;
    /* padding-left:5%; */
    /* position: fixed;
    left:0;
    top:0;
    z-index:2; */
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
}
header .headerlogo{
    width:10%;
    height:100%;
    float:left;
    opacity: 1;
    visibility: visible;
    position: relative;
    margin-right: 2vw;
}
header .headerlogo img{
    width:100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1.0);
    /* filter: brightness(1.1) saturate(1.1) contrast(1.1); */
}
header .headermenu{
    width: 100%;
    display: flex;
    flex-direction: row;
    list-style: none;
    /*background-color: #0a0a0a4d;*/
    /* float: left; */
    align-items: center;
    justify-content: center;
    /* margin-left: 9%; */
    position: relative;
    z-index: 10;
    height: 10vh;
    padding-left: 15%;
    padding-right: 15%;
}
header .headermenu li{
    flex:1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
}
header .headermenu li:hover::before{
    width:100%;
    transition: 0.5s ease;
}
header .headermenu li::before{
    content: '';
    position: absolute;
    background-color: #7d6157;
    width:0%;
    height: 5px;
    left: 0;
    top: 100%;
}
header .headermenu li:nth-child(1)::after{
    content: '';
    position: absolute;
    background-color: transparent;
    width:2vw;
    height: 3vh;
    left: 0%;
    top: 0%;
    border-top: 5px solid #7d6157;
    border-left: 5px solid #7d6157;
    border-right:0px solid #7d6157;
    border-bottom:0px solid #7d6157;
}
header .headermenu .headerorderservicebtn::after{
    content: '';
    position: absolute;
    background-color: transparent;
    width:2vw;
    height: 3vh;
    right: 0%;
    bottom: 0%;
    border-top:0px solid #7d6157;
    border-left:0px solid #7d6157;
    border-right: 5px solid #7d6157;
    border-bottom: 5px solid #7d6157;
}

header .headermenu li a{
    width:100%;
    height:100%;
}
header .headermenu li a span{
    width: 100%;
    height: 100%;
    flex:1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #636261;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    /* font-weight: 600; */
}
header .headermenu li:nth-child(3) a span:after{
    content:'^';
    display: inline-block; /* 允许旋转 */
    margin-left: 5px; /* 与文字间距 */
    transform: rotate(180deg); 
}
header .headermenu li:nth-child(3):hover a span:after{
    content:'^';
    display: inline-block; /* 允许旋转 */
    margin-left: 5px; /* 与文字间距 */
    transform: rotate(360deg); /* 初始反转180度 */
    transform-origin: center center;
    transition: 0.3s ease;
}

header .headermenu li:nth-child(4) a span:after{
    content:'^';
    display: inline-block; /* 允许旋转 */
    margin-left: 5px; /* 与文字间距 */
    transform: rotate(180deg); 
}
header .headermenu li:nth-child(4):hover a span:after{
    content:'^';
    display: inline-block; /* 允许旋转 */
    margin-left: 5px; /* 与文字间距 */
    transform: rotate(360deg); /* 初始反转180度 */
    transform-origin: center center;
    transition: 0.3s ease;
}

header .headermenu li:nth-child(5) a span:after{
    content:'^';
    display: inline-block; /* 允许旋转 */
    margin-left: 5px; /* 与文字间距 */
    transform: rotate(180deg); /* 初始反转180度 */
}
header .headermenu li:nth-child(5):hover a span:after{
    content:'^';
    display: inline-block; /* 允许旋转 */
    margin-left: 5px; /* 与文字间距 */
    transform: rotate(360deg); /* 初始反转180度 */
    transform-origin: center center;
    transition: 0.3s ease;
}
header .headermenu li:nth-child(6) a span:after{
    content:'^';
    display: inline-block; /* 允许旋转 */
    margin-left: 5px; /* 与文字间距 */
    transform: rotate(180deg); /* 初始反转180度 */
}
header .headermenu li:nth-child(6):hover a span:after{
    content:'^';
    display: inline-block; /* 允许旋转 */
    margin-left: 5px; /* 与文字间距 */
    transform: rotate(360deg); /* 初始反转180度 */
    transform-origin: center center;
    transition: 0.3s ease;
}
header .headermenu li:nth-child(7) a span:after{
    content:'^';
    display: inline-block; /* 允许旋转 */
    margin-left: 5px; /* 与文字间距 */
    transform: rotate(180deg); /* 初始反转180度 */
}
header .headermenu li:nth-child(7):hover a span:after{
    content:'^';
    display: inline-block; /* 允许旋转 */
    margin-left: 5px; /* 与文字间距 */
    transform: rotate(360deg); /* 初始反转180度 */
    transform-origin: center center;
    transition: 0.3s ease;
}
header .headermenu li a span:hover{
    cursor: pointer;
    color:#fff;
}

.headerorderservicebtn{
    width:10%;
    height:100%;
    border-radius: 10px;
    border:0px solid black;
    /* background-color: #0a0a0a; */
    float:right;
    flex: 0.5;
    position: relative;
}
.headerorderservicebtn:hover{
    cursor: pointer;
}
.headerorderservicebtn a{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; 
    width: 100%;
    height: 100%;  
}
.headerorderservicebtn span{
    font-size: 1.3rem;
    color:#fff;
    display: block;
    letter-spacing: 0.1rem;
}
.orderservicepanel{
    width:30%;
    height:100%;
    background-color:#8f8280;
    position: fixed;
    right: 0px;
    top:0px;
    visibility: hidden;
    opacity: 0;
    width:0%;
    padding:10% 2%;
    z-index: 9;
}
.orderservicepanelclosebtn{
    position: fixed;
    right:2%;
    top:2%;
    color:#fff;
    font-weight: 900;
    font-size:3rem;
    opacity: 1;
    visibility: visible;
}
.orderservicepanelclosebtn:hover{
    cursor:pointer;
}
.orderservicepanel h1{
    text-align: center;
    letter-spacing: 0.1rem;
}
.orderservicepanel form{

margin-top: 4vh;
}
.orderservicepanel form input:nth-child(1){
    width: 100%;
    height: 3rem;
    display: block;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0 1rem;
}
.orderservicepanel form input:nth-child(2){
    width: 100%;
    height: 3rem;
    display: block;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0 1rem;
}
.orderservicepanel form input:nth-child(4){
    width: 100%;
    height: 3rem;
    display: block;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0 1rem;
    border-radius: 10px;
    border: 0px solid black;
    box-shadow: 2px 2px 3px #cccccc70;
    background-color: #7d6157;
    color: #fff;
}
.orderservicepanel form input:nth-child(4):hover{
    cursor:pointer;
}
.orderservicepanel form textarea{
    resize: none;
    width: 100%;
    height: 10rem;
    padding: 1rem;
    font-size: 1rem;
    margin-bottom: 1rem;
    /* box-shadow: 2px 2px 5px; */
}
.banner{
    width:100%;
    height: 100vh;
    /* background-color:#8f8280; */
    /* background-image:url("http://www.jueshe.com/image/website/banner_1.jpg"); */
    background-image: url("../image/bg3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.aboutus{
    width:100%;
    height:100vh;
    /* background-color: #8f8280; */
    padding: 0% 2% 5%;
    position: relative;
}
.banner{
    /* padding:2% 5%; */
}
.bannertitle{
    width:70%;
    height:auto;
    background-color: #00000073;
    margin: 30vh auto 10vh auto;
    padding: 2rem;
    display: none;
}
.bannertitle h1{
    text-align: center;
    font-size: 6rem;
    letter-spacing: 1rem;
    color: transparent;
    -webkit-text-stroke: 2px #fff;
    animation-name:fadeInUp;
    animation-duration: 1s;
    animation-delay: 1.6s;
}
.bannertitle p:nth-child(2){
    text-align: center;
    font-size: 2rem;
    letter-spacing: 0.5rem;
    color:#fff;
    animation-name:fadeInUp;
    animation-duration: 1s;
    animation-delay: 1.6s;
    margin-bottom: 2vh;
}
.bannertitle p:nth-child(3){
    text-align: center;
    font-size: 2rem;
    font-style: italic;
    letter-spacing: 0.5rem;
    color:#fff;
    animation-name:fadeInUp;
    animation-duration: 1s;
    animation-delay: 1.6s;
}
.morebtn{
    width: 8%;
    height:auto;
    font-size:1.2rem;
    display: block;
    border: 1px solid #fff;
    text-align: center;
    padding: 0.5rem;
    color: #fff;
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 2px 2px 2px #7d6157;
    animation-name:zoomIn;
    animation-delay: 1.8s;
    animation-duration: 1s;
    text-decoration: none;
    background-color: #00000014;
    display: none;
}
.morebtn:hover{
    cursor:pointer;
    background-color: #7d6157;
    transition: 0.5s linear;
}
.aboutustitle{
	font-size: 3rem;
	/* -webkit-text-stroke: 2px #7d6157; */
	color: #7d6157;
	text-align: right;
	/* letter-spacing: 1rem; */
	display:inline-block;
	width: 36.5vw;
	/* transform: rotateY(46deg) rotateX(-22deg);
	transform-origin: right center; */
	margin-top: 2vh;
}
.aboutustitleen{
	font-size: 3rem;
	-webkit-text-stroke: 2px #7d6157;
	color:transparent;
	text-align: right;
	display:inline-block;
	width: 78.5%;
	/* transform: rotateY(47deg) rotateX(
20deg);
	transform-origin: left center; */
	/* line-height: 0rem; */
}
.aboutusleftimg{
	width: 40%;
	/* border:1px solid black; */
	height: 95%;
	/* float: left; */
	position: absolute;
	right: 11vw;
	top: 0;
	/* background-color: #b95599; */
	margin-top: 4vh;
	transform: scale(0.85) translateX(2vw);
}
.aboutusleftimg img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    filter: saturate(1.1) contrast(1.1);
    /* transform: translateX(-1.5vw) translateY(-2vh); */
    object-position: 50% 43%;
}
.aboutusrightarea{
	width: 40%;
	/* border: 1px solid #7d6157; */
	height: 95%;
	/* float: left; */
	position: absolute;
	left: 11vw;
	/* top: 6%; */
	display:flex;
	flex-direction:row;
}
.aboutusrightarealeft{
	width:100%;
	background-color: #ffffff5c;
	padding: 4% 2%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.aboutusrightarealeft h1:nth-child(1){
    text-align: left;
    font-size: 3rem;
    color: #7d6157;
    align-self: flex-start;
    margin-bottom: 1vh;
}
.aboutusrightarealeft h1:nth-child(2){
    text-align: center;
    color: #7d6157;
    align-self: flex-start;
    margin-bottom: 1vh;
}
.aboutusrightarealeft p{
    text-align: left;
    line-height: 3vh;
    font-size: 1rem;
    /* font-family: Georgia, "Times New Roman", Times, "Noto Serif SC", "SimSun", serif; */
    font-style: normal;
    text-wrap: wrap;
    /* text-indent: 2rem; */
    /* margin-top: 12vh; */
    margin-bottom: 1vh;
}
.aboutusrightarearight{
	width:45%;
	background-color: #8f8280d6;
	padding-top: 4%;
}
.aboutusrightarearight h1{
    text-align: center;
    color: #000;
    font-size: 3rem;
}
.aboutusrightarearight a:nth-child(2){
	display:block;
	width: 8vw;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: 8.5vw;
	border: 1px solid #7d6157;
	padding: 1rem 2rem;
	margin-top: 16vh;
	margin-bottom: 1vh;
}
.aboutusrightarearight a:nth-child(2):hover{
    cursor:pointer;
	filter:brightness(1.2);
	transition:0.5s ease;
}
.aboutusrightarearight a:nth-child(3){
	display:block;
	width: 8vw;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: 4vw;
	border: 1px solid #7d6157;
	padding: 1rem 2rem;
	float: left;
	margin-right: 1vw;
}
.aboutusrightarearight a:nth-child(3):hover{
    cursor:pointer;
	filter:brightness(1.2);
	transition:0.5s ease;
}
.aboutusrightarearight a:nth-child(4){
	display:block;
	width: 8vw;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: 8.5vw;
	border: 1px solid #7d6157;
	padding: 1rem 2rem;
}
.aboutusrightarearight a:nth-child(4):hover{
    cursor:pointer;
	filter:brightness(1.2);
	transition:0.5s ease;
}
.aboutusrightarearight a:nth-child(2) span{
    font-size: 1.2rem;
    color: #fff;
}
.aboutusrightarearight a:nth-child(3) span{
    font-size: 1.2rem;
    color: #fff;
}
.aboutusrightarearight a:nth-child(4) span{
    font-size: 1.2rem;
    color: #fff;
}
.aboutusrightarearight a:nth-child(2) svg{}
.aboutusrightarearight a:nth-child(3) svg{}
.aboutusrightarearight a:nth-child(4) svg{}
.aboutustime{
    border:1px solid #7d6157;
    width: 8vw;
    position:absolute;
    right: 5%;
    height:2%;
    border-radius: 50%;
    height: 17vh;
    /* writing-mode:vertical-lr; */
    text-align: center;
    /* display: flex; */
    /* padding-left: 0.8vw; */
    /* padding-top: 6vh; */
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 1vh;
}
.aboutustime strong{
    /* transform: rotate(115deg); */
    color:#7d6157;
    font-size:3rem;
}
.aboutustime span{
    /* text-align: center; */
    writing-mode:vertical-lr;
    font-size: 1.2rem;
    /* padding-left: 3vw; */
}
.showvideo{
    width:100%;
    height:100vh;
    padding-top: 2%;
    background-color: #8f82802e;
}
.showvideo h1:nth-child(1){
    color:#fff;
    font-size: 3rem;
    text-align: center;
  /*  */
    /* text-shadow: 
    0 0.5px 0 #7d6157,
    0 1px 0 #7d6157,
    0.5px 1.5px 0 #7d6157,
    1px 2px 0 #7d6157,
    1.5px 2.5px 0 #7d6157,
    2px 3px 0 #7d6157,
    2.5px 3.5px 0 #7d6157,
    3px 4px 0 #7d6157,

    0 0.5px 0 #7d6157,
    0 1px 0 #7d6157,
    -0.5px 1.5px 0 #7d6157,
    -1px 2px 0 #7d6157,
    -1.5px 2.5px 0 #7d6157,
    -2px 3px 0 #7d6157,
    -2.5px 3.5px 0 #7d6157,
    -3px 4px 0 #7d6157; */
    /* transform: translateY(-5px); */
    /* letter-spacing: 0rem; */
    margin-bottom: 1vh;
    color: #7d6157;
}
.showvideo h1:nth-child(2){
    text-align: center;
    font-size: 3rem;
    /* letter-spacing: 2rem; */
    /* -webkit-text-stroke: 2px #7d6157; */
    color: #7d6157;
    font-weight: 900;
    margin-bottom: 1vh;
}
.showvideo h1:nth-child(3){
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: 0rem;
    color: #0a0a0a;
    font-weight: 400;
}
.videopanel{
    width: 58vw;
    height: 65vh;
    /* background-color:#7d6157; */
    border-radius: 10px;
    margin-left: 21vw;
    position: relative;
    transform: translateY(5vh);
}
.videopanel video{
    width:100%;
    height:100%;
    /* object-fit: contain; */
    border:1px solid #000;
    background-color:#000;
    transform: translateY(0vh) translateX(1vw);
}
.videoplaybtn{
    position: absolute;
    left: 50%;
    top:50%;
    z-index:2;
}
.product{
    width:100%;
    height: auto;
    padding: 2% 12.5%;
    /*overflow: hidden;*/
    /* background:linear-gradient(to top, #7d615757, #fff); */
    /* box-shadow: 2px 2px 10px #000; */
    /* background-color: #0a0a0a; */
}
.topbtn{
    width:5rem;
    height:5rem;
    /* background-color: #8f8280; */
    position: fixed;
    bottom:4vh;
    right:2vw;
    border-radius: 50%;
    /* animation-name:slideInUp;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; */
    
}
.topbtn:hover{
    cursor:pointer;
}
.topbtn span{
    display: block;
    color:#7d6157;
    text-align: center;
    font-size:1rem;
}
.topbtn svg{
    width:100%;
    height: auto;
}
.productcollection1{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
    margin-top: 1vh;
    flex-wrap: wrap;
}
.productcollection1 li{width: 24%;height: auto;position: relative;margin-bottom: 3vh;/*animation-name:fadeInDown;
animation-duration:2s;*/margin-right: 1%;}
.productcollection1 li img{
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: brightness(1.05) contrast(110%) saturate(1.1);
}

.productcollection2{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin-top: 1vh;
    flex-wrap: wrap;
}
.productcollection2 li{width: 24%;height: auto;position: relative;margin-bottom:1vh;/*animation-name:fadeInDown;
animation-duration:2s;*/}
.productcollection2 li img{
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: brightness(1.05) contrast(110%) saturate(1.1);
}

.productcollection3{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin-top: 1vh;
    flex-wrap: wrap;
}
.productcollection3 li{width: 24%;height: auto;position: relative;margin-bottom:1vh;/*animation-name:fadeInDown;
animation-duration:2s;*/}
.productcollection3 li img{
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: brightness(1.05) contrast(110%) saturate(1.1);
}

/*.productcollection li:nth-child(2n){*/
/*    transform: translateY(-50px);*/
/*}*/


.product h1:nth-child(1){
    /* -webkit-text-stroke: 2px #7d6157; */
    color: #7d6157;
    font-size: 3rem;
    /* letter-spacing: 0.2rem; */
    text-align: center;
    margin-bottom: 1vh;
}
.product h1:nth-child(2){
    -webkit-text-stroke: 2px #7d6157;
    color: transparent;
    font-size: 6rem;
    letter-spacing: 1rem;
}
.productoverlay{
    position: absolute!important;
    left: 0;
    top:0;
    background-color:#7d6157;
    z-index:2;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2% 2%;
}
.productoverlay h1{
    font-size:2.5rem!important;
    font-weight: 600;
    color: #fff !important;;
}
.productoverlay p{
    font-size:1.2rem;
    color:#fff;
}
.productoverlay a{
    display: block;
    padding:1rem;
    font-size:1rem;
    letter-spacing: 0.1rem;
    color:#fff;
    font-style: italic;
    border:1px solid #fff;
    margin-top:1vh;
    text-decoration: none;
}
.productoverlay a:hover{
    cursor:pointer;
	background-color:#fff;
	color:#7d6157;
	transition:0.5s ease;
}
.footer{
    width:100%;
    height:50vh;
    background-color:#8f8280;
    /* display: flex; */
}
.footertop{
    flex: 1;
    width: 100%;
    height: 43vh;
    display: flex;
    flex-direction: row;
    background-color: #080808;
}
.footerbottom{
    width: 100%;
    height: 7vh;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footertopmiddle{
    flex: 0.2;
    padding: 2.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wechat{
    width: 100%;
    height: auto;
}
.wechat p{
    color: #7d6157;
    text-align: center;
    font-size: 1.2rem;
}
.wechat img{
    width: 100%;
    height:100%;
    object-fit: contain;
}
.footertopleft{
    flex: 0.8;
    padding: 2.2rem;
}
.footertopleftimg{
    width: 100%;
    height: 100%;
}
.footertopleftimg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footertopright{
    flex: 0.8;
}
.footertopright h1{
    font-size: 4rem;
    -webkit-text-stroke: 2px #fff;
    color: transparent;
    text-align: left;
    margin-top: 2vh;
    padding-left: 7rem;
}
.footertopright ul{
    width: 100%;
    height: auto;
    /* padding: 2.5rem 12.5rem; */
    list-style: none;
    padding-top: 8vh;
    padding-left: 7rem;
}
.footertopright ul li{
    display: flex;
    flex-direction: row;
    align-items: center;
    /* justify-content: center; */
    font-size: 1.5rem;
    line-height: 5vh;
}
.footertopright ul li svg{
    margin-right: 1vw;
}
.footertopright ul li span{
    color: #7d6157;
}
.footerbottom p{
    color: #fff;
    text-align: center;
    padding-top: 1vh;
}
.information{
    width:100%;
    height:100vh;
    display: flex;
    flex-direction: row-reverse;
    padding: 5% 2%;
}

.information h1:nth-child(1){
    transform: rotate(0deg);
    /* width: 15vw; */
    font-size: 4rem;
    display: block;
    writing-mode: sideways-rl;
    text-align: center;
    letter-spacing: 1rem;
    -webkit-text-stroke: 4px #7d6157;
}
.information h1:nth-child(2){writing-mode: vertical-lr;text-align: center;letter-spacing: 2rem;font-size: 4rem;-webkit-text-stroke: 2px #7d6157;}
.informationpanel{
    width: 85vw;
    height: 80vh;
    /* border: 1px solid #7d6157; */
    position:relative;
}
.informationpanelpaper{
    width:50vw;
    height:70vh;
    border: 5px solid #000;
    margin:0 auto;
    margin-top:5vh;
    clip-path: polygon(10% 0,100% 0,100% 100%,10% 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.informationpanelpaperrighttopangle{
    width: 10vw;
    height: 17vh;
    /* border: 1px solid #000; */
    position: absolute;
    right: 13vw;
    top: 0vh;
    background-color: #7d6157;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.informationpanelpapertitle{
    flex: 0.2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 3rem;
    letter-spacing: 0.2rem;
    /* margin-bottom: 13vh; */
    font-weight: 600;
    color: #7d6157;
}
.informationpanelpapercontent{
    list-style: none;
    flex: 1;
    align-items: center;
    justify-content: center;
}
.informationpanelpapercontent li:nth-child(1){
    margin-bottom: 1vh;
}
.informationpanelpapercontent li:nth-child(1) p{
    text-align: left;
    font-size: 1.4rem;
}
.informationpanelpapercontent li:nth-child(1) input{
    border: 1px solid black;
    /* text-align: center; */
    /* margin-left: 6vw; */
    width: 40vw;
    height: 5vh;
    font-size: 1.2rem;
    padding-left: 0.5rem;
}

.informationpanelpapercontent li:nth-child(2){
    margin-bottom: 1vh;
}
.informationpanelpapercontent li:nth-child(2) p{
    text-align: left;
    font-size: 1.4rem;
}
.informationpanelpapercontent li:nth-child(2) input{
    font-size: 1.2rem;
    border: 1px solid black;
    width: 40vw;
    /* margin-left: 6vw; */
    height: 5vh;
    padding-left: 0.5rem;
}

.informationpanelpapercontent li:nth-child(3){
    margin-bottom: 1vh;
}
.informationpanelpapercontent li:nth-child(3) p{
    text-align: left;
    font-size: 1.4rem;
    display: none;
}
.informationpanelpapercontent li:nth-child(3) input{
    border: 1px solid black;
    width: 40vw;
    /* margin-left: 6vw; */
    height: 5vh;
    font-size: 1.2rem;
    display: none;
}
.informationpanelpapercontent li:nth-child(1) input:focus{
    outline: none;
}
.informationpanelpapercontent li:nth-child(2) input:focus{
    outline: none;
}
.informationpanelpapercontent li:nth-child(3) input:focus{
    outline: none;
}
.informationpanelpapercontent li:nth-child(4) input:focus{
    outline: none;
}

.informationpanelpapercontent li:nth-child(4){}
.informationpanelpapercontent li:nth-child(4) p{
    text-align: left;
    font-size: 1.4rem;
}
.informationpanelpapercontent li:nth-child(4) textarea{
    resize: none;
    width: 40vw;
    height: 15vh;
    border: 1px solid #000;
    font-size: 1.2rem;
    padding: 0.5vh 0.5vw;
}
.informationpanelpapercontent li:nth-child(4) textarea:focus{
    outline: none;
}
.informationpanelpapercontent li{
    position:relative;
}
/*.informationpanelpapercontent li:after{*/
/*    content:'';*/
/*    position:absolute;*/
/*    top:7vh;*/
/*    left:0vw;*/
/*    width:2vw;*/
/*    height:1vh;*/
/*    background-color:#7d6157;*/
/*    border-radius: 10px;*/
/*    display: none;*/
/*}*/
/*.informationpanelpapercontent li:hover ::after{*/
/*    content:'';*/
/*    position:absolute;*/
/*    top:7vh;*/
/*    left:0vw;*/
/*    width:40vw;*/
/*    height:1vh;*/
/*    background-color:#7d6157;*/
/*    border-radius: 10px;*/
/*    transition:0.5s linear;*/
/*}*/
/*.informationpanelpapercontent li:nth-child(4):after{*/
/*    content:'';*/
/*    position:absolute;*/
/*    top:7vh;*/
/*    left:0vw;*/
/*    width:0vw;*/
/*    height:0vh;*/
/*    background-color:#7d6157;*/
/*    border-radius: 10px;*/
/*    transition:0.5s linear;*/

/*}*/
/*.informationpanelpapercontent li:nth-child(4):hover ::after{*/
/*    content:'';*/
/*    position:absolute;*/
/*    top:7vh;*/
/*    left:0vw;*/
/*    width:0vw;*/
/*    height:0vh;*/
/*    background-color:#7d6157;*/
/*    border-radius: 10px;*/
/*    transition:0.5s linear;*/

/*}*/
.informationpanelpapercontent li:nth-child(5){
    margin-top:1vh;
    margin-bottom:1vh;
    text-align: center;
}
.informationpanelpapercontent li:nth-child(5) input{
    width: 10vw;
    height: 5vh;
    font-size: 1.4rem;
    background-color: #8f8280;
    border: 0px solid black;
    border-radius: 10px;
    color: #fff;
}
.informationpanelpapercontent li:nth-child(5) input:hover{
    cursor:pointer;
    filter:brightness(1.2);
    transition:0.5s ease;
}
.informationpanelpaperlefttopangle{
    width:10vw;
    height:20vh;
    border: 38px solid #7d6157;
    border-right:0px solid black;
    border-bottom: 0px solid black;
    position:absolute;
    top:0vh;
    left:15vw;
}
.advantages{
    width:100%;
    height:100vh;   
}
.factorylayout{
    width:100%;
    height:100vh;
    display: flex;
    flex-direction: row;
    margin-top:5vh;    
}
.store{
    width:100%;
    height:100vh;
}
header .headermenu li:hover{
	background-color: #222222;
	filter: brightness(1.5);
	transition: 0.5s linear;
	/* color: #fff; */
}
@keyframes beginloading{
    /* 0%{
        opacity:0;
        visibility: hidden;
    } */
    0%{
        /* opacity:1; */
        visibility: visible;
    }
    100%{
        /* opacity:0; */
        visibility: hidden;
    }
}
.loading{
    opacity: 1;
    visibility: hidden;
    width:100%;
    height:100vh;
    position: fixed;
    left: 0;
    top:0;
    background-color:#8f8280;
    z-index:99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* animation-name: beginloading;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-iteration-count: 1;  */
}
@keyframes clothesspin{
    0%{
        transform:rotateY(0deg);
    }
    100%{
        transform:rotateY(360deg);
    }
}
.loading svg{
    animation-name:clothesspin;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.loading h1{
    color:transparent;
    -webkit-text-stroke: 2px #fff;
    font-size:6rem;
    letter-spacing: 2rem;
    font-weight: 900;
}
.factorylayoutleft{
    width:15vw;
    height:100vh;
    background-color: #7d6157;
    display: flex;
    flex-direction: row;
}
.factorylayoutleft h1{
    color:#fff;
    writing-mode: tb-rl;
    text-align: center;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1rem;
    font-size: 3.5rem;
}
.factorylayoutright{
    width:84.5vw;
    height: 100vh;
    position: relative;
    filter: grayscale(1);
}
.map{
    object-fit: cover;
    width: 100%;
    height:100%;
    position:absolute;
    top:0;
    left: 0;
    z-index:-1;
}
.positioneurope{
    position: absolute;
    left: 40vw;
    top: 34vh;
}
.positionamerica{
    left: 13vw;
    top: 36vh;
    position: absolute;
}
.positionchina{
    left: 66vw;
    top: 43vh;
    position: absolute;
}
.textchina{
    width:10vw;
    height:10vh;
    background-color:#fff;
    left: 66vw;
    top: 47vh;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:1rem;
    border-radius:10px;
    text-align: center;
    /* background-color: #7d6157; */
}
.texteurope{
    width:10vw;
    height:10vh;
    background-color:#fff;
    position: absolute;
    left: 40vw;
    top: 38vh;
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:1rem;
    border-radius:10px;
    text-align: center;
    /* background-color: #7d6157; */
}
.textamerica{
    width:10vw;
    height:10vh;
    background-color:#fff;
    left: 13vw;
    top: 40vh;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:1rem;
    border-radius:10px;
    text-align: center;
    /* background-color: #7d6157; */
}
.headertel{
    flex: 2.5;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headertel span{
    color: #636261;
    font-size: 1rem;
}
.headertel svg{
    margin-right:1vw;
}

.showvideosquare1{
    width: 4rem;
    height: 4rem;
    background-color:#7d6157;
    transform: translateY(-30vh) rotate(45deg);
    /* margin-left: 13vw; */
    /* margin-bottom: 4vh; */
    float: left;
    margin-left: 15vw;
    display: none;
}
.showvideosquare2{
    width: 4rem;
    height: 4rem;
    background-color:#7d6157;
    transform: translateY(-30vh) rotate(45deg);
    /* margin-left: 13vw; */
    /* margin-bottom: 4vh; */
    float: right;
    margin-right: 13vw;
    display: none;
}
.store{
    width: 100%;
    height: 100vh;
    /* margin-top: 5vh; */
    padding-top: 6%;
    background-color: #8f82802e;
    padding-bottom: 6%;
}
.storepanel{
    width:100%;
    height: 90%;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 2% 12.5%;
    justify-content: space-between;
    /* background-color: #8f828026; */
    align-items: center;
}
.storepanel li{
    /* flex: 25%; */
    height: 50vh;
    background-color:#8f8280;
    width: 20%;
    border-radius: 15px;
}
.storeimgdiv{
    width:100%;
    height: 50%;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    display: block;
}
.storeimgdiv img{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}
.storeinfo{
    padding: 1rem 1rem;
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.storeinfo p{color: #fff;line-height: 4.5vh;flex: 1;}
.storeinfo div:nth-child(1){
    font-size: 1.2rem;
}
.storeinfo div:nth-child(2){
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    flex: 1;
}
.storeinfo div:nth-child(2) p{
    line-height: 2rem!important;
}
.storeinfo div:nth-child(2) svg{
    /* margin-top: 1vh; */
    flex: 0.1;
    transform: TranslateY(2px);
}
.storeinfo div:nth-child(4){
    font-size: 0.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
}
.storeinfo div:nth-child(4) svg{}
.storeinfo div:nth-child(5){
    font-size: 0.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
}
.storeinfo div:nth-child(5) svg{}
.storeinfo hr{
    opacity: 0.3;
}
.storetitle{
    text-align: center;
    font-size: 3rem;
    /* letter-spacing: 0.2rem; */
    /* -webkit-text-stroke: 2px #7d6157; */
    color: #7d6157;
    margin-bottom: 1vh;
}
.storepanel li:hover{
    transform: translateY(-1vh);
    cursor: pointer;
    transition: 0.5s ease;
}
.storepanel li:hover img{
    transform: scale(1.1);
    transition: 0.5s ease;
}
.footertop1{
    width:100%;
    height: 43vh;
    background-color: #0a0a0a;
    display: flex;
    padding: 1vh 12.5%;
    /* padding-right: 5vw; */
}
.footertop1left{
    width:100%;
    flex: 0.7;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    /* border-right: 1px solid #7d6154; */
}
.footertop1middle{
    width:100%;
    flex: 1;
    /* border-right: 1px solid #7d6154; */
    position: relative;
}
.footertop1right{
    width:100%;
    flex: 0.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footertop1logodiv{
    width: 100%;
    height: 50%;
    object-fit: cover;
}
.footertop1logodiv img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(0.8) translateX(-10vw);
}
.footertop1left p{
    width: 100%;
    height: 70%;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 4vw;
    letter-spacing: 0.2rem;
}
.footertop1middle h1{
    color: #fff;
    font-size: 2rem;
    text-align: center;
}
.footertop1wechatdiv{
    width: 100%;
    height: 93%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footertop1wechatdiv img{
    width: 38%;
    object-fit: contain;
}
.footertop1rightinfo{
    width: 100%;
    height: 40%;
    /* display: flex; */
    /* flex-direction: row; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding-left: 4vw; */
    /* line-height: 0vh; */
    margin-bottom: 1vh;
    margin-left: 2.5vw;
}
.footertop1rightinfo li{
    display: flex;
    align-items: center;
    /* justify-content: center; */
    color: #fff;
    font-size: 1rem;
    line-height: 3vh;
}
.footertop1rightinfo li svg{
    margin-right: 1vw;
}
.footertop1rightinfo li span{}
.footertop1storediv{
    width: 50%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footertop1storediv img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footertop1menu{
    list-style: none;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 7vh;
}
.footertop1menu li{
    flex: 1;
    text-align: center;
    /* border-right: 1px solid #7d6154; */
    position: relative;
}
.footertop1menu li:hover{
    cursor: pointer;
    /*filter: brightness(2);*/
    transition: 0.5s ease;
}
.footertop1menu li:last-child{
    border-right: 0px solid black;
}
.footertop1menu li a{
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
}
.headerlogo::before{
    content:'';
    width: 2vw;
    height: 4vh;
    border-top: 5px solid #7d6157;
    border-left: 5px solid #7d6157;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    border-right: 0px solid black;
    border-bottom: 0px solid black;
}
.aboutusrightarealeft a{
    border: 0px solid black;
    background-color: #7d6157;
    border-radius: 15px;
    padding: 0.5rem 1.5rem;
    align-self: flex-start;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aboutusrightarealeft a span{
    color: #fff;
    font-size: 1.2rem;
    display: block;
}
.aboutusrightarealeft a svg{
    margin-right: 0.5rem;
}
.aboutusrightarealeft a{
    cursor: pointer;
    text-decoration: none;
}
.footertop1leftwechatdiv{
    /* border: 1px solid #060606; */
    border-radius: 50%;
    padding: 0.5rem;
    background-color: #212121;
    /* align-self: flex-start; */
    margin-left: 2.5vw;
    margin-bottom: 1vh;
    position: relative;
}
.footertop1leftwechatdiv svg{}
.footertop1leftwechatdiv svg:hover{
    cursor: pointer;
}
.footertop1leftwechatdivcontainer{
    width: 6vw;
    /* height: 16vh; */
    position: absolute;
    bottom: 6vh;
    opacity: 0;
    visibility: hidden;
}
.footertop1leftwechatdivcontainer img{
    width: 100%;
    height: auto;
    object-fit: contain;
}
.footertop1menu ul{
    position: absolute;
    border: 0px solid black!important;
    width: 100%;
    margin-top: 2vh;
}
.footertop1menu ul li{
    border: 0px solid black;
    text-align: center;
    margin-bottom: 1vh;
}
.footertop1menu ul li a{
    font-size: 0.8rem;
    color: #ffffff9e;
}
.headermenu ul{
    position: absolute;
    width: 100%;
    top: 100%;
    background-color: #0a0a0a4d;
    opacity: 0;
    visibility: hidden;
}

.headermenu ul li{
    color: #fff!important;
    line-height: 4vh;
}
.headermenu ul li a span:after{
    content: ''!important;
}
.headermenu ul li a{}
.headermenu ul li:hover{
    cursor: pointer;
}
.headermenu ul li::before{
    content:'';
    width: 0px!important;
    height: 0px!important;
    background-color: transparent!important;
}
.headermenu ul li::after{
    content:'';
    width: 0px;
    height: 0px;
    background-color: transparent;
}
.headermenu ul li:nth-child(1):after{
    content:'';
    width: 0px!important;
    height: 0px!important;
    background-color: transparent!important;
    display: none;
}
.headermenu ul li a span{
    font-size: 1rem!important;
    color: #fff;
}
.footersupport{
    font-size: 1rem;
    color: #fff;
    /* position: absolute; */
    /* bottom: 0; */
    /* text-align: right; */
    /* margin-top: 35vh; */
    /* margin-left: 55vh; */
    text-align: center;
    margin-top: 35vh;
}
.footersupport:hover{
    cursor: pointer;
}
.footersupport a{}
/*.footertop1menu li:nth-child(5){*/
/*    position:absolute;*/
/*    left: 6.5vw;*/
/*    bottom: 23vh;*/
/*}*/
.footerbottom p{
    font-size: 1rem;
}
.footerbottom p a{
    font-size: 1rem;
    color: #fff;
    text-decoration: none;
}































        /* 轮播容器样式 */
        .mainpageheader-swiper-container {
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }

        /* 轮播滑块样式 */
        .mainpageheader-swiper-slide {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 3rem;
            color: #fff;
            position: relative;
        }
        .mainpageheader-swiper-slide img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            left: 0;
            top: 0;
        }

        /* 自定义分页器样式 */
        .mainpageheader-swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background: #fff;
            opacity: 0.5;
        }

        .mainpageheader-swiper-pagination-bullet-active {
            opacity: 1;
            background: #7d6157!important;
        }

        /* 自定义导航按钮样式 */
        .mainpageheader-swiper-button-prev,
        .mainpageheader-swiper-button-next {
            color: #fff;
            width: 40px;
            height: 40px;
            background: transparent;
            border-radius: 50%;
        }

        .mainpageheader-swiper-button-prev::after,
        .mainpageheader-swiper-button-next::after {
            font-size: 18px;
        }
        
        
        
        
        
        
        
        
        
        
.headermenu li:nth-child(9){
    /*background-color: #7d6157;*/
    color:#fff;
    font-size: 1.3rem;
    padding:2rem;
}
.headermenu li:nth-child(9):hover{
    background-color: transparent;
	filter: brightness(1);
	/*transition: 0.5s linear;*/
	cursor: pointer;
}

.headermenu li:nth-child(9) a{
    width: 100%;
    height: 100%;
    background-color: #7d6157;
    
}
.headermenu li:nth-child(9) a span{
    color: #fff;
}


.mainpageheaderinfopanel{
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 40vh;
    padding: 2rem 5rem 2rem 14rem;
    font-family: "PingFang SC", "Microsoft YaHei", 'SimSun', 'SimHei', Arial, Helvetica, sans-serif !important;
}
.mainpageheaderinfopanel h1{
    text-align: left;
    font-size: 1.5vw;
    animation-name: fadeInUp;
    animation-delay: 0.1s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: unset;*/
    font-weight: 700;
    text-align: center;
}
.mainpageheaderinfopanel h1:nth-child(1){
    /* margin-bottom: 0vh; */
    animation-name: fadeInUp;
    animation-delay: 0.2s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    font-size: 3vw;
    font-weight: 700;
    /* -webkit-text-stroke: 0.5px #000000; */
    text-shadow: 4px 3px 1px #7d6157;
    display: block;
    /* background-color: #00000021; */
    /* background: #fff; */
    /* -webkit-background-clip: text; */
    /* background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    margin-bottom: 2vh;
    /* background-color: #000000; */
    width: 43rem;
    text-align: center;
}
.mainpageheaderinfopanel a{
    width: 100%;
    display: block;
    text-align: left;
    margin-top:3vh;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    text-decoration: none;
}
.mainpageheaderinfopanel a span{
    border: 1px solid #fff;
    font-size: 1.3rem;
    padding: 0.2rem 1rem;
    color: #fff;
    background: linear-gradient(to right, #7d6157, #ab4a27);
    border-radius: 10px;
}
.mainpageheaderinfopanel a span:hover{
    cursor: pointer;
}
.aboutusrightarealeft h1 span{
    color:#000;
}
.aboutusrightarealeft p:nth-child(2){
    font-size: 1.2rem;
    align-self: flex-start;
    text-align: center;
    font-size: 1rem;
    color: #868585;
    /* margin-bottom: 6vh; */
}
.customdesign{
    width: 100%;
    height: 100vh;
    padding: 5% 12.5%;
}
.customdesign h1{
    text-align: center;
    font-size: 3rem;
    color: #7d6157;
    margin-bottom: 1vh;
}
.customdesign p{
    text-align: center;
    font-size: 1rem;
    color: #868585;
    margin-bottom: 13vh;
}
.customdesignarea h2{
    text-align: center;
    font-size: 1.5rem;
    margin-top: 2vh;
    color: #000000e0;
}
.customdesignarea p{
    text-align: left;
    color: #868585;
    width: 100%;
    padding: 0 2%;
    /*white-space: nowrap; */
    margin-top: 3vh;
    line-height: 3vh;
    text-overflow: ellipsis;
    font-size: 1rem;
    height: 6vh;
    overflow: hidden;
    display: -webkit-box; /* 关键 */
    -webkit-line-clamp: 2; /* 显示2行 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    margin-bottom: 0;
}
.customdesignarea{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.customimgdiv{
    /* flex: 1; */
    width: 100%;
    height: 40%;
    margin-top: 0!important;
    overflow: hidden;
}

.customimgdiv img{width: 100%;height: 100%;object-fit: cover;}
.customimgdiv img:hover{
    transform: scale(1.1);
    cursor:pointer;
    transition: 0.5s linear;
}
.customdesignareaitem{
    /* flex: 1; */
    background-color: #f1eeee;
    height: 50vh;
    width: 30%;
    /* margin-left: 1%; */
}
.customdesignareaitem a{
    text-align: center;
    display: block;
    width: auto;
    /*border: 1px solid #000000e0;*/
    /*color: #000000e0;*/
    margin-top: 3vh;
    text-decoration: none;
}
.customdesignareaitem a span{
    border: 1px solid #000000e0;
    color: #000000e0;
    padding: 0.5rem 1rem;
    /* margin-top: 2vh; */
    font-size: 1rem;
}
.customdesignareaitem a span:hover{
    color: #7d6157;
    border: 1px solid #7d6157;
    transition: 0.3s linear;
    cursor: pointer;
}
.productselector{
    width:100%;
    display: flex;
    flex-direction: row;
    list-style: none;
    align-items: center;
    justify-content: center;
    margin-bottom: 3vh;
}
.productselector li{
    width: 5vw;
    text-align: center;
    border-right: 1px solid #7d6157;
    font-size: 1rem;
}
.productselector li a{
    color: #000;
    text-decoration: none;
    padding: 0.5rem 0.5rem;
}
/*.productselector li:hover{*/
/*    color:#fff;*/
/*    background-color:#7d6157;*/
/*    transition: 0.3s ease;*/
/*    cursor: pointer;*/
/*}*/
.productselector li:hover a{
     color:#fff;
    background-color:#7d6157;
    transition: 0.3s ease;
    cursor: pointer;  
}

.productsubtitle{
    text-align: center;
    font-size: 1rem;
    color: #868585;
    margin-bottom: 2vh;
}
.storesubtitle{
    text-align: center;
    font-size: 1rem;
    color: #868585;
    margin-bottom: 6vh;
}
.reservationsubtitle{
    text-align: center;
    font-size: 1.4rem;
    color: #868585;
    margin-bottom: 5vh;
}

.showvideosubtitle{
    text-align: center;
    font-size: 2rem;
    color: #7d6157;
    margin-bottom: 1vh;
}

.headermenu a{
    text-decoration: none;
}



/*productpage*/
.productpagename{
    text-align: center;
    font-weight: 600;
    margin-top: 0.5vh;
    margin-bottom: 0.5vh;
}
.productpageprice{
    text-align: center;
    font-weight: 600;
    color: #7d6157;
    margin-bottom: 0.5vh;
}
.productpagedetail{
    /* text-align: center; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-decoration: none;
}
.productpagedetail div{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    padding: 0.5rem 1rem;
}
.productpagedetail div svg{}
.productpagedetail div span{}
.productpagedetail div:hover{
    color:#7d6157;
    border:1px solid #7d6157;
    transition: 0.3s ease;
    cursor: pointer;
}


/*productview*/
.productviewmore{
    display: block;
    text-align: center;
    margin-bottom: 5vh;
    text-decoration: none;
}
.productviewmore span{
    /* border: 1px solid #fff; */
    background-color: #7d6157;
    border-radius: 10px;
    padding: 1rem;
    color: #fff;
}
.productviewmore span:hover{
    filter: brightness(1.5);
    cursor: pointer;
    transition: 0.3s ease;
}
.productview{
    width: 100%;
    height: auto;
    padding: 2% 12.5% 0% 12.5%;
}
.productviewtop{
    width: 100%;
    height: 86vh;
    background-color: #fff;
    display: flex;
    flex-direction: row;
}
.productviewbottom{
    width: 100%;
    height: auto;
    /* background-color: skyblue; */
}
        .productview-swiper {
            width: 40%;
            height: 100%;
            /* border-radius: 8px; */
            overflow: hidden;
            /* box-shadow: 0 2px 15px rgba(0,0,0,0.2); */
            position: relative;
            /* background-color: #b6acaa; */
        }
        /* 轮播项（横向排列关键：Swiper默认横向，无需额外设置） */
        .productview-swiper-slide {
            width: 100%; /* 每个轮播项占满容器宽度 */
            height: 100%;
        }
        .productview-swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持图片比例 */
        }
        /* 分页器样式 */
        .productview-swiper-pagination {
            bottom: 15px !important;
            position: absolute;
            /* position: relative; */
            z-index: 1;
            text-align: center;
        }
        .productview-swiper-pagination-bullet {
            background: #fff;
            opacity: 0.7;
        }
        .productview-swiper-pagination-bullet-active {
            background: #ffd700;
            opacity: 1;
        }
        /* 导航按钮样式 */
        .productview-swiper-button-prev,
        .productview-swiper-button-next {
            color: #fff;
            --swiper-navigation-size: 25px;
        }
.productview-swiper img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.productviewtopcontent{
    width: 60%;
    /* border: 1px solid #7d6157; */
    padding: 2% 5%;
    /* box-shadow: 1px 1px 1px #7d6157; */
    background-color: #7d61570d;
}
.productviewtitle{
    font-size: 2rem;
    margin-bottom: 1vh;
}
.productviewsubtitle{
    color: #7d6157;
    font-size: 1rem;
    margin-bottom: 1vh;
}
.productviewbottomimglist{
    width: 100%;
    height: 100%;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.productviewbottomimglist li{width: 19%;margin-bottom: 5vh;margin-top: 5vh;}
.productviewbottomimglist li div{
    width: 100%;
    height: 100%;
}
.productviewbottomimglist li div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.productviewpriceinfo{
    list-style: none;
    width: 100%;
    height: 76%;
    display: flex;
    flex-direction: column;
    /* height: 21%; */
    flex-wrap: wrap;
    justify-content: center;
    overflow: auto;
    margin-bottom: 1vh;
}
.productviewprice{
    font-size: 1rem;
    margin-bottom: 1vh;
}
.productviewprice span{
    font-size: 1.5rem;
    color: #ff0000;
}
.productviewpriceinfo li{
    height: 100%;
    display: flex;
    /* align-items: center; */
    /* border-bottom: 0.5px solid #7d6157; */
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
}
.productviewdescribe{
    /* font-size: 1rem; */
    /* margin-bottom: 7vh; */
}
.productviewfunctionbtn{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.productviewfunctionbtn a{
    border: 1px solid #7d6157;
    font-size: 1rem;
    padding: 1rem;
}
.productviewfunctionbtn a:nth-child(1){margin-right: 1vw;color: #fff;background-color: #7d6157;border: 0px solid black;text-decoration: none;}
.productviewfunctionbtn a:nth-child(2){
    margin-left: 1vw;
    color: #000;
    text-decoration: none;
}
.productviewfunctionbtn a:hover{
    cursor: pointer;
    filter: brightness(1.5);
    transition: 0.3s ease;
}

/*contact*/
.contact{
    width: 100%;
    height: auto;
    /* margin-top: 6vh; */
    padding: 2% 12.5%;
}
.contactpanel{
    width: 100%;
    height: 46vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.contactpanel li{
    display: flex;
    flex-direction: row;
    height: 21vh;
    width: 48%;
    margin-bottom: 2vh;
    background-color: #00000005;
}
.contactstoreimgdiv{
    flex: 1;
}
.contactstoreimgdiv img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
}
.contactstorecontent{
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 2%;
}
.contactstorecontent div:nth-child(1){
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 2vh;
    margin-top: 1vh;
}
.contactstorecontent div{
    line-height: 2rem;
    display: flex;
}
.contactstorecontent div span{
    flex: 10;
}
.contactstorecontent div svg{
    flex: 1;
    margin-right: 0.5vw;
    margin-top: 0.4vh;
}
.contactmap{
    flex: 1;
}
.contacttitle1{
    font-size: 3rem;
    color: #7d6157;
    /* margin-top: 10vh; */
    text-align: center;
    margin-bottom: 4vh;
}
.contactmainstore{
    width: 100%;
    height: auto;
    /* padding: 1%; */
    margin-bottom: 7vh;
    background-color: #fafafa;
    display: flex;
}
.contactmainstoreimgdiv{
    width: 100%;
    height: auto;
    width: 50%;
}
.contactmainstoreimgdiv img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contactmainstorecontent{
    /* padding-bottom: 2vh; */
    /* padding-left: 0vw; */
    width: 50%;
    padding: 2%;
}
.contactmainstoretitle{
    font-size: 2rem;
    text-align: left;
    margin-top: 1vh;
    margin-bottom: 1vh;
}
.contactmainstoreinfo{
    list-style: none;
    /* margin-bottom: -2vh; */
    /* padding-left: 11vw; */
    margin-top: 10vh;
}
.contactmainstoreinfo li{
    /* text-align: center; */
    line-height: 4rem;
    display: flex;
    align-items: center;
}
.contactmainstoreinfo li span{
    font-size: 1.5rem;
} 
.contactmainstoreinfo li svg{
    margin-right: 0.5vw;
}

/*news*/
.news{
    width: 100%;
    height: auto;
    margin-top: 0vh;
    padding: 2% 12.5%;
}
.news1{
    width: 100%;
    height: auto;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.news1 li{
    width: 32%;
    background-color: #fafafa;
    margin-bottom: 2vh;
    margin-left: 1%;
}
.news1imgdiv{
    width: 100%;
    display: block;
    overflow: hidden;
}
.news1imgdiv img{
    width: 100%;
    object-fit: contain;
}
.news1title{
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    font-size: 1.2rem;
    margin-bottom: 1vh;
}
.news1time{
    font-size: 1rem;
    margin-bottom: 1vh;
    color: #636262;
}
.news1content{
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    height: 6vh;
    line-height: 2vh;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin-bottom: 1vh;
}
.news1more{
    display: block;
    width: 100%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: right;
    color: #000;
    text-decoration: none;
}
.news1more:hover{
    cursor: pointer;
}
.news1more:hover span{
    color: #7d6157;
    transition: 0.3s ease;
}
@keyframes newsmorebtnmove{
    0%{
       transform:translateX(0px); 
    }
    50%{
       transform:translateX(3px); 
    }
    100%{
       transform:translateX(0px); 
    }
}
.news1more:hover svg{
    animation-name: newsmorebtnmove;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: 0.3s ease;
}
.news1more span{
    font-size: 1rem;
}
.news1more svg{}
.news1textdiv{
    padding: 2%;
}
.newsmaintitle{
    text-align: center;
    font-size: 3rem;
    color: #7d6157;
}
.newsselector{
    text-align: center;
    font-size: 1rem;
    color: #000;
    margin-top: 2vh;
    margin-bottom: 2vh;
}
.newsselector a{
    padding: 0.5rem 0.5rem;
    border-right: 1px solid #7d6157;
    color: #000;
    text-decoration: none;
}
.newsselector a:hover{
    cursor: pointer;
}

.news2{
    width: 100%;
    height: auto;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
.news2 li{
    width: 32%;
    background-color: #fafafa;
}
.news2imgdiv{
    width: 100%;
    display: block;
    overflow: hidden;
}
.news2imgdiv img{
    width: 100%;
    object-fit: contain;
}
.news2title{
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    font-size: 1.2rem;
    margin-bottom: 1vh;
}
.news2time{
    font-size: 1rem;
    margin-bottom: 1vh;
    color: #636262;
}
.news2content{
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    height: 6vh;
    line-height: 2vh;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin-bottom: 1vh;
}
.news2more{
    display: block;
    width: 100%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: right;
    color: #000;
    text-decoration: none;
}
.news2more:hover{
    cursor: pointer;
}
.news2more:hover span{
    color: #7d6157;
    transition: 0.3s ease;
}
.news2more:hover svg{
    animation-name: newsmorebtnmove;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: 0.3s ease;
}
.news2more span{
    font-size: 1rem;
}
.news2more svg{}
.news2textdiv{
    padding: 2%;
}

/*nybanner*/
.nybanner{
    width: 100%;
    height: auto;
    margin-top: 10vh;
}
.nybanner div{
    width: 100%;
    height: 100%;
}
.nybanner div img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
/*newsview*/
.newsview{
    width:100%;
    width: 100%;
    height: auto;
    margin-top: 0vh;
    padding: 2% 12.5%;
    min-height: 90vh;
}
.newsviewtop{}
.newsviewtitle{
    font-size: 2rem;
    text-align: center;
    margin-bottom: 2vh;
}
.newsviewinfo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2vh;
}
.newsviewinfo li{
    list-style: none;
    font-size: 1rem;
}
.newsviewtop hr{
    margin-bottom: 2vh;
}
.newsviewpassage{
    margin-bottom: 4vh;
    font-size: 1rem;
    line-height: 2rem;
    min-height: 50vh;
}
.newsviewbottom{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.newsviewbottom li{}
.newsviewbottom li a{
    font-size: 1rem;
    background-color: #7d6157;
    padding: 1rem 2rem;
    color: #fff;
}
.newsviewbottom li a:hover{
    cursor: pointer;
    filter: brightness(1.5);
    transition: 0.3s ease;
}

/*brand*/
.brandlearnmore:hover{
    cursor: pointer;
    filter: brightness(1.5);
    transition: 0.3s ease;
}
.brandlearnmore{
    background-color: #7d6157;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    align-self: flex-start;
    text-decoration: none;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.brandlearnmore svg{}
.brandlearnmore span{
    font-size: 1rem;
    color: #fff;
}
.brand{
    width: 100%;
    padding: 2% 12.5% 0% 12.5%;
    /* display: flex; */
    /* flex-direction: row; */
    /* background: #0000000a; */
    height: 59rem;
}
.brandstory{
    width: 100%;
    display: flex;
    height: 100%;
    background-color: #0000000a;
    /* padding-top: 2vh; */
    /* margin-top: 0vh; */
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.brandstoryimgdiv{
    width: 50%;
    height: 52rem;
    position: relative;
    /* transform: scale(0.7); */
    margin-right: 1rem;
}
.brandstoryimgdiv img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* transform: translateX(-2.5vw); */
}
.brandstorytext{
    width: 50%;
    padding: 2rem 3rem 0rem 0%;
    display: flex;
    align-items: flex-start;
    font-size: 1rem;
    line-height: 2rem;
    flex-direction: column;
    height: 52rem;
}
.brandtitle{
    text-align: left;
    color: #7d6157;
    font-size: 3rem;
    margin-bottom: 1rem;
}
.brandstorybgdiv{width: 100%;height: 100%;position: absolute;z-index: -1;background-color: #7d6157;/* left: 5vw; */top: 1vh;right: 10vw;display: none;}
.brandstorysubtitle{
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.brandstorytextpassage{
    margin-bottom: 1vh;
    font-size: 1rem;
}
.factorydata{
    width: 100%;
    height: 10rem;
    padding: 2rem 0% 2rem 0%;
    /* background-color: #0000000a; */
    /* margin-top: 2rem; */
}
.factorydatapanel{
    width:100%;
    height:100%;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.factorydatapanel li:nth-child(1){
    /* border: 1px solid #0a0a0a; */
    border-radius: 2rem;
    margin-right: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #7d6157;
    /* margin-right: 0vw; */
    width: 25%;
    /* padding-top: 10%; */
    /* padding-left: 10%; */
    padding: 1rem 1rem;
}
.factorydatapanel li:nth-child(2){
    /* border: 1px solid #000; */
    border-radius: 2rem;
    margin-right: 0.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #7d6157;
    width: 25%;
    /* padding-top: 10%; */
    /* padding-left: 10%; */
    padding: 1rem;
}
.factorydatapanel li:nth-child(3){
    /* border: 1px solid #000; */
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #7d6157;
    width: 26%;
    /* padding-top: 10%; */
    /* padding-left: 8%; */
    padding: 1rem;
}
.factorydatanumber1{
    color: transparent;
    font-size: 2rem;
    -webkit-text-stroke: 2px #fff;
    font-weight: 900;
    display: inline-block;
    /* line-height: 5rem; */
}
/* .factorydatanumber2{
    color:#7d6157;
    font-size: 3rem;
} */
/* .factorydatapanel li div{
    
display: flex;
    
align-items: center;
    
justify-content: center;
    
color: #7d6157;
} */
.factorydatatext{
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0.2rem;
    /* line-height: 0.5rem; */
}
.factorydataunit{color: #fff;font-size: 1rem;/* margin-top: 1vh; *//* margin-bottom: 1vh; */display:inline-block;}

/*about*/
.about{
    width: 100%;
    height: auto;
    padding: 2% 12.5%;
}
.aboutdiv{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-top: 2vh;
}
.aboutimgdiv{
    width: 100%;
    /* transform: scale(0.8); */
    height: 100%;
    /* border: 1px solid #000; */
    margin-bottom: 3vh;
}
.aboutimgdiv img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.abouttext{
    width: 100%;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 3vh;
    padding: 2% 2%;
    flex-direction: column;
}
.abouttitle{
    text-align: center;
    font-size: 3rem;
    color: #7d6157;
    margin-bottom: 2vh;
}
.companyculture{}
.companyculturetitle{
    margin-bottom: 2vh;
    font-size: 3rem;
    color: #7d6157;
    text-align: center;
    margin-top: 2vh;
}
.companycultureitemtitle{
    width: 20%;
    align-self: center;
}
.companycultureitemtitle img{
    width: 100%;
    height: auto;
    object-fit: contain;
}
.companycultureitemtitle span{
    /* border: 1px solid #000; */
    display: block;
    width: 10vw;
    height: 15vh;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 3vh;
    background-color: #7d6157;
    color: #fff;
    font-weight: 600;
}
.companycultureitemdescribe{
    position: relative;
    width: auto;
}
.companyculturelist li:nth-child(1) .companycultureitemdescribe::after{
    position: absolute;
    right: 0;
    bottom:0;
    font-size: 2rem;
    color: #fff;
    font-style: italic;
    content: '01';
}
.companyculturelist li:nth-child(2) .companycultureitemdescribe::after{
    position: absolute;
    right: 0;
    bottom:0;
    font-size: 2rem;
    color: #fff;
    font-style: italic;
    content: '02';
}
.companyculturelist li:nth-child(3) .companycultureitemdescribe::after{
    position: absolute;
    right: 0;
    bottom:0;
    font-size: 2rem;
    color: #fff;
    font-style: italic;
    content: '03';
}
.companycultureitemdescribe span{
    /* border: 1px solid black; */
    display: block;
    width: 20vw;
    height: 30vh;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 5vh;
    padding: 2%;
    background-color: #7d6157;
    color: #fff;
    /* background: linear-gradient(to bottom right, #7d6157 0%, #fff 100%); */
    flex-direction: column;
}
.companyculturelist{
    list-style: none;
}
.companyculturelist li{
    display: flex;
    flex-direction: row;
    margin: 2vh 0;
    display: flex;
    justify-content: space-around;
    background-color: #dfdddd;
}

/*brandculture*/
.brandculture{
    width: 100%;
    height: auto;
    padding: 2% 12.5%;
}
.brandculturetitle{
    text-align: center;
    font-size: 3rem;
    color: #7d6157;
    margin-bottom: 3vh;
}
.brandculturediv{
    width: 100%;
    height: auto;
    /* background-color: #7d6157; */
    display: flex;
    flex-direction: row;
    margin-top: 3vh;
    align-items: center;
    justify-content: center;
}
.brandcultureimgdiv{
    width: 45%;
    height: 70vh;
    /* border: 1px solid #000; */
    background: linear-gradient(317deg, #cdcdcd, transparent);
}
.brandcultureimgdiv img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.brandculturelist{
    /* margin-top: 3vh; */
    list-style: none;
    width: 55%;
    height: auto;
    display: flex;
    flex-direction: column;
    height: 70vh;
    align-items: center;
    justify-content: space-between;
    background-color: #00000014;
}
.brandculturelist li{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7d6157;
    /* flex: 1; */
    height: 24%;
    width: 100%;
}
.brandculturelist li svg{
    width: 15%;
}
.brandculturelist li div{
    width: 85%;
    font-size: 1rem;
    color: #fff;
    line-height: 3vh;
}
.brandculturelist li div strong{
    font-size: 1.2rem;
    color: #fff;
}
.brandculturelist li:hover{
    cursor: pointer;
}
.brandculturelist li:hover svg{
    transform: rotateY(360deg);
    transition: 1s ease;
    
}

/*design*/
.design{
    width: 100%;
    height: auto;
    padding: 2% 12.5%;
}
.designprocess{
    list-style: none;
    width: 100%;
    height: auto;
    /* padding: 2%; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 2vh;
    flex-wrap: wrap;
}
.designprocess li{
    height: 11%;
    background-color: #7d6157;
    padding: 2%;
    position: relative;
    width: 100%;
    width: 48%;
    margin-bottom: 4vh;
}
.designprocess li:hover{
    transform: scale(1.05);
    transition: 0.3s linear;
}
.designprocess li:hover svg{
    transform:rotateY(360deg);
    transition: 0.3s linear;
}
.designprocesstitle{
    color: #fff;
    text-align: center;
    font-size: 2rem;
    margin-bottom: 1vh;
}
.designpanel{
    display: flex;
    flex-direction: row;
}
.designtext{
    color: #fff;
    /* flex: 1; */
    width: 70%;
    padding: 2%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: 2rem;
    line-height: 4vh;
    font-size: 1rem;
}
.designimgdiv{
    /* flex: 1; */
    /* border: 1px solid #000; */
    height: 25vh;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.designimgdiv img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0px solid black;
}
.designprocesssubtitle{
    text-align: center;
    font-size: 1rem;
    color: #868585;
    margin-bottom: 2vh;
    /* margin-top: 2vh; */
}
.designprocessmiantitle{
    text-align: center;
    color: #7d6157;
    font-size: 3rem;
    margin-bottom: 2vh;
}
.designprocess li:nth-child(1)::before{
    content:'01';
    color: #fff;
    position: absolute;
    left: 0;
    top: -7%;
    font-size: 3rem;
    color: #000000;
    font-style: italic;
}
.designprocess li:nth-child(2)::before{
    content:'02';
    color: #fff;
    position: absolute;
    left: 0;
    top: -7%;
    font-size: 3rem;
    color: #000000;
    font-style: italic;
}
.designprocess li:nth-child(3)::before{
    content:'03';
    color: #fff;
    position: absolute;
    left: 0;
    top: -7%;
    font-size: 3rem;
    color: #000000;
    font-style: italic;
}
.designprocess li:nth-child(4)::before{
    content:'04';
    color: #fff;
    position: absolute;
    left: 0;
    top: -7%;
    font-size: 3rem;
    color: #000000;
    font-style: italic;
}
.designprocess li:nth-child(5)::before{
    content:'05';
    color: #fff;
    position: absolute;
    left: 0;
    top: -7%;
    font-size: 3rem;
    color: #000000;
    font-style: italic;
}
.designprocess li:nth-child(6)::before{
    content:'06';
    color: #fff;
    position: absolute;
    left: 0;
    top: -7%;
    font-size: 3rem;
    color: #000000;
    font-style: italic;
}
.designprocess li:nth-child(7)::before{
    content:'07';
    color: #fff;
    position: absolute;
    left: 0;
    top: -7%;
    font-size: 3rem;
    color: #000000;
    font-style: italic;
}
.designprocess li:nth-child(8)::before{
    content:'08';
    color: #fff;
    position: absolute;
    left: 0;
    top: -7%;
    font-size: 3rem;
    color: #000000;
    font-style: italic;
}
.designprocess li:nth-child(odd)::after{
    content: '';
    width: 2rem;
    height: 2rem;
    background-color: #7d6157;
    right: -5%;: -2%;
    top: 50%;
    position: absolute;
    clip-path: polygon(0 0,100% 50%,0% 100%);
}
/*.designprocess li:nth-child(even)::after{*/
/*    content: '';*/
/*    width: 2rem;*/
/*    height: 2rem;*/
/*    background-color: #7d6157;*/
/*    left: 50%;*/
/*    top: 101%;*/
/*    position: absolute;*/
/*    clip-path: polygon(0 0,100% 0,50% 100%);*/
/*}*/
.designprocess li:nth-child(even)::after{
    content: '';
    width:0;
    height: 0;
}
.designprocess li:nth-child(8)::after{
    content:'';
        width: 0rem;
    height: 0rem;
}
.advantage{
    width: 100%;
    height: auto;
    padding：2% 12.5%；;
    padding: 2% 12.5%;
}
.advantageselector{
    list-style: none;
    display: flex;
    width: 100%;
    height: 100%;
    /* align-items: center; */
    justify-content: space-between;
    /* list-style: none; */
}
.advantagetitle{
    text-align: center;
    font-size: 3rem;
    color: #7d6157;
    margin-bottom: 2vh;
}
.advantagepanel{
    width: 100%;
    height: 50vh;
    background-color: #6363630a;
    margin-top: 10vh;
    position: relative;
    list-style: none;
}
.advantagesubtitle{
    text-align: center;
    font-size: 1rem;
    color: #868585;
    margin-bottom: 2vh;
}
.advantageselectorpanel{
    position: absolute;
    right: 0%;
    top: -15%;
    width: 20vw;
    height: 44%;
    background-color: transparent;
}
.advantagepanel > li{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 2%;
}
.advantagepanel > li:hover{
    background-color: #ccc;
    transform: 0.5s linear;
}
.advantagepanel>li:nth-child(2){
    opacity: 0;
    visibility: hidden;
}
.advantagepanel>li:nth-child(3){
    opacity: 0;
    visibility: hidden;
}
.advantagepanel>li:nth-child(4){
    opacity: 0;
    visibility: hidden;
}
.advantagepanel>li:nth-child(5){
    opacity: 0;
    visibility: hidden;
}

.advantagepanel>li:nth-child(1):before{
    content:'01';
    color: #000;
    font-size: 3rem;
    position: absolute;
    left: 0;
    top: -3vh;
}
.advantagepanel>li:nth-child(1):before{
    content:'ONE';
    color: #000;
    font-size: 3rem;
    position: absolute;
    left: 0;
    top: -3vh;
}
.advantagepanel>li:nth-child(2):before{
    content:'TWO';
    color: #000;
    font-size: 3rem;
    position: absolute;
    left: 0;
    top: -3vh;
}
.advantagepanel>li:nth-child(3):before{
    content:'THREE';
    color: #000;
    font-size: 3rem;
    position: absolute;
    left: 0;
    top: -3vh;
}
.advantagepanel>li:nth-child(4):before{
    content:'FOUR';
    color: #000;
    font-size: 3rem;
    position: absolute;
    left: 0;
    top: -3vh;
}

.advantageselector li{
    width: 24%;
    background-color: #7d6157;
    border-radius: 10px;
    writing-mode: tb;
    display: flex;
    align-items: center;
    padding: 2%;
    font-size: 1rem;
    color: #fff;
    clip-path: polygon(0 0,100% 0,100% 80%,50% 100%,0% 80%);
}
.advantageselector li:hover{
    transform: translateY(10px);
    cursor: pointer;
    transition: 0.3s linear;
}
.advantagepaneltext{
    width: 36vw;
    height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 3vh;
    text-indent: 2rem;
}
.advantagepaneltitle{
    width: 36vw;
    text-align: center;
    font-size: 2rem;
    color: #7d6157;
}

/*store*/
.nystore{
    padding: 2% 12.5%;
}
.nystoretitle{
    font-size: 3rem;
    text-align: center;
    color: #7d6157;
    margin-bottom: 2vh;
    /* letter-spacing: 0.2rem; */
}
.nystoresubtitle{
    text-align: center;
    font-size: 1rem;
    color: #868585;
    margin-bottom: 2vh;
}
.nystoreselector{
    margin-top: 2vh;
    width: 100%;
    display: flex;
    list-style: none;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vh;
}
.nystoreselector li{
}
.nystoreselector li a{display: block;padding: 0.5rem 1rem;font-size: 1rem;border-right: 1px solid #7d6157;color: #000;text-decoration: none;}

.nystorelist{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: auto;
    list-style: none;
    flex-wrap: wrap;
}
.nystorelist>li{
    width: 24%;
    height: 50vh;
    border-radius: 10px;
    margin-bottom: 2vh;
}
.nystorelist>li a{
    text-decoration: none;
    color: #fff;
}
.nystorelist>li a:visited{
    text-decoration: none;
    color: #fff;   
}
.nybjstorelist{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: auto;
    list-style: none;
}
.nybjstorelist>li{
    width: 32%;
    height: 50vh;
    border-radius: 10px;
    margin-bottom: 2vh;
}
.nyhnstorelist{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: auto;
    list-style: none;
}
.nyhnstorelist>li{
    width: 32%;
    height: 50vh;
    border-radius: 10px;
    margin-bottom: 2vh;
}
.nygzstorelist{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: auto;
    list-style: none;
}
.nygzstorelist>li{
    width: 32%;
    height: 50vh;
    border-radius: 10px;
    margin-bottom: 2vh;
}
.nystorelist>li:hover{
    cursor: pointer;
    transform: translateY(5px);
    transition: 0.3s ease;
}
.nystorelist>li:hover img{
    transform: scale(1.1);
    transition: 0.3s ease;
}
.nyhainstorelist{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: auto;
    list-style: none;
}
.nyhainstorelist>li{
    width: 32%;
    height: 50vh;
    border-radius: 10px;
    margin-bottom: 2vh;
}
.nystoreimgdiv{
    width: 100%;
    height: 50%;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
}
.nystoreimgdiv img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}
.nystorecontent{
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    list-style: none;
    background-color: #7d6157;
    justify-content: space-around;
    padding: 2%;
    border-radius: 0 0 10px 10px;
}
.nystorecontent>li{
    /* flex: 18%; */
    display: flex;
    align-items: flex-start;
    color: #fff;
    height: 18%;
}
.nystorename{}
.nystorecontent>li svg{
    flex: 1;
}{}
.nystoreposition{
    flex: 10;
}
.nystoreperson{
    flex: 10;
}
.nystorephone{
    flex: 10;
}
/*product2view*/
.storeview{
    width: 100%;
    height: auto;
    padding:2% 12.5%;
}
.storeviewtitle{
    font-size: 3rem;
    text-align: center;
    color: #7d6157;
    margin-bottom: 2vh;
}
.storeviewpanel{}
.storeviewimgdiv{
    width: 40%;
    height: auto;
    display: flex;
    justify-content: center;
    margin-top: 2vh;
    margin-left: 22vw;
}
.storeviewimgdiv img{
    width: 100%;
    height: auto;
}
.storeviewcontent{
    width: 100%;
    margin-top: 2vh;
    background-color: #e5e5e5;
    padding: 2%;
}
.storeviewcontentdescribe{
    font-size: 1rem;
    margin-bottom: 1vh;
}
.storeviewcontentlist{
    list-style: none;
    /* padding: 2%; */
}
.storeviewcontentlist li{
    display: flex;
    align-items: center;
    margin-bottom: 1vh;
    font-size: 1rem;
}
.storeviewcontentlist li svg{}
.storeviewcontentlist li div{}
.nycustomdesign{
    width: 100%;
    height: 75vh;
    padding: 2% 12.5%;
}
.nycustomdesign{
    width: 100%;
    height: 74vh;
    padding: 2% 12.5%;
}
.nycustomdesign>p{
    margin-bottom:2vh;
}
.nycustomdesignarea{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 2vh;
}
.nycompanyculturedivimg{
    width: 57%!important;
    height: 100%;
}
.nycompanyculturedivimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nycompanyculturelist{
    /* margin-top: 3vh; */
    list-style: none;
    width: 55%;
    height: auto;
    display: flex;
    flex-direction: column;
    height: 70vh;
    align-items: center;
    justify-content: space-between;
    background-color: #00000014;
}
.nycompanyculturelist li{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7d6157;
    /* flex: 1; */
    height: 33%;
    width: 100%;
}
.nycompanyculturetext{
    padding: 2%;
}
.aboutsubtitle{
            text-align: center;
        font-size: 1rem;
        color: #868585;
        margin-bottom: 2vh;
}
.companyculturesubtitle{
            text-align: center;
        font-size: 1rem;
        color: #868585;
        margin-bottom: 2vh;
}
.productviewpriceinfo li p{
    line-height: 3vh;
    margin-bottom: 2vh;
}
.selectorchange{
    background-color: #7d6157;
    color: white!important;
}
.productselector li:hover a{
    color: #fff;
    transition: 0.3s ease;
}
.newsselector a:hover{
    background-color:#7d6157;
    color: #fff;
    transition:0.3s ease;
}
    .nystoreselector li a:hover{
        color:#fff;
        background-color: #7d6157;
        transition: 0.3s ease;
    }
    .prepage p{
        color: #000;
        font-size: 1rem;
        text-decoration: none;        
    }
    .prepage a{
        color: #000;
        font-size: 1rem;
        text-decoration: none;
    }
    .prepage{
    display: flex;
    justify-content: space-around;
    margin-top: 2vh;
}
.mainpageheaderinfopanel a span:hover{
    background: linear-gradient(to left, #7d6157, #ab4a27);
    box-shadow: 0px 0px 6px 8px #7d6157;
    transition: 0.3s ease;
    cursor: pointer;
}
.nyproductitem{width: 24%;height: auto;position: relative;margin-bottom: 3vh;/*animation-name:fadeInDown;
animation-duration:2s;*/margin-right: 1%;}
.nyproductitem{width: 32%!important;height: auto;position: relative;margin-bottom: 3vh;/*animation-name:fadeInDown;
animation-duration:2s;*/margin-right: 1%;}
.nyproductitem img{
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: brightness(1.05) contrast(110%) saturate(1.1);
}
.mainpageheaderinfopanel h1:nth-child(2){
    text-shadow: 2px 2px 1px #7d6157;
    /* background: #00000021; */
    /* -webkit-background-clip: text; */
    /* background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    width: 45rem;
}
.factorydataitemtop{
    padding-bottom: 0rem;
}
.mainpageheaderinfopaneltext{
    background: #00000021;
    width: max-content;
}
.mheadermenutitle{
    display: none;
}
.mheadermenu{
    display: none;
}
.mfooterbottom{
    display: none;
}
.contactusdivimg{
    width: 26%;
}
.contactusdivimg img{
    width: 100%;
    object-fit: contain;
}

























.swiper-slide {
  cursor: zoom-in;
  display: inline-block;
  background-color: #f8f7f6;
  ba'k'c'font-variant: diagonal-fractions';
  ba'k'c'font-variant: diagonal-fractions';
  ba'k'c'go'animation-play-state: running;
  ba'k'c'go'animation-play-state: running;
  ba'k'c'go'animation-play-state: running;
  ba'k'c'go'animation-play-state: running;
  ba'k'c'font-variant: diagonal-fractions';
  ba'k'c'font-variant: diagonal-fractions';
}
.swiper-slide img {
  max-width: 100%;
  height: 100%;
}

/* 预览层样式 */
.image-preview {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  cursor: grab;
}
.image-preview.grabbing {
  cursor: grabbing;
}
.preview-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}
.preview-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
  padding: 0 20px;
  user-select: none;
}
.preview-prev {
  left: 20px;
}
.preview-next {
  right: 20px;
}
.preview-image-container {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  overflow: hidden;
}
.preview-image {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center center;
  transition: transform 0.2s ease;
}















        /* 基础样式重置 */

        /* 图片列表容器 */
        .bottomli-photo-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            padding: 20px;
        }

        /* 列表项样式 */
        .bottomli-photo-item {
            list-style: none;
            width: 150px;
            height: auto;
            cursor: pointer;
            overflow: hidden;
        }

        .bottomli-photo-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .bottomli-photo-item img:hover {
            transform: scale(1.05);
        }

        /* 预览弹窗遮罩 */
        .bottomli-preview-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.85);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            padding: 20px;
        }

        /* 预览内容容器 */
        .bottomli-preview-content {
            position: relative;
            width: 80%;
            height: 80%;
            max-width: 1000px;
            max-height: 800px;
        }

        /* 预览图片容器（可拖拽） */
        .bottomli-preview-img-box {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;
            cursor: move;
        }

        .bottomli-preview-img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
            transition: transform 0.2s ease;
            transform-origin: center center;
        }

        /* 控制按钮样式 */
        .bottomli-close-btn,
        .bottomli-prev-btn,
        .bottomli-next-btn {
            position: absolute;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.8);
            border: none;
            cursor: pointer;
            font-size: 18px;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10;
        }

        .bottomli-close-btn {
            top: -20px;
            right: -20px;
        }

        .bottomli-prev-btn {
            left: -20px;
            top: 50%;
            transform: translateY(-50%);
        }

        .bottomli-next-btn {
            right: -20px;
            top: 50%;
            transform: translateY(-50%);
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .bottomli-preview-content {
                width: 95%;
                height: 70%;
            }

            .bottomli-close-btn,
            .bottomli-prev-btn,
            .bottomli-next-btn {
                width: 30px;
                height: 30px;
                font-size: 14px;
            }

            .bottomli-close-btn {
                top: -15px;
                right: -15px;
            }

            .bottomli-prev-btn {
                left: -15px;
            }

            .bottomli-next-btn {
                right: -15px;
            }
        }
        .ad{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    padding: 1rem 5rem 0rem;
}
        .adtitle{
    width: 12%;
    font-size: 1rem;
    text-align: right;
    font-weight: 900;
}
.adtextcontainer{
    width: 79%;
    overflow: hidden;
}
        .adtext{
    white-space: nowrap;
    /* overflow: hidden; */
    font-size: 1rem;
    /*animation-name: textmove;*/
    /*animation-duration: 30s;*/
    /*animation-iteration-count: infinite;*/
    /*animation-timing-function: linear;*/
}
@keyframes textmove{
    0%{
        transform：translateX(0);
    }
    100%{
        transform: translateX(-100%);
    }
}
.reservationsubtitle1{
    font-size: 1.4rem;
    color: #868585;
    margin-bottom: 1rem;
}