html,
body {
    height: 100%;
    width: 100%;
    font-family: 'AlibabaPuHuiTi', sans-serif; /*  fallback 到系统无衬线字体 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}
/* 定义字体族 */
@font-face {
  font-family: 'AlibabaPuHuiTi'; /* 字体名称，需与字体文件一致 */
  src: url('../fonts/Alibaba-PuHuiTi-Light.woff2') format('woff2'), /* 优先加载 woff2 */
       url('../fonts/Alibaba-PuHuiTi-Light.woff') format('woff'),
       url('../fonts/Alibaba-PuHuiTi-Light.ttf') format('truetype');
  font-weight: normal; /* 字体粗细：正常 */
  font-style: normal; /* 字体样式：正常 */
  font-display: swap; /* 优化加载体验，避免文字闪烁 */
}

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #000000;
    text-decoration:none;
}

a:hover,
a:focus {
    color: #474157;
}

hr {
    max-width: 5.208vw ;
    margin: 1.30vw auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
}

ul{margin:0;}

/* 针对 Webkit 内核浏览器（Chrome、Safari、Edge 新版等） */
::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

/* 针对 IE 和 Edge 旧版浏览器 */
html {
  -ms-overflow-style: none; /* 隐藏滚动条 */
  overflow-x: hidden; /* 可选：隐藏水平滚动条（如需仅隐藏右侧垂直滚动条，可删除此行） */
}

/* 针对 Firefox 浏览器 */
html {
  scrollbar-width: none; /* 隐藏滚动条（值为 none 完全隐藏，thin 显示细滚动条） */
  overflow-y: auto; /* 保持垂直滚动功能（内容超出时可滚动，无超出时不显示滚动条） */
}

#mainbody {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: #f1f6fd;
    color: #474157;
    height: calc(100vh - 61px);
}

#mainbody > .container > .text-center {
    text-align: center;
    padding: 18.22vw 0 2.60vw;
    position: relative;
    height: 100vh;
}

#mainbody > .container > .text-center h1 {
    font-size: 2.60vw;
    font-weight: bold;
    color: #171347
}

#mainbody > .container > .text-center > a {
    background: #fdcc52;
    background: -webkit-linear-gradient(#fdcc52, #fdc539);
    background: linear-gradient(#fdcc52, #fdc539);
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 15.62vw;
    margin-top: 1.04vw;
    padding: 10px 2.34vw;
    font-size: 0.72vw;
    text-decoration: none;
}

::-webkit-scrollbar {

	width: 0px;

	height: 4px;

	background-color: #888

}
::-webkit-scrollbar-track {

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	background-color: #888

}
::-webkit-scrollbar-thumb {

	width: 2px;

	background-color: #222

}
.head{width: 100vw;height: 9.375vw;padding:2.60vw 1.82vw 2.60vw 1.45vw;color: #000000;font-weight:500;position: absolute;z-index:1;top:0;left:0;}
.head .left{float: left;}
.head .left .logo{width:22.8333vw;height:3.125vw;line-height: 1.45vw;font-size: 1.25vw;margin-left: 2.4375vw;}
.head .left .logo p{margin-block-start: 0;margin-block-end: 0;}
.head .right{float: right;margin-top: 1.45vw;height:1.66vw;line-height: 1.45vw;font-size: 1.04vw;}
.head .right .navs{float: left;width: 38.50vw;}
.head .right .navs .li{margin-right: 4.3vw;float: left;font-size: 1.14vw;}
.head .right .navs .li:last-child{margin-right: 1.75vw;}
.head .right .language{float: left;font-size: 0.8333vw;width:5.9375vw;margin-top:0.10vw;}
.head .right .language .names{float: left;}
.head .right .language .line{width:1.35vw;text-align: center;float: left;}
.head .right .icon{float: left;margin-top:0.208vw;}
.head .right .icon img{width: 1.97vw;height: 1.56vw;float: right;margin-right: 2.125vw;}
.foot {
   background-color: #000000;
    color: #ffffff;
    height: 37.7083vw;
    padding: 7.3958vw 0 0 0;
}
.foot .left{float: left;width: 50vw;}
.foot .left .logo{margin-left: 7.5vw;width: 36.875vw;height: 5.9375vw;}
.foot .left .logo img{width: 36.875vw;height: 5.9375vw;}
.foot .right{float: left;width: 46.875vw;}
.foot .right .txt{margin-left: 9.114vw;width: 27.0833vw;height: auto;overflow: auto;}
.foot .right .txt .title{margin-left: 1.45vw;height: 1.14vw;font-size: 0.93vw;margin-bottom: 1.45vw;}
.foot .right .txt .subtitle{margin-left: 1.45vw;height:auto;overflow: auto;margin-bottom: 2.60vw;line-height: 1.25vw;font-size: 0.8333vw;}
.foot .right .txt .icon{}
.foot .right .txt .icon ul{list-style: none;padding-left: 0;}
.foot .right .txt .icon ul li{float: left;margin-right: 2.08vw;}
.foot .right .txt .icon ul li img{height: 2.08vw;}
/*首页*/
/*background-color: #f2f0ec;background:url('../imgs/bg_home.jpg');*/
.home{height: auto;overflow: auto;width:100%;background-color: #efebe5;}
.home .ad_new{margin-top:-9.375vw;height: auto;height: auto;}
.home .ad_new video{width:100vw;
    overflow: hidden;
    background: transparent;display: block;
    background: transparent !important; /* 强制透明，优先级最高 */
    border: none !important;
     outline: none !important;
    box-shadow: none !important;
    /* 修复移动端/部分浏览器的渲染问题 */
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; /* Safari前缀 */
    margin-bottom: -1px;
}
.home .ad{height: auto;height: auto;}
.home .ad img{width:100vw;height: 46.875vw;}
.home .ad video{width:100vw;height: 27.0833vw;
    overflow: hidden;
    margin-top:15.62vw;background: transparent;display: block;
 background: transparent !important; /* 强制透明，优先级最高 */
  border: none !important;
  outline: none !important;
  box-shadow: none !important;


  /* 修复移动端/部分浏览器的渲染问题 */
  display: block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; /* Safari前缀 */
  margin-bottom: -1px;
}
.home .menus{width:100vw;height: 56.25vw;position: relative;}
.home .menus .left{width:50vw;float: left;height: 56.25vw;}
.home .menus .left .txt{margin-left: 4.8958vw;margin-top:4.8958vw;font-size:1.25vw;line-height: 1.35vw;}
.home .menus .menu{width:50vw;float: left;height: 56.25vw;margin-bottom: 10.677vw;}

.home .menus .menu1{width:50vw;height: 56.25vw;position: absolute;z-index: 1;background-color: #ffffff;}
.home .menus .menu1 .txt{padding: 6.250vw 0 0 2.18vw}
.home .menus .menu1 .txt .title{height: 1.66vw;line-height: 1.66vw;font-size:1.25vw;margin-bottom: 8.125vw;}
.home .menus .menu1 .txt .subtitle{height: auto;overflow: auto;line-height: 3.125vw;font-size: 2.60vw;}

.home .menus .menu2{right: 0;width:34vw;height: 56.25vw;position: absolute;z-index: 2;background-color: #dddbcf;}
.home .menus .menu2 .txt{padding: 6.250vw 0 0 2.18vw}
.home .menus .menu2 .txt .title{height: 1.66vw;line-height: 1.66vw;font-size:1.25vw;margin-bottom: 8.125vw;}
.home .menus .menu2 .txt .subtitle{height: auto;overflow: auto;line-height: 3.125vw;font-size: 2.60vw;}

.home .menus .menu3{right: 0;width:17vw;height: 56.25vw;position: absolute;z-index: 3;background-color: #c8c8ca;}
.home .menus .menu3 .txt{padding: 6.250vw 0 0 2.18vw}
.home .menus .menu3 .txt .title{height: 1.66vw;line-height: 1.66vw;font-size:1.25vw;margin-bottom: 8.125vw;}
.home .menus .menu3 .txt .subtitle{height: auto;overflow: auto;line-height: 3.125vw;font-size: 2.60vw;}


.home .menus .menu ul{list-style: none;padding-left: 0;}
.home .menus .menu ul li{width:15.8854vw;float: right;height: 56.25vw;}
.home .menus .menu ul li .txt{padding: 6.250vw 0 0 2.18vw}
.home .menus .menu ul li .txt .title{height: 1.66vw;line-height: 1.66vw;font-size:1.25vw;margin-bottom: 8.125vw;}
.home .menus .menu ul li .txt .subtitle{height: auto;overflow: auto;line-height: 3.125vw;font-size: 2.60vw;}

.home .menus .menu ul li:last-child{width:17.3958vw;}
.home .about{width:100vw;height: auto;overflow: auto;margin-top: 10.677vw;}
.home .about .content{text-align: justify;width:57.2916vw;height: auto;overflow: auto;font-size: 1.35vw;line-height: 2.5vw;margin:0 auto 11.6666vw;}
.home .about .content p{text-align: justify;}
.home .about .title{text-align: center;line-height: 2.18vw;font-size: 1.04vw;}
.home .about .subtitle{text-align: center;line-height: 3.5416vw;font-size: 2.60vw;margin-bottom: 5vw;font-weight: 600;}
.home .about .vod{width:66.3541vw;height: auto;overflow: auto;margin:0 auto 11.9791vw;}
.home .about .vod img{width:100%;height: 37.50vw;}
/*专业知识*/
.home .expertise{height: auto;overflow: auto;}
.home .expertise .name{line-height: 3.125vw;text-align: center;font-size: 1.04vw;}
.home .expertise .subname{font-weight: 600;line-height: 2.08vw;text-align: center;font-size: 2.60vw;margin-bottom: 5.729vw;}

.product .slide-content {
    margin-left: 1.77vw;width: 98.2291vw;
	position: relative;
}
.product .JQ-slide-content {
	POSITION: absolute;
	padding: 0;
}
.product .JQ-slide-nav{width: 96.4583vw;height: 3.4375vw;margin:0 1.77vw 9.2708vw}

.product .JQ-slide-nav .prev {
	float: left;
}
.product .JQ-slide-nav .prev img{width: 3.4375vw;height: 3.4375vw;}
.product .JQ-slide-nav .next {
	float: right;margin-right: 3.125vw;
}
.product .JQ-slide-nav .next img{width: 3.4375vw;height: 3.4375vw;}


.product .wrap {
	POSITION: relative; height: 22.9166vw; OVERFLOW: hidden
}
.product UL {
	width: 98.2291vw;
}
.product LI {
    width: 34.375vw;height: auto;overflow: auto;margin-right: 1.77vw;
	FLOAT: left;position: relative;
}
.product LI .img{width: 34.375vw;height: auto;overflow: auto;position: relative;}
.product LI .img img{width: 34.375vw;height: 22.9166vw;}
.product LI .img .txt{
    width: 34.375vw;
    height: 22.9166vw;
    opacity: 0; /* 初始透明度为0，即完全透明 */
    transition: opacity 1s ease; /* 过渡效果，从透明到不透明 */
    color: #ffffff;padding:0  6.250vw 0;text-align: center;position: absolute;z-index: 1;left:0;top:0;
    display: flex;
    flex-direction: column; /* 关键：将默认横向排列改为 垂直纵向排列 */
    justify-content: center; /* 垂直方向（此时为主轴）上居中对齐 */
    align-items: center; /* 水平方向（此时为交叉轴）上居中对齐 */
}
.product LI .img .txt .title{font-size: 1.45vw;line-height: 2.60vw;margin-bottom: 0.6vw;width:100%;height: auto;overflow: auto;font-weight: 600;}
.product LI .img .txt .subtitle{font-size: 1.04vw;line-height: 1.87vw;width:100%;height: auto;overflow: auto;font-weight: 600;}

.product .JQ-slide-nav A:hover {
	COLOR: #f43d1e
}
.product .JQ-slide-nav A:hover SPAN {
	COLOR: #f43d1e
}

.product LI:hover .img .txt{
    opacity: 1; /* 鼠标悬停时，透明度变为1，即完全不透明 */
}


.product1 .slide-content {
    margin-left: 1.77vw;width: 98.2291vw;
	position: relative;
}
.product1 .JQ-slide-content {
	POSITION: absolute;
	padding: 0;
}
.product1 .JQ-slide-nav{width: 96.4583vw;height: 3.4375vw;margin:0 1.77vw 9.2708vw}

.product1 .JQ-slide-nav .prev {
	float: left;
}
.product1 .JQ-slide-nav .prev img{width: 3.4375vw;height: 3.4375vw;}
.product1 .JQ-slide-nav .next {
	float: right;margin-right: 3.125vw;
}
.product1 .JQ-slide-nav .next img{width: 3.4375vw;height: 3.4375vw;}


.product1 .wrap {
	POSITION: relative; height: 22.9166vw; OVERFLOW: hidden
}
.product1 UL {
	width: 98.2291vw;
}
.product1 LI {
    width: 34.375vw;height: auto;overflow: auto;margin-right: 1.77vw;
	FLOAT: left;position: relative;
}
.product1 LI .img{width: 34.375vw;height: auto;overflow: auto;position: relative;}
.product1 LI .img img{width: 34.375vw;height: 22.9166vw;}
.product1 LI .img .txt{
    width: 34.375vw;
    height: 22.9166vw;
    opacity: 0; /* 初始透明度为0，即完全透明 */
    transition: opacity 1s ease; /* 过渡效果，从透明到不透明 */
    color: #ffffff;padding:0  6.250vw;
    text-align: center;
    position: absolute;
    z-index: 1;left:0;top:0;
    display: flex;
    flex-direction: column; /* 关键：将默认横向排列改为 垂直纵向排列 */
    justify-content: center; /* 垂直方向（此时为主轴）上居中对齐 */
    align-items: center; /* 水平方向（此时为交叉轴）上居中对齐 */
}
.product1 LI .img .txt .title{font-size: 1.45vw;line-height: 2.60vw;margin-bottom: 0.6vw;font-weight: 600;}
.product1 LI .img .txt .subtitle{font-size: 1.04vw;line-height: 1.87vw;height: 3.75vw;font-weight: 600;}
.product1 .JQ-slide-nav A:hover {
	COLOR: #f43d1e
}
.product1 .JQ-slide-nav A:hover SPAN {
	COLOR: #f43d1e
}

.product1 LI:hover .img .txt{
    opacity: 1; /* 鼠标悬停时，透明度变为1，即完全不透明 */
}


.home .expertise .list{margin-left: 1.77vw;width: 98.2291vw;height: auto;overflow: auto;
    POSITION: relative;
    OVERFLOW: hidden;
}
.home .expertise .list ul{padding-left: 0;list-style: none;}
.home .expertise .list ul li{float: left;width: 34.375vw;height: auto;overflow: auto;margin-right: 1.77vw;}
.home .expertise .list ul li .img{width: 34.375vw;height: auto;overflow: auto;position: relative;}
.home .expertise .list ul li .img img{width: 34.375vw;height: 22.9166vw;}
.home .expertise .list ul li .img .txt{display: none;color: #ffffff;padding:5.208vw  6.250vw;text-align: center;position: absolute;z-index: 1;left:0;top:0;}
.home .expertise .list ul li .img .txt .title{font-size: 1.45vw;line-height: 2.60vw;height: 6.770vw;}
.home .expertise .list ul li .img .txt .subtitle{font-size: 1.04vw;line-height: 1.87vw;height: 3.75vw;}
.home .expertise .jt{width: 96.4583vw;height: 3.4375vw;margin:0 1.77vw 9.2708vw}
.home .expertise .jt .left{width: 3.4375vw;height: 3.4375vw;float: left;margin-left: 1.77vw;}
.home .expertise .jt .left img{width: 3.4375vw;height: 3.4375vw;}
.home .expertise .jt .right{width: 3.4375vw;height: 3.4375vw;float: right;margin-right: 1.77vw;}
.home .expertise .jt .right img{width: 3.4375vw;height: 3.4375vw;}
.home .expertise .list ul li:hover .img .txt{display: block;}
/*推荐*/
.home .pushs{padding:0 1.66vw;height: auto;overflow: auto;margin-bottom: 10vw;}
.home .pushs .txt{margin-left: 3.4375vw;width:36.45vw;float: left;}
.home .pushs .txt .title{font-weight: 600;line-height: 2.60vw;margin-bottom: 1.87vw;font-size: 2.60vw;}
.home .pushs .txt .subtitle{line-height: 1.45vw;height: auto;overflow: auto;margin-bottom: 2.08vw;font-size: 1.04vw;}
.home .pushs .txt .more{line-height: 1.14vw;font-size: 1.04vw;color: #979694;}
.home .pushs .img{width: 49.0625vw;height: auto;overflow: auto;float: right;margin-top:0.52vw;}
.home .pushs .img img{width: 49.0625vw;height: 31.25vw;}
/**/
.home .new{height: auto;overflow: auto;}
.home .new ul{list-style: none;padding-left: 0;}
.home .new ul li{height: auto;overflow: auto;}
.home .new ul li .img{height: auto;overflow: auto;}
.home .new ul li .img img{width: 100%;height: 56.25vw;}
.home .new ul li .img .name{}
/*推荐2*/
.home .pushs2{height: auto;overflow: auto;margin-bottom: 11.9791vw;padding:9.375vw 1.66vw 11.7708vw;background-color: #e1e1e1;}
.home .pushs2 .img{width: 49.0625vw;height: auto;overflow: auto;float: left;}
.home .pushs2 .img img{width: 49.0625vw;height: 34.7916vw;}
.home .pushs2 .txt{margin-left: 5.729vw;width:36.45vw;height: 34.7916vw;float: left;}/*align-content: center;*/
.home .pushs2 .txt .title{font-weight: 600;width:30.2083vw;line-height: 3.125vw;height: auto;overflow: auto;margin-bottom: 1.35vw;font-size: 2.60vw;margin-top:6.250vw}
.home .pushs2 .txt .subtitle{line-height: 1.45vw;height: auto;overflow: auto;margin-bottom: 3.645vw;font-size: 1.14vw;}
.home .pushs2 .txt .more{line-height: 1.14vw;font-size: 1.04vw;color: #979694;}

/*不同*/
.home .differents{height:auto;overflow: auto;margin-bottom: 14.5833vw;overflow-x: hidden;}
.home .differents .name{font-weight: 600;text-align: center;height: 3.125vw;line-height: 3.125vw;margin-bottom: 5.208vw ;font-size: 2.60vw;}
.home .differents .list{}
.home .differents .list ul{margin-left: 1.66vw;padding-left: 0;list-style: none;}
.home .differents .list ul li{width: 34.0625vw;height: 28.4375vw;float: left;margin-right: 2.60vw;background-color: #d5d0ca;}/**/
.home .differents .list ul li .txt{padding:3.385vw;}
.home .differents .list ul li .txt .title{height: 10.9375vw;text-align: center;margin-top:4.7916vw;line-height: 2.3958vw;font-size: 2.18vw;}
.home .differents .list ul li .txt .subtitle{height: 5vw;line-height: 1.56vw;font-size: 1.09375vw;}

.product2 .slide-content {margin-left: 1.66vw;width: 98.43vw;position: relative;}
.product2 .JQ-slide-content {POSITION: absolute;padding: 0;}
.product2 .wrap {POSITION: relative;  height: 28.4375vw; OVERFLOW: hidden}
.product2 UL {width: 98.2291vw;}
.product2 LI {
    width: 34.0625vw;height: 28.4375vw;float: left;margin-right: 2.60vw;background-color: #d5d0ca;
	position: relative;
    list-style: none;
}
.product2 LI .txt{padding:3.385vw;height: 28.4375vw;}
.product2 LI .txt .title{font-weight: 600;height: 6.770vw;text-align: center;margin-top:4.7916vw;line-height: 2.3958vw;font-size: 2.18vw;}
.product2 LI .txt .subtitle{height: 5vw;line-height: 1.56vw;font-size: 1.09375vw;text-align: center;}
.product2 LI .txt .subtitle p{line-height: 1.56vw;font-size: 1.09375vw;margin-block-start:0;margin-block-end: 0;}
/*设计之旅*/
/*background:url('../imgs/bg_design.jpg');*/
.design{height: auto;overflow: auto;width:100%;background-color: #f3efec;}
.design .box{width: 96.5625vw;height: auto;overflow: auto;margin:9.375vw auto 0;}
.design .box .pushs{width: 96.5625vw;height: auto;overflow: auto;}
.design .box .pushs .img{width: 96.5625vw;height: 48.125vw;overflow: hidden;}
.design .box .pushs .img img{width: 96.5625vw;height: 48.125vw;-webkit-transition: all 1s;transition: all 1s;}
.design .box .pushs .txt{margin:2.60vw 0 2.60vw 3.3333vw;height: 13.2291vw;}
.design .box .pushs .txt .title{font-size: 2.60vw;margin-bottom: 0.93vw;line-height: 3.2291vw;font-weight: 500;}
.design .box .pushs .txt .address{font-size: 1.19vw;line-height: 1.25vw;}
.design .box .pushs .txt .subtitle{font-size: 1.14vw;line-height: 1.45vw;width:20.8333vw;margin-bottom: 1.14vw;}
.design .box .pushs .txt .more{line-height: 1.14vw;font-size: 0.93vw;color: #979694;
text-decoration: none; /* 默认无下划线 */
transition: text-decoration 0.5s ease; /* 添加过渡效果 */
}
.design .box .pushs .txt .more:hover{text-decoration: underline;}
.design .box .pushs:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.design .box .list{width: 96.5625vw;height: auto;overflow: auto;margin-bottom: 7.0833vw;}
.design .box .list ul{padding-left: 0;}
.design .box .list ul li{list-style: none;float: left;width: 47.3958vw;height: auto;overflow: auto;margin-right: 1.77vw;}
.design .box .list ul li .img{width: 47.3958vw;height: 32.2916vw;overflow: hidden;}
.design .box .list ul li .img img{width: 47.3958vw;height: 32.2916vw;-webkit-transition: all 1s;transition: all 1s;}
.design .box .list ul li .txt{margin:1.87vw 0 2.60vw 3.2291vw}
.design .box .list ul li .txt .title{font-size: 2.08vw;margin-bottom: 0.208vw;font-weight: 500;}
.design .box .list ul li .txt .address{font-size: 0.93vw;line-height: 1.66vw;}
.design .box .list ul li .txt .subtitle{font-size: 0.93vw;line-height: 1.25vw;width:20.8333vw;margin-bottom: 0.93vw;
text-decoration: none; /* 默认无下划线 */
transition: text-decoration 0.5s ease; /* 添加过渡效果 */
}
.design .box .list ul li .txt .more{color: #828586;font-size: 0.72vw;}
.design .box .list ul li .txt .more:hover{text-decoration: underline;}
.design .box .list ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.design .box .list ul li:nth-child(2n){margin-right:0}

/*设计之旅-详情*/
/*background:url('../imgs/bg_design2.jpg');*/
.designs{background-color: #f3efec;height: auto;overflow: auto;width:100%;}
.designs .box{width: 96.5625vw;height: auto;overflow: auto;margin:9.375vw auto 0;}
.designs .box .img{width: 96.5625vw;height: auto;overflow: auto;margin-bottom: 2.3958vw;}
.designs .box .img img{width: 96.5625vw;height: auto;overflow: auto;}
.designs .box .txt{margin:0 3.4375vw}
.designs .box .txt .title{font-size: 2.60vw;margin-bottom:0.93vw;font-weight: 500;}
.designs .box .txt .subtitle{font-size: 1.19vw;line-height: 1.25vw;margin-bottom: 8.75vw;}
.designs .box .txt .content{text-align: justify;width: 67.7083vw;height: auto;overflow: auto;margin:0 auto 11.458vw;font-size: 1.25vw;line-height: 1.56vw;}
.designs .box .txt .content p{text-align: justify;}
.designs .box .txt .content img{width: 100%;}

/*展览*/
/*background-color: #f3efec;background:url('../imgs/bg_artlists.jpg');*/
.artlists{background-color: #f3efec;height: auto;overflow: auto;width:100%;}
.artlists .box{width: 73.9583vw;height: auto;overflow: auto;margin:9.375vw auto 0;}
.artlists .box .pushs{width: 73.9583vw;height: auto;overflow: auto;}
.artlists .box .pushs .img{width: 73.9583vw;height: auto;overflow: auto;margin-bottom: 2.60vw;overflow: hidden;}
.artlists .box .pushs .img img{width: 73.9583vw;height: 51.875vw;-webkit-transition: all 1s;transition: all 1s;}
.artlists .box .pushs .txt{height:11.6666vw;}
.artlists .box .pushs .txt .title{font-size: 2.60vw;line-height: 3.125vw;font-weight: 500;}
.artlists .box .pushs .txt .year{font-size: 1.04vw;line-height: 1.97vw;}
.artlists .box .pushs .txt .price{font-size: 0.93vw;line-height: 0.93vw;}
.artlists .box .pushs:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.artlists .box .list{width: 73.9583vw;height: auto;overflow: auto;margin-bottom:3.125vw;}
.artlists .box .list ul{padding-left: 0;}
.artlists .box .list ul li{
    list-style: none;float: left;width: 36.1458vw;height: auto;overflow: auto;margin-right: 1.66vw;}
.artlists .box .list ul li .img{width: 36.1458vw;height: 36.1458vw;margin-bottom:1.56vw;overflow: hidden;}
.artlists .box .list ul li .img img{width: 36.1458vw;height: 36.1458vw;-webkit-transition: all 1s;transition: all 1s;}
.artlists .box .list ul li .txt{height:9.895vw;}
.artlists .box .list ul li .txt .title{font-size: 1.87vw;line-height: 3.125vw;font-weight: 500;}
.artlists .box .list ul li .txt .year{font-size: 1.04vw;line-height: 1.45vw;}
.artlists .box .list ul li .txt .price{font-size: 0.93vw;line-height: 1.04vw;}
.artlists .box .list ul li:nth-child(2n){margin-right:0}
/* .artlists .box .list ul li:hover .img{-webkit-transform:scale(1.1);transform:scale(1.1)} */
.artlists .box .list ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
/**/
.artdetails{background-color: #f3efec;height: auto;overflow: auto;width:100%;}
/*background:url('../imgs/bg_artlists2.jpg');background-color: #f3efec;*/
.artdetails .list{width: 96.35416vw;height: auto;overflow: auto;margin:auto;}
.artdetails .list ul{list-style: none;padding-left: 0;}
.artdetails .list ul li{height: auto;overflow: auto;margin-bottom: 5.208vw ;}
.artdetails .list ul li .img{margin-right: 2.91vw;float: left;width:47.3958vw;}
.artdetails .list ul li .img img{width:47.3958vw;height: 57.8125vw;}
.artdetails .list ul li .txt{float: left;width:38.54166vw;height: 52.0833vw;}/*align-content: center;*/
.artdetails .list ul li .txt .title{font-weight: 500;font-size: 2.60vw;line-height: 2.70vw;width: 100%;margin-top:7.0833vw;margin-bottom: 2.08vw;}
.artdetails .list ul li .txt .content{text-align: justify;font-size: 1.14vw;line-height: 1.56vw;width: 100%;}
.artdetails .list ul li .txt .content p{text-align: justify;}
.artdetails .imgs{width: 100vw;height: auto;overflow: auto;margin:0 auto 5.208vw ;}
.artdetails .imgs img{width: 100vw;height: 67.7083vw;}
.artdetails .list2{width: 96.35416vw;height: auto;overflow: auto;margin:auto;border-bottom: 0.0520vw solid #433937;}
.artdetails .list2 ul{list-style: none;padding-left: 0;}
.artdetails .list2 ul li{}
.artdetails .list2 ul li .txt{float:left;width: 48.95833vw;height: 52.0833vw;}/*display: flex;justify-items: center;align-items: center;*/
.artdetails .list2 ul li .txt .content{text-align: justify;margin-left: 3.3333vw;width: 38.33333vw;height: auto;overflow: auto;font-size: 1.09375vw;line-height: 1.56vw;margin-top: 10.9375vw;}
.artdetails .list2 ul li .txt .content p{text-align: justify;}
.artdetails .list2 ul li .img{width: 47.3958vw;height: 70.1041vw;float: right;}
.artdetails .list2 ul li .img img{width: 47.3958vw;height: 64.375vw;}
.artdetails .name{font-size: 2.8125vw;line-height: 10.9375vw;text-align: center;font-weight: 500;}
.artdetails .list3{width: 96.35416vw;height: auto;overflow: auto;margin:0 auto 14.06vw;}
.artdetails .list3 ul{list-style: none;padding-left: 0;}
.artdetails .list3 ul li{float: left;width: 23.2291vw;height: 28.9583vw;margin-right: 1.04vw;position: relative;}
.artdetails .list3 ul li .img{width: 23.2291vw;height: 28.9583vw;overflow: hidden;}
.artdetails .list3 ul li .img img{width: 23.2291vw;height: 28.9583vw;-webkit-transition: all 1s;transition: all 1s;}
.artdetails .list3 ul li .txt{
    opacity: 0; /* 初始透明度为0，即完全透明 */
    transition: opacity 1s ease; /* 过渡效果，从透明到不透明 */
    padding:5vw;text-align: center;position: absolute;z-index: 1;left:0;top:5vw;width: 23vw;}
.artdetails .list3 ul li .title{font-size: 1.45vw;line-height: 1.8vw;height: 6.770vw;text-align: center;}
.artdetails .list3 ul li:nth-child(4n){margin-right:0}
.artdetails .list3 ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.artdetails .list3 ul li:hover .txt{ opacity: 1; }
/**/
/*关于我们*/
/*background:url('../imgs/bg_aboutus.jpg');background-color: #f3efec;*/
.aboutus{height: auto;overflow: auto;width:100%;background-color: #f3efec;}
.aboutus .box{height: auto;overflow: auto;margin:9.375vw auto 0;}
.aboutus .box .list{height: auto;overflow: auto;}
.aboutus .box .list ul{padding-left: 0;}
.aboutus .box .list ul li{list-style: none;height: auto;overflow: auto;}
.aboutus .box .list ul li .title{font-size: 2.60vw;margin-left:5vw;margin-top: 4.375vw;}
.aboutus .box .list ul li .content{text-align: justify;line-height: 1.56vw;margin:2vw 0 4.166vw 23.125vw;width: 54.6875vw;height: auto;overflow: auto;font-size: 1.04vw;}
.aboutus .box .list ul li .content p{text-align: justify;}
.aboutus .box .list ul li .img{width: 100vw;height: 56.3541vw;margin-bottom: 7.291vw;}
.aboutus .box .list ul li .img img{width: 100vw;height: 56.3541vw;}

/*展览*/
/*background:url('../imgs/bg_show.jpg');background-color: #f3efec;*/
.show{background-color: #f3efec;height: auto;overflow: auto;}
.show .box{width: 96.35416vw;height: auto;overflow: auto;margin:9.375vw auto 0;}
.show .box .top{height: auto;overflow: auto;}
.show .box .top .img{width: 96.35416vw;height: 58.0729vw;margin-top:1.87vw;overflow: hidden;}
.show .box .top .img img{width: 96.35416vw;height: 58.0729vw;-webkit-transition: all 1s;transition: all 1s;}
.show .box .top .txt{margin:2.35vw 0 2.60vw 3.645vw;}
.show .box .top .txt .tag{}
.show .box .top .txt .title{font-size: 2.2395vw;line-height: 2.2395vw;margin-bottom:0.93vw;font-weight: 500;}
.show .box .top .txt .address{margin-bottom:0.208vw;}
.show .box .top .txt .time{margin-bottom: 1.14vw;}
.show .box .top .txt .more{color: #8c8987;font-size: 0.8333vw;margin-bottom:5.1041vw;}
.show .box .top .txt .more:hover{text-decoration: underline;}
.show .box .top:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.show .box .push{border-bottom: 0.0520vw solid #000000;height: auto;overflow: auto;padding-bottom: 7.8125vw;margin-bottom: 7.8125vw;}
.show .box .push .img{width: 52.8645vw;height: 34.6354vw;float: left;margin-right: 5.208vw ;overflow: hidden;}
.show .box .push .img img{width: 52.8645vw;height: 34.6354vw;-webkit-transition: all 1s;transition: all 1s;}
.show .box .push .txt{float: left;height: auto;overflow: auto;margin-top:6.4583vw;
   
    width: 36.45vw;}/* flex-direction: row;
    align-content: center;
    flex-wrap: wrap;*/
.show .box .push .txt .tag{width: 100%;color: #827e7d;}
.show .box .push .txt .title{width: 100%;font-size: 2.29vw;margin-bottom:1.45vw;font-weight: 500;}
.show .box .push .txt .address{width: 100%;font-size:1.04vw;margin-bottom:0.10vw;}
.show .box .push .txt .time{width: 100%;font-size: 1.14vw;margin-bottom: 2.08vw;}
.show .box .push .txt .more{color: #8c8987;font-size: 0.8333vw;}
.show .box .push .txt .more:hover{text-decoration: underline;}
.show .box .push:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.show .box .list{height: auto;overflow: auto;}
.show .box .list ul{list-style: none;padding-left: 0;}
.show .box .list ul li{float: left;margin-right: 1.56vw;}
.show .box .list ul li .img{width: 47.3958vw;height: 33.5937vw;overflow: hidden;}
.show .box .list ul li .img img{width: 47.3958vw;height: 33.5937vw;-webkit-transition: all 1s;transition: all 1s;}
.show .box .list ul li .txt{margin:1.66vw 0 2.60vw 1.66vw;}
.show .box .list ul li .txt .tag{color: #827e7d;}
.show .box .list ul li .txt .title{font-size: 1.56vw;margin-bottom: 1.04vw;font-weight: 500;}
.show .box .list ul li .txt .address{margin-bottom:0.10vw;}
.show .box .list ul li .txt .time{font-size: 0.93vw;margin-bottom: 1.14vw;}
.show .box .list ul li .txt .more{color: #8c8987;font-size: 0.72vw;height: 9.6875vw;}
.show .box .list ul li .txt .more:hover{text-decoration: underline;}
.show .box .list ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.show .box .list ul li:nth-child(2n){margin-right:0}

/**/
/*background:url('../imgs/bg_show2.jpg');*/
.shows{background-color: #f3efec;height: auto;overflow: auto;}
.shows .imgs{width: 100%;height: auto;overflow: auto;margin-top:1.45vw;margin-bottom: 4.166vw;}
.shows .imgs ul{list-style: none;padding-left: 0;}
.shows .imgs ul li{width: 86.3541vw;height: auto;overflow: auto;float: left;}
.shows .imgs ul li img{width: 86.3541vw;height: 57.9166vw;}

.shows .box{width: 96.6666vw;height: auto;overflow: auto;margin: auto;}
.shows .box .info{width: 64.0625vw;height: auto;overflow: auto;margin: auto;}

.shows .box .info .title{font-size: 1.45vw;font-weight: 500;}
.shows .box .info .time{font-size: 0.93vw;margin-bottom:1.45vw;}
.shows .box .info .content{text-align: justify;font-size: 1.19vw;line-height: 1.66vw;margin-bottom: 6.250vw;}
.shows .box .info .content p{text-align: justify;}
.shows .box .list{height: auto;overflow: auto;}
.shows .box .list ul{list-style: none;padding-left: 0;}
.shows .box .list ul li{width: 31.25vw;float: left;margin-right: 1.45vw;margin-bottom: 5.208vw ;}
.shows .box .list ul li .img{width: 31.25vw;height: 17.70vw;overflow: hidden;}
.shows .box .list ul li .img img{width: 31.25vw;height: 17.70vw;-webkit-transition: all 1s;transition: all 1s;}
.shows .box .list ul li .txt{padding:0.52vw 0}
.shows .box .list ul li .txt .tag{font-size: 0.677vw;color: #4b4748;}
.shows .box .list ul li .txt .title{font-size: 1.19vw;margin-bottom: 0.72vw;font-weight: 500;}
.shows .box .list ul li .txt .address{font-size: 0.8333vw;color: #4b4748;}
.shows .box .list ul li .txt .time{font-size: 0.8333vw;color: #4b4748;margin-bottom: 0.52vw;}
.shows .box .list ul li .txt .more{font-size: 0.677vw;color: #4b4748;height: 7.8125vw;}
.shows .box .list ul li:nth-child(3n){margin-right:0}
.shows .box .list ul li .txt .more:hover{text-decoration: underline;}
.shows .box .list ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.product3{width: 100%;height: auto;overflow: auto;margin-top:1.45vw;margin-bottom: 4.166vw}
.product3 .slide-content {
    width: 100vw;
	position: relative;
}
.product3 .JQ-slide-content {
	POSITION: absolute;
	padding: 0;
}
.product3 .JQ-slide-nav{left:2.8vw;width: 84.4vw;height: 3.4375vw;position: absolute;z-index:10;top:27.0833vw;}
.product3 .JQ-slide-nav .prev {
	float: left;
}
.product3 .JQ-slide-nav .prev img{width: 3.4375vw;height: 3.4375vw;border-radius: 1.9vw;}
.product3 .JQ-slide-nav .next {
	float: right;margin-right: 3.125vw;
}
.product3 .JQ-slide-nav .next img{width: 3.4375vw;height: 3.4375vw;border-radius: 1.9vw;}


.product3 .wrap {
	POSITION: relative; height: 57.9166vw;; OVERFLOW: hidden
}
.product3 UL {
	width: 98.2291vw;
}
.product3 LI {
    width: 86.3541vw;height: auto;overflow: auto;margin-right: 1.77vw;
	FLOAT: left;position: relative;
}
.product3 LI .img{width: 86.3541vw;height: auto;overflow: auto;position: relative;}
.product3 LI .img img{width: 86.3541vw;height: 57.9166vw;}
.product3 LI p.title { width: 182px; height: 60px; margin: 5px auto; line-height: 25px; font-size: 12px; color: #8e8e8e; }
.product3 LI span { width: 202px; height: 173px; position: absolute; top: 0; left: 0; background-color: #04498c; opacity: 0.65;-moz-opacity: 0.65;filter:alpha(opacity=65); display: none; }
.product3 LI a { width: 202px; height: 173px; line-height: 173px; text-align: center; position: absolute; top: 0; left: 0; color: #fff; display: none; }
.product3 LI:hover span { display: block; }
.product3 LI:hover a { display: block; }
.product3 .JQ-slide-nav A:hover {
	COLOR: #f43d1e
}
.product3 .JQ-slide-nav A:hover SPAN {
	COLOR: #f43d1e
}

/*新闻*/
.news{height: auto;overflow: auto;background-color: #f3efec;}/*background:url('../imgs/bg_newslists.jpg')*/
.news .box{width: 97.6666vw;height: auto;overflow: auto;margin:9.375vw auto 0;}/*width: 96.6666vw*/
.news .box .list{height: auto;overflow: auto;margin-top:1.2vw;}
.news .box .list ul{list-style: none;padding-left: 0;}
.news .box .list ul li{width: 30.9895vw;height: auto;overflow: auto;float: left;margin-top:0.25vw;margin-right: 1.82vw;margin-bottom: 5.208vw ;background-color: #e9e6e1;}/**/
.news .box .list ul li .img{width: 30.9895vw;position: relative;}
.news .box .list ul li .img img{width: 30.9895vw;height: 20.625vw;}
.news .box .list ul li .img .tag{position: absolute;left:0;top:0;height: 2.3958vw;line-height: 2.3958vw;text-align: center;color: #fff;font-size: 1.04vw;padding:0 1.04vw;background-color: #52555a;}/**/
.news .box .list ul li .txt{padding:1.66vw 1.87vw}
.news .box .list ul li .txt .title{font-size: 1.45vw;height: 7.5vw;}
.news .box .list ul li .txt .info{height: 1.56vw;margin-bottom: 1.04vw;font-size: 1.14vw;line-height: 1.56vw;}
.news .box .list ul li .txt .info .icon{width:1.25vw;height: 1.56vw;float: left;margin-right: 0.8333vw;}
.news .box .list ul li .txt .info .icon img{width:1.25vw;height: 1.56vw;}
.news .box .list ul li .txt .info .subtitle{float: left;}
.news .box .list ul li:nth-child(3n){margin-right: 1vw;}
.news .box .list ul li:hover{transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration:.5s;
    transition-delay:.1s;
    margin-top:0;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

/*联系我们*/
/*background:url('../imgs/bg_contactus.jpg');*/
.contactus{height: auto;overflow: auto;background-color: #f3efec;}
.contactus .box{width: 96.35416vw;height: auto;overflow: auto;margin:9.375vw auto 0;}
.contactus .box .name{margin-left:3.125vw;font-size: 2.5vw;margin-bottom: 2.91vw;line-height: 1.87vw;margin-top:1.66vw;font-weight: 500;}
.contactus .box .imgs{width: 96.35416vw;height: auto;overflow: auto;}
.contactus .box .imgs img{width: 96.35416vw;height: auto;overflow: auto;}
.contactus .box .list{margin-left: 17.91666vw;margin-bottom: 10.9375vw;margin-top: 5vw;}
.contactus .box .list ul{padding-left: 0;list-style: none;}
.contactus .box .list ul li{}
.contactus .box .list ul li .title{margin-bottom: 1.97vw;font-size: 1.56vw;font-weight: 500;}
.contactus .box .list ul li .content{text-align: justify;margin-bottom: 4.375vw;font-size: 1.09375vw;line-height: 1.4vw;}
.contactus .box .list ul li .content p{text-align: justify;}
.contactus .box .list ul li .evm{}
.contactus .box .list ul li .evm img{height: 7.1875vw;margin-bottom: 2.08vw;}
.contactus .box .list ul li .evmtitle{font-size: 0.98vw;font-weight: bold;}

/* 汉堡菜单按钮样式 */
.menu-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1001; /* 确保在导航栏之上 */
    background: transparent;
    border: none;
    gap: 6px;
}

.menu-toggle span {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #333;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* 点击后按钮的动画效果（变成叉号） */
.menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(7px, 7px);
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}

/* 侧边导航栏样式（全屏高度 + 水平栏目） */
.side-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%; /* 宽度100% */
    max-width: 50vw; /* 限制最大宽度 */
    height: 100vh; /* 核心：全屏高度 */
    transform: translateX(100%); /* 默认隐藏在右侧 */
    transition: transform 0.3s ease-in-out, box-shadow 0.2s ease;
    z-index: 1000;
    
}

/* 导航栏展开状态 */
.side-menu.active {
    transform: translateX(0);
}

/* 核心：ul水平排列，在全屏容器中居中 */
.side-menu ul {
    list-style: none;
    display: flex; /* 水平排列 */
    flex-wrap: wrap; /* 屏幕小时自动换行 */
    gap: 0; /* 栏目间距 */
    justify-content: right; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    width: 100%;
    padding-left: 0;
    height: 100vh;

    
}

/* 基础li样式 */
.side-menu li {
    margin-bottom: 0; 
    border-bottom: none; 
    border-right: none; 
    white-space: nowrap; 
    /* 保留过渡和位移基础 */
    transition: transform 0.2s ease, padding-left 0.2s ease, background-color 0.2s ease;
    transform: translateX(0);
    padding-left: 0; /* 圆角优化，让背景色更美观 */
    height: 100vh;
    width:16vw;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}

.side-menu .li1 {
    margin-bottom: 0; 
    border-bottom: none; 
    border-right: none; 
    white-space: nowrap; 
    /* 保留过渡和位移基础 */
    transition: transform 0.2s ease, padding-left 0.2s ease, background-color 0.2s ease;
    transform: translateX(0);
    padding-left: 0; /* 圆角优化，让背景色更美观 */
    height: 100vh;
    width:48vw;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 1001;
    background-color: #ffffff;
    right: 0;
}
.side-menu .li1 .txt {
    padding: 6.250vw 0 0 2.18vw;
}
.side-menu .li1 .txt .title {
    height: 1.66vw;
    line-height: 1.66vw;
    font-size: 1.25vw;
    margin-bottom: 8.125vw;
}
.side-menu .li1 .txt .subtitle {
    height: auto;
    overflow: auto;
    line-height: 3.125vw;
    font-size: 2.60vw;
    margin-bottom: 20vw;
}
.side-menu .li1 .txt .subtitle p{
    line-height: 3.125vw;
    font-size: 2.60vw;
    margin-block-start: 0;
    margin-block-end: 0;
}
.side-menu .li2 {
    margin-bottom: 0; 
    border-bottom: none; 
    border-right: none; 
    white-space: nowrap; 
    /* 保留过渡和位移基础 */
    transition: transform 0.2s ease, padding-left 0.2s ease, background-color 0.2s ease;
    transform: translateX(0);
    padding-left: 0; /* 圆角优化，让背景色更美观 */
    height: 100vh;
    width:32vw;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 1002;
    background-color: #dddbcf;
    right: 0;
}

.side-menu .li2 .txt {
    padding: 6.250vw 0 0 2.18vw;
}
.side-menu .li2 .txt .title {
    height: 1.66vw;
    line-height: 1.66vw;
    font-size: 1.25vw;
    margin-bottom: 8.125vw;
}
.side-menu .li2 .txt .subtitle {
    height: auto;
    overflow: auto;
    line-height: 3.125vw;
    font-size: 2.60vw;
    margin-bottom: 20vw;
    overflow: hidden;
}

.side-menu .li2 .txt .subtitle p {
    line-height: 3.125vw;
    font-size: 2.60vw;
    margin-block-start: 0;
    margin-block-end: 0;
    overflow: hidden;
}

.side-menu .li3 {
    margin-bottom: 0; 
    border-bottom: none; 
    border-right: none; 
    white-space: nowrap; 
    /* 保留过渡和位移基础 */
    transition: transform 0.2s ease, padding-left 0.2s ease, background-color 0.2s ease;
    transform: translateX(0);
    padding-left: 0; /* 圆角优化，让背景色更美观 */
    height: 100vh;
    width:19vw;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 1003;
    background-color: #c8c8ca;
    right:-3vw;
}

.side-menu .li3 .txt {
    
    padding: 6.250vw 0 0 2.18vw;
}
.side-menu .li3 .txt .title {
    height: 1.66vw;
    line-height: 1.66vw;
    font-size: 1.25vw;
    margin-bottom: 8.125vw;
}
.side-menu .li3 .txt .subtitle {
    height: auto;
    overflow: auto;
    line-height: 3.125vw;
    font-size: 2.60vw;
    width:12vw;
    word-wrap: break-word;
    margin-bottom: 20vw;
    overflow: hidden;
}

.side-menu .li3 .txt .subtitle p {
    line-height: 3.125vw;
    font-size: 2.60vw;
    margin-block-start: 0;
    margin-block-end: 0;
    overflow: hidden;
}

/* 保留：li悬停向左微动 + 背景色加深 */
.side-menu .li1:hover {
    transform: translateX(-3vw); /* 向左移动8px */
}

.side-menu .li2:hover {
    transform: translateX(-3vw); /* 向左移动8px */
}

.side-menu .li3:hover {
    transform: translateX(-3vw); /* 向左移动8px */
}

.side-menu .li1 { animation-delay: 0.1s; } /* 第一个：0.1秒后弹出 */
.side-menu .li2 { animation-delay: 0.3s; } /* 第二个：0.3秒后弹出 */
.side-menu .li3 { animation-delay: 0.5s; } /* 第三个：0.5秒后弹出 */

.side-menu a {
    text-decoration: none;
    font-size: 16px;
    transition: color 0.2s;
    display: block; /* 让a标签占满li宽度 */
    padding: 8px 16px; /* 增大a标签内边距，提升点击体验 */
}

/* 遮罩层（可选） */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    z-index: 999;
}

.overlay.active {
    opacity: 1;
    pointer-events: all;
}

.boxs{position: relative;height: 28.4375vw;margin-bottom: 14.5833vw;overflow-x: hidden;}
/* 板块容器，初始是弹性布局，四个板块横向排列 --------------------------------------------*/


/* .home .differents .list ul li{width: 34.0625vw;height: 28.4375vw;float: left;margin-right: 2.60vw;background-color: #d5d0ca;}/**/
/* .home .differents .list ul li .txt{padding:3.385vw;}
/* .home .differents .list ul li .txt .title{height: 10.9375vw;text-align: center;margin-top:4.7916vw;line-height: 2.3958vw;font-size: 2.18vw;}
/* .home .differents .list ul li .txt .subtitle{height: 5vw;line-height: 1.56vw;font-size: 1.09375vw;}*/


        .sections-container {
            position: absolute;
            top: 0;
            left: 0;
            transform: translate(0. 0%);
            display: flex;
            gap: 0;
            height: 400px; /* 匹配板块高度，避免裁剪 */
            align-items: flex-start;
            z-index: 10; /* 确保在顶部占位元素上方显示 */

        }

        /* 单个板块样式 */
        .section {
            flex: 0 0 auto; /* 固定宽度，不伸缩 */
            width: 34.0625vw;height: 28.4375vw;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            text-align: center;
            background-color: #e9e5e0;
            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); /* 更自然的缓动曲线 */
            position: relative;
            z-index: 1; /* 初始层级 */
            margin-right: 2.60vw;
        }
        .section:nth-child(1) {z-index: 1;}
        .section:nth-child(2) { z-index: 2; }
        .section:nth-child(3) { z-index: 3; }
        .section:nth-child(4) { z-index: 4; }

        .section .txt{padding:3.385vw;}
        .section .txt .title{height: 10.9375vw;text-align: center;margin-top:4.7916vw;line-height: 2.3958vw;font-size: 2.18vw;}
        .section .txt .subtitle{height: 5vw;line-height: 1.56vw;font-size: 1.09375vw;overflow: hidden;}


/* .home .news{min-height: calc(9000px + 300vh);overflow-x: hidden;position: relative;} */
.home .news0{overflow-x: hidden;
    position: relative;
    height: 100vh;
    position: relative;
}
    
.layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 5rem;
    font-weight: bold;
    color: white;
    will-change: transform;
    transition: transform 0.05s ease-out;
}
.layer-1 {
    z-index: 1;
}

.layer-2 {
    z-index: 2;
    transform: translateY(100vh);
}

.layer-3 {
    z-index: 3;
    transform: translateY(100vh);
}

.layer .img{height: auto;overflow: auto;background-color: #e1e1e1;}
.layer .img img{width: 100%;height: 56.25vw;}
/*no*/
.no{height: auto;overflow: auto;background-color: #f3efec;}
.no .box{width: 100%;height: auto;overflow: auto;margin:9.375vw auto 0;}
.no .box img{width: 100vw;height:auto;overflow: auto;margin-bottom: 6vw;}
/**/
/* 社交图标区域样式 */
.social {

}
.social-icons {
    display: flex;
    align-items: center;
    gap: 2.08vw; /* 图标之间的间距 */
    margin-bottom: 6.770vw;
    margin-left: 1.45vw;
}

/* 微信图标容器 - 核心：控制二维码显示/隐藏 */
.wechat-wrapper {
    position: relative; /* 作为二维码定位的参考 */
    cursor: pointer;
}
/* 二维码容器：默认隐藏，悬停时显示 */
.wechat-qrcode {
    position: absolute;
    top: 100%; /* 显示在图标下方 */
    left: -1.45vw;
    transform: translateX(0%);
    margin-top: 0.52vw;
    display: none; /* 默认隐藏 */
    width: 5vw; /* 二维码宽度 */
    height: 5vw;
    background-color: #fff;
    z-index: 999;
}
/* 悬停时显示二维码 */
.wechat-wrapper:hover .wechat-qrcode {
    display: block;
}

/* 社交图标样式（统一大小） */
.social-icon {
    height: 2.08vw;
    object-fit: contain;
}