@charset "utf-8";
@import url("icon/iconfont.css");
/* 根据视口动态调整 */
html { width: 100%; font-size: 16px; }

@media (min-width: 1920px) {
    html { font-size: 18px; }
}

@media (min-width: 2560px) {
    html { font-size: 24px; }
}

@media (min-width: 3840px) {
    html { font-size: 40px; }
}

/*全局样式开始-------------------------------------------------------------------------*/
body { position: relative; margin: 0 auto; padding: 0; width: 100%; font-size: 1rem; color: #666; background: #fff; font-family: Cambria,'Microsoft YaHei'; line-height: 1.6; }

a { margin: 0; padding: 0; text-decoration: none; color: #666666; }
a:hover { color: #ff0000; text-decoration: none; cursor: pointer; }
a:link { outline-style: none; }
ul, li, ol, dl, dt, dd, p { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0; padding: 0; }
div { text-align: left; }
img { border: none; max-width: 100%; height: auto; }
.clearfix { display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear: both; margin: 0; padding: 0; height: 0; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.h1 { font-size: 1.875rem; font-weight: bold; }
.h2 { font-size: 1.5rem; }
.h3 { font-size: 1.125rem; }
/*全局样式结束-------------------------------------------------------------------------*/

/*通用样式开始-------------------------------------------------------------------------*/
/*box*/
.box { margin: 0 auto; padding: 0; width: 95rem; box-sizing: border-box; }

@media (min-width: 1920px) {
    .box { max-width: 1920px; }
}

@media (min-width: 2500px) {
    .box { max-width: 2559px; }
}

@media (min-width: 3839px) {
    .box { max-width: 3839px; }
}

/* 思源宋体 */
@font-face { font-family: 'Source Han Serif CN'; src: url('/fonts/SourceHanSerifCN-Regular-1.otf') format('woff'); font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Han Serif CN SemiBold'; src: url('/fonts/SourceHanSerifCN-SemiBold-7.otf') format('woff'); font-style: normal; font-display: swap; }

/* 返回顶部按钮样式 */
.back-to-top { position: fixed; bottom: 3.5rem; right: 5.5rem; width: 3.5rem; height: 3.5rem; background: linear-gradient(135deg, #706A64, #1a1919); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 9999; box-shadow: 0 0.25rem 1rem rgba(153, 153, 153, 0.4); border: none; outline: none; transform: scale(0.8) translateY(1rem); }

.back-to-top.show { opacity: 1; visibility: visible; transform: scale(1) translateY(0); }

.back-to-top:hover { transform: scale(1.1); box-shadow: 0 0.375rem 1.25rem rgba(153, 153, 153, 0.6); background: linear-gradient(135deg, #1a1919, #706A64); }

.back-to-top:active { transform: scale(0.95); }

.back-to-top i { font-size: 1.5rem; font-weight: bold; transition: transform 0.3s; }

.back-to-top:hover i { transform: translateY(-0.2rem); }

/* 呼吸动画效果 */
@keyframes breathe {
    0% { box-shadow: 0 0.25rem 1rem rgba(102, 102, 102, 0.4); }
    50% { box-shadow: 0 0.25rem 1.25rem rgba(153, 153, 153, 0.7); }
    100% { box-shadow: 0 0.25rem 1rem rgba(204, 204, 204, 0.4); }
}

.back-to-top.show { animation: breathe 3s infinite ease-in-out; }


/*header*/
.header { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; }
.header .menu { position: relative; width: 100%; height: 7.5rem; background-color: transparent; transition: all 0.3s ease; }
.header .menu:hover { background: #000; opacity: 1; }
.header .menu .box { width: 100%; }
.header .menu .box .logo { margin: 1.25rem 0 0 1.875rem; float: left; width: 12.5rem; height: 4.1875rem; }
.header .menu .box .logo img { width: 100%; height: auto; }
.header .menu .box .nav { float: right; margin: 0; padding: 0 1.875rem 0 0; width: 62.5rem; background-color: transparent; }
.header .menu .box .nav .m { float: right; z-index: 9999; }
.header .menu .box .nav .m a { display: block; margin-left: 1.5625rem; text-align: center; width: 6.3rem; height: 7.5rem; line-height: 7.5rem; color: #fff; overflow: hidden; transition: color 0.3s ease; }
.header .menu .box .nav .m a:hover { color: #d51813; }
.header .menu .box .nav .m a i { margin-left: 0.3125rem; color: #ccc; font-size: 0.625rem; transition: color 0.3s ease; }
.header .menu .box .nav .m a:hover i { color: #d51813; }
.header .menu .box .nav .tel a { width: 11.25rem; font-size: 1.125rem; }
.header .menu .box .nav .tel a i { margin-right: 0; font-size: 1.125rem; }
.header .menu:hover .box .nav .m a { color: #fff; }
.header .menu:hover .box .nav .m a:hover { color: #d51813; }
.header .menu .box .nav .sub { display: none; position: absolute; top: 7.5rem; left: 0; z-index: 9999; width: 100%; height: 21.25rem; background: #eee; }
.header .menu .box .nav .sub_box1 { margin: 0 auto; padding: 1.25rem 0; width: 95%; max-width: 1520px; }
.header .menu .box .nav .sub_box1 .core { float: left; margin-left: 9.375rem; padding-right: 6.25rem; width: 25rem; border-right: 1px solid #aaa; }
.header .menu .box .nav .sub_box1 .core ul li img { display: block; margin-top: 1.875rem; width: 100%; height: auto; max-width: 28.125rem; }
.header .menu .box .nav .sub_box1 .hd { float: left; margin-left: 3.125rem; width: 37.5rem; }
.header .menu .box .nav .sub_box1 .hd ul { margin-top: 1.25rem; }
.header .menu .box .nav .sub_box1 .hd ul li { margin: 1.875rem 0; float: left; width: 50%; }
.header .menu .box .nav .sub_box1 .hd ul li a { display: block; margin: 0; padding: 0; width: 17.5rem; text-align: left; height: 2.5rem; line-height: 2.5rem; font-size: 1.25rem; color: #333; transition: all 0.3s ease; }
.header .menu .box .nav .sub_box1 .hd ul li a:hover { font-weight: bold; }
.header .menu .box .nav .sub_box1 .hd ul li a:hover p { font-weight: bold; }
.header .menu .box .nav .sub_box1 .hd ul li i { margin-right: 0.3125rem; font-size: 1.5rem; font-weight: bold; color: #666; transition: color 0.3s ease; }
.header .menu .box .nav .sub_box1 .hd ul li a:hover i { color: #d51813; }
.header .menu .box .nav .sub_box2 { margin: 0 25%; padding: 1.25rem 0; width: 75rem; }
.header .menu .box .nav .sub_box2 div { float: left; margin: 1.875rem; width: calc(25% - 3.75rem); }
.header .menu .box .nav .sub_box2 div a { display: block; margin: 0; padding: 1.25rem; width: 100%; height: 11rem; background: #fff; transition: all 0.3s ease; }
.header .menu .box .nav .sub_box2 div a:hover { color: #d51813; font-weight: bold; }
.header .menu .box .nav .sub_box2 div a:hover p { font-weight: bold; }
.header .menu .box .nav .sub_box2 div a img { display: block; width: 100%; height: 9rem; }
.header .menu .box .nav .sub_box2 div a p { line-height: 2.5rem; text-align: center; color: #333; margin-top: 0.625rem; }
.header_line { height: 8.75rem; }

/* 高分辨率header优化 */
/*@media (min-width: 2560px) {
    .header .menu { height: 8rem; }
    .header .menu .box .nav .m a { height: 8rem; line-height: 8rem; font-size: 1.1rem; }
}

@media (min-width: 3840px) {
    .header .menu { height: 10rem; }
    .header .menu .box .nav .m a { height: 10rem; line-height: 10rem; font-size: 1.3rem; }
    .header .menu .box .nav .sub { top: 10rem; height: 25rem; }
}*/

/*banner*/
.banner { position: relative; width: 100%; height: 43.75rem; overflow: hidden; }
.banner .swiper { position: relative; width: 100%; height: 100%; }
.banner .swiper .swiper-wrapper .swiper-slide { position: relative; width: 100%; height: 100%; }
.banner .swiper .swiper-wrapper .swiper-slide .img { position: relative; width: 100%; height: 100%; }
.banner .swiper .swiper-wrapper .swiper-slide .txt { position: absolute; z-index: 99; top: 40%; left: 10%; color: #fff; }
.banner .swiper .swiper-wrapper .swiper-slide .txt h2 { font-size: 3.125rem; }
.banner .swiper .swiper-wrapper .swiper-slide .txt h2 b { color: #fff; }
.banner .swiper .swiper-wrapper .swiper-slide .txt p { margin: 1.875rem 0; font-size: 2.25rem; }
.banner .swiper .swiper-wrapper .swiper-button-next,
.banner .swiper .swiper-wrapper .swiper-button-prev { color: #fff; }
.banner .swiper .swiper-wrapper .swiper-pagination.on { color: #fff; }
.banner img.mymove { width: 100%; height: auto; position: relative; animation: mymove 10s infinite; -webkit-animation: mymove 10s infinite; }

/* 高分辨率banner优化 */
@media (min-width: 2500px) {
    .banner { height: 50rem; }
    .banner .swiper .swiper-wrapper .swiper-slide .txt h2 { font-size: 4rem; }
    .banner .swiper .swiper-wrapper .swiper-slide .txt p { font-size: 2.8rem; }
}

@media (min-width: 3840px) {
    .banner { height: 60rem; }
    .banner .swiper .swiper-wrapper .swiper-slide .txt h2 { font-size: 5rem; }
    .banner .swiper .swiper-wrapper .swiper-slide .txt p { font-size: 3.5rem; }
}

/*footer*/
.footer { width: 100%; height: 31.25rem; background: #000; }
.footer .top { padding: 4%; height: auto; }
.footer dt, .footer dt a { margin-bottom: 1.25rem; color: #fff; }
.footer dt a:hover { color: #ff0000; }
.footer dd, .footer dd a { margin: 0.625rem 0; color: #ddd; font-weight: 100; }
.footer dd a:hover { color: #ff0000; }
.footer .menu { float: left; width: 35%; }
.footer .menu dl { float: left; margin-right: 1.875rem; }
.footer .contact { margin-right: 1.875rem; float: left; width: 20%; }
.footer .ewm { float: left; width: 20%; }
.footer .ewm dl { margin-right: 1.875rem; float: left; }
.footer .join { float: right; width: 18.75rem; }
.footer .bottom { padding: 0 4%; }
.footer .copyright { float: left; }
.footer .copyright img { width: 10.9375rem; height: 3.625rem; }
.footer .copyright a { color: #fff; }
.footer .flag { float: right; width: 19.0625rem; }
.footer .flag img { width: 100%; height: auto; }

/*seach*/
.seach { position: relative; float: right; margin-top: 1.875rem; }
.seach .wenzi { border: none; float: left; width: 11.875rem; padding-left: 0.625rem; height: 1.8125rem; line-height: 1.8125rem; color: #fff; font-size: 0.875rem; background: url('../images/wenzi.jpg') no-repeat; background-size: cover; }
.seach .dianji { border: none; position: relative; left: -1.875rem; float: left; width: 1.8125rem; height: 1.8125rem; background: url('../images/dianji.jpg') no-repeat; background-size: cover; cursor: pointer; }

/*图片放大镜样式*/
.right-extra { float: left; width: 21.875rem; }
.jqzoom { float: left; border: none; position: relative; padding: 0; cursor: pointer; margin: 0; display: block; }
.zoomdiv { z-index: 100; position: absolute; top: 0; left: 0; width: 21.875rem; height: 21.875rem; background: #ffffff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0; left: 0; width: 1.25rem; height: 1.25rem; border: 1px solid #aaa; background: #ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }

/*图片小图预览列表*/
.spec-preview { width: 21.875rem; height: 21.875rem; border: 1px solid #DFDFDF; }
.spec-scroll { clear: both; margin-top: 0.3125rem; width: 22rem; }
.spec-scroll .prev { float: left; margin-right: 0.25rem; }
.spec-scroll .next { float: right; }
.spec-scroll .prev, .spec-scroll .next { display: block; font-family: "宋体"; text-align: center; width: 0.625rem; height: 3.375rem; line-height: 3.375rem; border: 1px solid #ccc; background: #ebebeb; cursor: pointer; text-decoration: none; }
.spec-scroll .items { float: left; position: relative; width: 20.125rem; height: 3.5rem; overflow: hidden; }
.spec-scroll .items ul { position: absolute; width: 999999px; height: 3.5rem; }
.spec-scroll .items ul li { float: left; width: 4rem; text-align: center; }
.spec-scroll .items ul li img { border: 1px solid #CCC; padding: 0.125rem; width: 3.125rem; height: 3.125rem; transition: all 0.3s ease; }
.spec-scroll .items ul li img:hover { border: 0.125rem solid #FF6600; padding: 0.0625rem; }

/*列表页码样式*/
div.pagelist { margin: 3.125rem auto; margin-top: 6.25rem; padding: 0; width: 16.25rem; text-align: center; font-family: Verdana; font-size: 0.75rem; }
div.pagelist a { border: 1px solid #dedfde; padding: 0.125rem 0.375rem; background-position: 50% bottom; color: #d51813; margin-right: 0.1875rem; text-decoration: none; transition: all 0.3s ease; }
div.pagelist a:hover { border-color: #000; color: #fff; background-color: #d51813; }
div.pagelist a:active { border-color: #000; color: #fff; background-color: #d51813; }
div.pagelist span { padding: 0.125rem 0.375rem; color: #999; margin-right: 0.1875rem; }
div.pagelist span.current { font-weight: bold; color: #ff0084; }
div.pagelist span.disabled { color: #adaaad; }

/*fullpage全屏样式*/
#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 0.25rem; height: 0.25rem; background-color: #ddd; }
#fp-nav li .active span, .fp-slidesNav.active span { background-color: #ccc; }

.fp-controlArrow.fp-prev { z-index: 999; left: 6%; width: 0; height: 0; border-top: 1.25rem solid transparent; border-right: 1.25rem solid rgba(255, 255, 255, 0.5); border-bottom: 1.25rem solid transparent; border-left: 0; transition: all 0.3s ease; }
.fp-controlArrow.fp-prev:hover { z-index: 999; border-right: 1.25rem solid rgba(255, 255, 255, 1); }
.fp-controlArrow.fp-next { z-index: 999; right: 6%; width: 0; height: 0; border-top: 1.25rem solid transparent; border-right: 0; border-bottom: 1.25rem solid transparent; border-left: 1.25rem solid rgba(255, 255, 255, 0.5); transition: all 0.3s ease; }
.fp-controlArrow.fp-next:hover { z-index: 999; border-left: 1.25rem solid rgba(255, 255, 255, 1); }

#fullpage .section { margin: 0; padding: 0; width: 100%; height: 100vh; background-size: cover; }
#fullpage .section .slide { background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-repeat: no-repeat; background-position: center center; }
#fullpage .section video { position: absolute; right: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; background-size: cover; top: 50%; transform: translateY(-50%); }
video.hosted-video { background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/*overlay透明图层样式*/
.overlay { background: #000; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }

/*mySwiper样式*/
@keyframes mymove {
    from { top: 0; }
    to { top: -5rem; }
}

@-webkit-keyframes mymove {
    from { top: 0; }
    to { top: -5rem; }
}

@keyframes flyIn {
    0% { opacity: 0; transform: translateX(100%); }
    100% { opacity: 1; transform: translateX(0); }
}

.fly-in-right-to-left { position: absolute; animation: flyIn 2s forwards; }

.content_swiper { position: relative; }
.content_swiper .swiper-button-next { position: absolute; top: 17.3125rem; right: -0.125rem; color: #000; }
.content_swiper .swiper-button-prev { position: absolute; top: 17.3125rem; left: -0.125rem; color: #000; }
.content_swiper .swiper-wrapper .swiper-slide { transition: transform 0.5s ease; }
.content_swiper .swiper-wrapper .swiper-slide:hover img { transform: scale(1.05); box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.5); }
.content_swiper .swiper-button-next:hover,
.content_swiper .swiper-button-prev:hover { font-weight: bold; }

.mySwiper { position: relative; }
.mySwiper .swiper-button-next { position: absolute; top: 17.3125rem; right: -0.125rem; color: #000; }
.mySwiper .swiper-button-prev { position: absolute; top: 17.3125rem; left: -0.125rem; color: #000; }
.mySwiper .swiper-button-next:hover,
.mySwiper .swiper-button-prev:hover { font-weight: bold; }

/*通用样式结束-------------------------------------------------------------------------*/

/*首页样式开始-------------------------------------------------------------------------*/
.index { }
.index_vedio { }
/*首页通用样式*********************************************************/
/*标题样式*/
.eng-title, .cn-title { position: relative; display: block; margin: 0.3375rem 0; padding: 0; }
.title-char { position: relative; width: auto; height: 1.2em; vertical-align: bottom; font-family: 'Source Han Serif CN', serif; }
.title-char .flip-inner { display: inline-block; animation: pageFlip 1s infinite ease-in-out; transform-origin: left center; background: transparent; }
.title-char .original-char { display: inline-block; }

@keyframes pageFlip {
    0% { transform: rotateY(90deg); opacity: 0; }
    20% { transform: rotateY(0deg); opacity: 1; }
    80% { transform: rotateY(0deg); opacity: 1; }
    100% { transform: rotateY(-90deg); opacity: 0; }
}

.eng-title { font-size: 3rem; margin-bottom: 0.9375rem; letter-spacing: -0.1875rem; color: #fff; font-family: 'Source Han Serif CN', serif; font-weight: 1000; }
.cn-title { font-size: 1.8rem; color: #fff; float: right; padding-left: 4.875rem; font-family: 'Source Han Serif CN', serif; font-weight: 500; }

/* 高分辨率标题优化 */
@media (min-width: 2500px) {
    .eng-title { font-size: 3rem; font-weight: 1000; }
    .cn-title { font-size: 2rem; font-weight: 500; }
}

@media (min-width: 3840px) {
    .eng-title { font-size: 4rem; font-weight: 1000; }
    .cn-title { font-size: 2.2rem; font-weight: 500; }
}

/*首页产品*/
.index_product .slide { background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 100vh; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; }
.index_product .slide .text-container { display: inline-block; position: relative; top: 77%; left: 74%; text-align: center; color: #fff; text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5); letter-spacing: 0.125rem; }

/*首页奖项*/
.index_awards .text-container { top: 45%; left: 85%; transform: translate(-50%, -50%); display: inline-block; position: relative; text-align: center; color: #fff; text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5); letter-spacing: 0.125rem; }

/* 首页设计师 */
.index_designer .image-container { display: flex; margin-left: 18.75rem; flex-wrap: wrap; }
.index_designer .image-item { position: relative; width: 33%; height: 58.25rem; overflow: hidden; border-radius: 0.5rem; box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1); transition: all 0.3s ease; }
.index_designer .image-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.index_designer .image-tooltip { position: absolute; bottom: -25rem; left: 0; width: 100%; height: 25rem; background: #00000080; color: #fff; text-align: left; line-height: 1.875rem; font-size: 1rem; transition: bottom 0.3s ease; }
.index_designer .image-tooltip h3 { padding: 1.375rem; font-size: 1.5rem !important; }
.index_designer .image-tooltip p { padding: 0 1.375rem; font-size: 0.8125rem !important; }
.index_designer .image-item:hover { transform: translateY(-0.625rem); box-shadow: 0 0.5rem 1.25rem rgba(0,0,0,0.15); }
.index_designer .image-item:hover img { transform: scale(1.05); }
.index_designer .image-item:hover .image-tooltip { bottom: 0; }

/* 高分辨率标题优化 */
@media (min-width: 2500px) {
    .index_designer .image-container .image-item { height: 72.25rem; }
    .index_designer .image-tooltip h3 { padding: 1.375rem; font-size: 1.5rem; }
    .index_designer .image-tooltip p { padding: 0 1.375rem; font-size: 1rem !important; }
    .index_designer .image-tooltip p span { font-size: 1rem !important; }
}


/*首页展会*/
.index_exhibition .slide { background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 100vh; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; }
.index_exhibition .text-container { display: inline-block; position: relative; top: 72%; left: 70%; text-align: center; color: #fff; text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5); letter-spacing: 0.125rem; }

/*首页专卖店*/
.index_shop .text-container { top: 45%; left: 82%; transform: translate(-50%, -50%); display: inline-block; position: relative; text-align: center; color: #fff; text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5); letter-spacing: 0.125rem; }

/*首页底部*/
.index_footer .box { margin-top: 15rem; width: 100%; height: 100%; background: #000; }
.index_footer .top { padding: 0 4%; padding-top: 12.5rem; height: auto; }
.index_footer .bottom { padding: 0 4%; margin-top: 12.5rem; }
.index_footer dt, .index_footer dt a { margin-bottom: 1.25rem; color: #fff; }
.index_footer dt a:hover { color: #ff0000; }
.index_footer dd, .index_footer dd a { margin: 0.625rem 0; color: #ddd; font-weight: 100; }
.index_footer dd a:hover { color: #ff0000; }
.index_footer .menu { float: left; width: 35%; }
.index_footer .menu dl { float: left; margin-right: 1.875rem; }
.index_footer .contact { margin-right: 1.875rem; float: left; width: 20%; }
.index_footer .ewm { float: left; width: 20%; }
.index_footer .ewm dl { margin-right: 1.875rem; float: left; }
.index_footer .join { float: right; width: 18.75rem; }
.index_footer .copyright { float: left; }
.index_footer .copyright img { width: 10.9375rem; height: 3.625rem; }
.index_footer .copyright a { color: #fff; }
.index_footer .flag { float: right; width: 19.0625rem; }
.index_footer .flag img { float: right; width: 100%; height: auto; }
/*首页样式结束-------------------------------------------------------------------------*/

/*品牌样式开始-------------------------------------------------------------------------------*/
.brand h2 { animation: brandUp 1s ease-out forwards; opacity: 0; font-family: 'Source Han Serif CN', serif; color: black; font-size: 2.5rem; }
.brand h3 { animation: brandUp 2s ease-out forwards; opacity: 0; font-family: 'Source Han Serif CN', serif; color: black; font-size: 2rem; }
.brand .effect { animation: brandUp 3s ease-out forwards; opacity: 0; color: black; }
.brand .image-container { height: 40rem; border-radius: 0.5rem; overflow: hidden; margin-bottom: 1.25rem; }
.brand .image-container img { margin: 3.125rem auto; border-radius: 0.5rem; transition: transform 0.5s ease; width: 90%; height: 92%; max-width: 60rem; }
.brand .image-container img:hover { transform: scale(1.05); }
.brand .branch_img img:hover { transform: scale(1.05); }

/* 高分辨率标题优化 */
@media (min-width: 2500px) {
    .brand h2 strong span { color: black; font-size: 2rem !important; }
    .brand h3 span { color: black; font-size: 1rem !important; }
}

@media (min-width: 2500px) {
    .brand .content .box table { margin: auto; width: 100rem !important; }
    .brand .content .box table tbody tr td p strong span { font-size: 1.5rem !important; color: #000000 !important; }
    .brand .content .box table tbody tr td p span { color: rgb(165, 165, 165) !important; font-size: 0.8rem !important; }
    /* 2500分辨率专用样式 */
    @media screen and (min-width: 2500px) {
        /* 表格整体布局 */
        table { width: 100%; max-width: 140rem; margin: 0 auto; border-collapse: collapse; }
        /* 单元格样式 */
        td { padding: 0.5rem; vertical-align: top; border: 0.0625rem solid rgb(255, 255, 255); }
        /* 第一列宽度 */
        td:first-child { width: 38rem; }
        /* 图片列宽度 */
        td:nth-child(2) { width: 28.5rem; }
        td:nth-child(3) { width: 18.25rem; }
        /* 标题样式 */
        .particle-title span { font-size: 1.75rem !important; color: #000000 !important; font-weight: 700; line-height: 1.3; display: block; margin-bottom: 1rem; }
        /* 内容文字样式 */
        td p { margin: auto; margin-bottom: 0.5rem; line-height: 1.6; }
        td span { font-size: 0.8rem !important; color: rgb(165, 165, 165) !important; line-height: 1.7; display: block; margin-bottom: 1rem; }
        /* 图片样式 */
        .branch_img { text-align: center; margin: 0; }
        .branch_img img { max-width: 100%; height: auto; display: block; border-radius: 0.5rem; box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1); }
        /* 最后一个图片不需要底部间距 */
        .branch_img img:last-child { margin-bottom: 0; }
        /* 第二列图片特殊处理 */
        td:nth-child(2) .branch_img img { width: 100%; height: auto; object-fit: cover; }
        /* 第三列图片特殊处理 */
        td:nth-child(3) .branch_img img { width: 100%; height: auto;  object-fit: cover;  margin-top: 1.3rem; }
        /* 行间距调整 */
        tr.effect { margin-bottom: 2rem; }
        /* 段落间距 */
        p { margin-bottom: 1.5rem; }
        /* 空段落处理 */
        p:empty { display: none; }
        /* 中英文文本对齐 */
        td p span { text-align: justify; hyphens: auto; }
        /* 中文特殊处理 */
        td p span:first-child { margin-bottom: 0.8rem; }
        /* 英文特殊处理 */
        td p span:last-child { font-style: italic; opacity: 0.9; }
        /* 响应式图片容器 */
        .branch_img { position: relative; overflow: hidden; }
        .branch_img::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%); pointer-events: none; }
    }
}

@keyframes brandUp {
    from { opacity: 0; transform: translateY(1.25rem); }
    to { opacity: 1; transform: translateY(0); }
}

/* 品牌设计与品质 */
.designer img { animation: slideUp 1s ease-out forwards; opacity: 0; width: 100%; height: auto; }

@keyframes slideUp {
    from { opacity: 0; transform: translateY(6.25rem); }
    to { opacity: 1; transform: translateY(0); }
}

/* 纯CSS粒子效果 */
.particle-title { position: relative; display: inline-block; cursor: pointer; }
.particle-title:hover::before,
.particle-title:hover::after { content: ''; position: absolute; width: 0.375rem; height: 0.375rem; background-color: #000000; border-radius: 50%; animation: particle-float 1s ease-out forwards; }
.particle-title:hover::before { top: 0; left: 20%; animation-delay: 0.1s; }
.particle-title:hover::after { top: 0; right: 20%; animation-delay: 0.2s; }

@keyframes particle-float {
    0% { transform: translateY(0) scale(1); opacity: 1; }
    100% { transform: translateY(-1.875rem) scale(0.5); opacity: 0; }
}
/*品牌样式结束------------------------------------------------------------------------------*/

/*内页通用样式开始-------------------------------------------------------------------------*/
.content { position: relative; z-index: 1; width: 100%; background: #FFFFFF; }
/*content_banner*/
.content_banner { position: relative; width: 100%; height: 43.75rem; overflow: hidden; }
.content_banner .swiper { position: relative; width: 100%; height: 100%; }
.content_banner .swiper .swiper-wrapper .swiper-slide { position: relative; width: 100%; height: 100%; }
.content_banner .swiper .swiper-wrapper .swiper-slide .img { position: relative; width: 100%; height: 100%; }
.content_banner .swiper .swiper-wrapper .swiper-slide .txt { position: absolute; z-index: 99; top: 40%; left: 10%; color: #fff; }
.content_banner .swiper .swiper-wrapper .swiper-slide .txt h2 { font-size: 3.125rem; }
.content_banner .swiper .swiper-wrapper .swiper-slide .txt h2 b { color: #fff; }
.content_banner .swiper .swiper-wrapper .swiper-slide .txt p { margin: 1.875rem 0; font-size: 2.25rem; }
.content_banner .swiper .swiper-wrapper .swiper-button-next,
.content_banner .swiper .swiper-wrapper .swiper-button-prev { color: #fff; }
.content_banner .swiper .swiper-wrapper .swiper-pagination.on { color: #fff; }

/*content_category内页类别*/
.content_category dl dt { padding: 1.25rem; height: 2.5rem; line-height: 2.5rem; background: #000; text-align: center; color: #fff; font-size: 1.25rem; font-weight: bold; }
.content_category dl dt a { color: #fff; }
.content_category dl dt a:hover { color: #ff0000; }
.content_category dl dd { margin: 0.25rem 0; }
.content_category dl dd a { display: block; padding: 0 1.25rem; width: 15rem; text-align: center; height: 3.75rem; line-height: 3.75rem; background: #f7f7f7; transition: all 0.3s ease; }
.content_category dl dd a:hover { background: #faebd7; }
.content_category dl dd a span { float: left; }

/*content_category内页详情*/
.content_detail .hd { padding: 0 1.25rem; height: 3.125rem; line-height: 3.125rem; background: #000; color: #fff; font-size: 1rem; }
.content_detail .hd b { font-weight: bold; color: #fff; }
.content_detail .hd a { color: #fff; }
.content_detail .hd a:hover { color: #ff0000; }
.content_detail .hd span { float: right; }
.content_detail .bd { margin-top: 1.25rem; width: 100%; overflow: hidden; }
/*内页样式结束-------------------------------------------------------------------------*/

/*内页栏目样式开始-------------------------------------------------------------------------*/
/*product_list产品列表*/
.sidebar { width: 15.625rem; background: #f0f0f0; padding: 1.25rem; border-right: 1px solid #e0e0e0; }
.category dt:hover { background: #dcdcdc; color: #d4af37; }
.category dt::after { position: absolute; right: 0.9375rem; top: 50%; transform: translateY(-50%); font-weight: bold; color: #666; transition: transform 0.3s ease; }
.category dt.collapsed::after { }
.category dd:hover { color: #d4af37; padding-left: 1.5625rem; }
.category dd { margin: 0; max-height: 31.25rem; overflow: hidden; transition: all 0.4s ease-in-out; }
.category dd.collapsed { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; }
.category dt { position: relative; transition: all 0.3s ease; }
.category dt a { color: #333; text-decoration: none; display: block; transition: all 0.3s ease; }
.category dt .icon-arrow-down { transition: transform 0.3s ease; margin-left: 0.5rem; }
.category dt.collapsed .icon-arrow-down { transform: rotate(180deg); }
.category dd.collapsed { max-height: 0; padding: 0 0.9375rem; opacity: 0; }
.category dd a { color: #666; text-decoration: none; display: block; transition: all 0.3s ease; padding: 0.5rem 0; border-bottom: 1px dashed #e0e0e0; }
.category dd a:hover,
.category dd a.active { }
.category dd a .icon-arrow-right { margin-right: 0.5rem; transition: all 0.3s ease; }
.category dd a.active .icon-arrow-right { color: #d4af37; }

.product_list { padding: 3.125rem 0 6.25rem 0; }
.product_list .box .left { float: left; width: 17.5rem; }
.product_list .box .left .category { margin-bottom: 0.625rem; }
.product_list .box .left .category dl { opacity: 0; transform: translateX(-6.25rem); animation: slideInFromLeft 0.8s ease-out 0.3s forwards; }
.product_list .box .left .category dl dt { padding: 1.25rem; height: 1.25rem; line-height: 1.25rem; background: #000; font-size: 1.125rem; color: #1a1a1a; margin-bottom: 0.3125rem; border-radius: 0.3125rem; cursor: pointer; transition: all 0.3s ease; position: relative; }
.product_list .box .left .category dl dt a { color: #fff; font-size: 1.125rem; font-weight: bold; }
.product_list .box .left .category dl dt a:hover { color: #EF7D26; }
.product_list .box .left .category dl dt a i { float: right; }
.product_list .box .left .category dl dd { width: 100%; }
.product_list .box .left .category dl dd a { display: block; padding: 0 1.25rem; width: 15rem; text-align: center; height: 2.5rem; line-height: 2.5rem; background: #f7f7f7; transition: all 0.3s ease; }
.product_list .box .left .category dl dd a:hover { background: #faebd7; color: #EF7D26; }
.product_list .box .left .category dl dd a span { float: left; color: #666; }

.product_list .box .right { float: right; width: 75rem; }
.product_list .box .right .list .hd { padding: 1.25rem; height: 1.25rem; line-height: 1.25rem; background: #000; color: #fff; margin-bottom: 1.5rem; }
.product_list .box .right .list .bd ul { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.product_list .box .right .list .bd ul li { position: relative; flex: 1 1 calc(33.333% - 1.25rem); min-width: 20rem; height: 24rem; opacity: 0; transform: translateY(1.875rem); animation: fadeInUp 0.6s ease-out forwards; }
.product_list .box .right .list .bd ul li:nth-child(1) { animation-delay: 0.5s; }
.product_list .box .right .list .bd ul li:nth-child(2) { animation-delay: 0.6s; }
.product_list .box .right .list .bd ul li:nth-child(3) { animation-delay: 0.7s; }
.product_list .box .right .list .bd ul li:nth-child(4) { animation-delay: 0.8s; }
.product_list .box .right .list .bd ul li:nth-child(5) { animation-delay: 0.9s; }
.product_list .box .right .list .bd ul li:nth-child(6) { animation-delay: 1.0s; }
.product_list .box .right .list .bd ul li:nth-child(7) { animation-delay: 1.1s; }
.product_list .box .right .list .bd ul li:nth-child(8) { animation-delay: 1.2s; }
.product_list .box .right .list .bd ul li:nth-child(9) { animation-delay: 1.3s; }
.product_list .box .right .list .bd ul li:nth-child(10) { animation-delay: 1.4s; }
.product_list .box .right .list .bd ul li:nth-child(11) { animation-delay: 1.5s; }
.product_list .box .right .list .bd ul li:nth-child(12) { animation-delay: 1.6s; }
.product_list .box .right .list .bd ul li:nth-child(13) { animation-delay: 1.7s; }
.product_list .box .right .list .bd ul li:nth-child(14) { animation-delay: 1.8s; }
.product_list .box .right .list .bd ul li:nth-child(15) { animation-delay: 1.9s; }
.product_list .box .right .list .bd ul li a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }
.product_list .box .right .list .bd ul li a img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.product_list .box .right .list .bd ul li a p { position: absolute; bottom: 0; left: 0; width: 100%; height: 2.5rem; line-height: 2.5rem; text-align: center; background: #ccc; color: #000; transition: all 0.3s ease; }
.product_list .box .right .list .bd ul li a:hover p { position: absolute; bottom: 0; left: 0; padding-top: 11.25rem; width: 100%; height: 12.5rem; background: #000; color: #fff; opacity: 0.7; z-index: 11; }

/* 动画 */
@keyframes slideInFromLeft {
    0% { opacity: 0; transform: translateX(-6.25rem); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(1.875rem); }
    100% { opacity: 1; transform: translateY(0); }
}

/*product_show产品详情*/
.product_show { padding: 6.25rem 0; }
.product_show .box .graph { float: left; width: 46.25rem; }
.product_show .box .graph .graph_swiper { width: 43.75rem; overflow: hidden; }
.product_show .box .graph .graph_swiper .swiper-slide a img { width: 100%; height: auto; max-width: 43.75rem; }
.graph_swiper .swiper-pagination-bullet { background: #666; color: #666; }
.graph_swiper .swiper-pagination-bullet-active { background: #333; color: #333; }

/* 高分辨率标题优化 */
@media (min-width: 2500px) {
    .product_show .box .detail .bd p img { margin: auto !important; display: block !important; }
}

/* 高分辨率标题优化 */
@media (min-width: 3840px) {
    .product_show .box .detail .bd p img { width: 100%; }
}

.product_show .box .parameter { float: right; width: 46.25rem; }
.product_show .box .parameter h1 { font-size: 1.875rem; font-weight: normal; }
.product_show .box .parameter h2 { margin-top: 0.3125rem; font-size: 1.875rem; font-weight: normal; }
.product_show .box .parameter h3 { margin-top: 0.625rem; padding-bottom: 0.625rem; font-size: 1.875rem; font-weight: bold; border-bottom: 1px dashed #000; font-family: 'Source Han Serif CN', serif; }
.product_show .box .parameter h3 text { color: black; }
.product_show .box .parameter h4 { margin-top: 0.625rem; font-size: 1.25rem; font-weight: normal; }
.product_show .box .parameter h5 { margin-top: 0.625rem; font-size: 1.125rem; font-weight: normal; }
.product_show .box .parameter dl dt { margin: 0.625rem 0; font-size: 1.125rem; font-weight: bold; font-family: 'Source Han Serif CN', serif; }
.product_show .box .parameter dl dt text { color: black; }
.product_show .box .parameter dl dd img { height: 4.6875rem; width: auto; transition: all 0.5s; }
.product_show .box .parameter dl dd img:hover { transform: scale(1.2); }
.product_show .box .parameter dl dd.zhz img { width: 5rem; height: 5rem; transition: all 0.5s; }
.product_show .box .parameter dl dd.zhz img:hover { transform: scale(1.2); }
.product_show .box .parameter dl dd.download { float: left; margin-right: 1.25rem; }
.product_show .box .parameter dl dd.download a img { width: 3.125rem; height: 4.375rem; transition: all 0.5s; }
.product_show .box .parameter dl dd.download a img:hover { transform: scale(1.1); }
.product_show .box .detail .hd { margin: 3.125rem 0; border-bottom: 1px solid #ccc; }

/*case_list案例列表*/
.case_list { background: #fff; }
.case_list .box .hd { margin: 2%; height: 2.5rem; line-height: 2.5rem; border-top: 1px solid #000; }
.case_list .box .bd ul { display: flex; flex-wrap: wrap; gap: 2%; }
.case_list .box .bd ul li { float: left; padding: 2%; width: 32%; box-sizing: border-box; }
.case_list .box .bd ul li .img { margin-bottom: 0.3125rem; overflow: hidden; }
.case_list .box .bd ul li .img a { display: block; }
.case_list .box .bd ul li .img img { width: 100%; height: auto; transition: all 0.5s; }
.case_list .box .bd ul li .img img:hover { transform: scale(1.1); }
.case_list .box .bd ul li h1 { font-size: 1rem; font-weight: bold; }
.case_list .box .bd ul li h2 { font-size: 0.775rem; font-weight: 100; }
.case_list .box .bd ul li h3 { font-size: 1rem; font-weight: bold; text-align: right; }
.case_list .box .bd ul li h4 { font-size: 0.775rem; font-weight: 100; text-align: right; }
.case_list .box .bd ul li h5 { font-size: 0.775rem; font-weight: 100; text-align: right; }
.case_list .box .bd ul li .left { display: contents; }
.case_list .box .bd ul li .right { padding-top: 1rem; }

/*case_show案例详情*/
.case_show { margin: 3.125rem 0; }
.case_show .left { float: left; width: 17.5rem; }
.case_show .right { float: right; width: 75rem; }

/*news_list新闻列表(自适应版)*/
/*.news_list { margin: 3.125rem 0; background: #fff; }
.news_list .box .hd { margin: 2%; height: 2.5rem; line-height: 2.5rem; border-top: 1px solid #000; }
.news_list .box .bd ul { display: flex; flex-wrap: wrap; gap: 2%; }
.news_list .box .bd ul li { flex: 1 1 calc(33.333% - 2%); min-width: 15rem; padding: 2%; box-sizing: border-box; }
.news_list .box .bd ul li .img { margin-bottom: 0.3125rem; overflow: hidden; }
.news_list .box .bd ul li .img a { display: block; }
.news_list .box .bd ul li .img img { width: 100%; height: auto; transition: all 0.5s; }
.news_list .box .bd ul li .img img:hover { transform: scale(1.1); }
.news_list .box .bd ul li .txt h1 { font-size: 1rem; font-weight: bold; }
.news_list .box .bd ul li .txt h2 { font-size: 0.875rem; font-weight: 100; }*/

/*news_list新闻列表*/
.news_list { margin: 50px 0px; background: #fff; }
.news_list .box { }
.news_list .box { }
.news_list .box .hd { margin: 2%; height: 40px; line-height: 40px; border-top: 1px solid #000; }
.news_list .box .hd .left { float: left; }
.news_list .box .hd .left b { }
.news_list .box .hd .left a { }
.news_list .box .hd .right { float: right; }
.news_list .box .hd .right b { }
.news_list .box .hd .right a { display: inline-block; margin-right: 10px; }

.news_list .box .bd { }
.news_list .box .bd ul { }
.news_list .box .bd ul li { float: left; padding: 2%; width: 29%; }
.news_list .box .bd ul li .img { margin-bottom: 5px; overflow: hidden; }
.news_list .box .bd ul li .img a { display: block; }
.news_list .box .bd ul li .img img { width: 100%; height: auto; transition: all 0.5s; }
.news_list .box .bd ul li .img img:hover { transform: scale(1.1); }
.news_list .box .bd ul li .txt { }
.news_list .box .bd ul li .txt h1 { font-size: 1rem; font-weight: bold; }
.news_list .box .bd ul li .txt h2 { font-size: 0.8rem; font-weight: 100; }

/*news_show新闻详情*/
.news_show { margin: 3.125rem 0; }
.news_show .box .left { float: left; width: 17.5rem; }
.news_show .box .right { float: right; width: 75rem; }
.news_show .box .right .content_detail .bd .title { margin: 3.125rem 0; border-bottom: 1px solid #000; width: 100%; text-align: center; }
.news_show .box .right .content_detail .bd .title h1 { font-size: 1.25rem; font-weight: bold; }
.news_show .box .right .content_detail .bd .title h2 { margin: 1.25rem 0; font-size: 0.875rem; font-weight: 100; }
/* 高分辨率标题优化 */
@media (min-width: 2500px) {
    .content_detail .bd p img { width: 100%; height: 100%; margin: auto; }
}
/* 高分辨率标题优化 */
@media (min-width: 3840px) {
    .content_detail .bd p img { width: 100%; height: 100%; margin: auto; }
}



/*栏目样式结束-------------------------------------------------------------------------*/

/* 响应式图片容器 */
.responsive-img-container { width: 100%; height: auto; position: relative; }

.responsive-img-container img { width: 100%; height: auto; object-fit: cover; }

/* 弹性网格布局 */
.flex-grid { display: flex; flex-wrap: wrap; gap: 1rem; }

.flex-item { flex: 1 1 calc(33.333% - 1rem); min-width: 18.75rem; }