/* 纳米特静态站 精简样式（由 build_clean.py 自动生成，请勿手改） */
@import url("rt-dome/iconfont/iconfont.css");
/* ===== 基础重置（替代 AmazeUI 432K 框架，仅保留必要规则） ===== */
*,*::before,*::after{box-sizing:border-box;}
html{font-size:16px;-webkit-text-size-adjust:100%;}
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",sans-serif;color:#333;background:#fff;}
img{max-width:100%;height:auto;display:block; margin: auto;}
a{color:inherit;text-decoration:none;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;}
.seo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* ---- 原 R.css（已去 @import） ---- */
 
 
 
 
 
 
::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
    background: hsla(0, 0%, 100%, 0.6);
  }
  ::-webkit-scrollbar-track {
    border-radius: 0;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(95,95,95,.4);
    transition: all .2s;
    border-radius: .5rem;
  }
  .renteng {
    font-family: "renteng" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
p{padding: unset; margin: unset;}

table{width: 100% !important; border-collapse: collapse; margin: 0 auto; text-align: center;}
table td, table th{border: 1px solid #cad9ea;}

a,a:hover,a::before,a::after,li:hover,li::before,li,i,h3,span,div,div::before,img,strong,p,b

{
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.D-flex{display: flex;}
::-moz-selection{background:#3d3c81;color: #fff;} 
::selection {background:#3d3c81; color:#fff;} 
.text-lddq{text-align:justify;}/*文字两端对齐*/
.grid-quchong{margin: 0 0 -1px -1px;}/*去网格周边重叠线条*/
.img-auto{width: auto; height: auto; max-width: 100%; max-height: 100%;}/*图片自适应*/

.relative{position: relative;}
.relative::before{position: absolute; content: '';}
.relative::after{position: absolute; content: '';}
.absolute{position: absolute;}
.absolute::after{content: '';}
.absolute::before{content: '';}

.Nr-huanheng
{
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    visibility: visible;
    overflow: hidden;
    padding: unset;
} 
.Nr-huanheng p{display: contents;}
.Nr-3h{-webkit-line-clamp: 3;}
.Nr-2h{-webkit-line-clamp: 2;}

.BtDanhang
{
    width: 100%; 
    display: block; 
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

#allmap{width: 100%; height: 50vh;}

.SLimg{height: 20vh; border-radius: 3px 3px 0 0; overflow: hidden;}
.SLimg > a{width: 100%; height: 100%; background-repeat: no-repeat; background-position:  center center; background-size: cover,24px 24px; background-color: #f5f5f5; display: block;}


.max-font{font-size: calc(1em + 1.5vw); line-height: 1.5em;}
.zc-font{font-size: calc(1em + 1vw); line-height: 1.5em;}

.flex{display:flex;}
.GDwz{position:sticky; position:-webkit-sticky;}
.GDwz-shuzi{top: 20px;}

.nx-anniu{display: flex; justify-content: space-around;}
.nx-anniu > .shang{}
.nx-anniu > .xia{}
.nx-anniu a,.nx-anniu a:hover{color: #333;}
/* ---- 原 R-css.css（站点真实设计） ---- */
/*通用*/
.im-footer-div{display: none;}

/*首页 header*/
header{width: 94%; height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 1% 3%; background-color: rgba(0, 0, 0, 0.3); position: fixed;z-index: 999;}


.logo{height: 100%; display: flex; align-items: center; color: #d9d9d9;}
.logo img{height: 100%; margin-right: 20px;}
.logo:hover{ color: #d9d9d9;}

nav{}
nav a{margin: 0 15px; font-size: 1rem; color: white;}
nav a:hover{color: white;}

.swiper-ibanner{z-index: 10; overflow: hidden;}
.swiper-ibanner img{width: 100%;}

/* 首页产品分类 */
.i-ifybox{width: 80%; display: flex; flex-wrap:wrap; position: relative; top: -7%; background-color: rgba(255, 255, 255, 1); z-index: 50; margin: auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); border-radius: 0 0 15px 15px; overflow: hidden;}
/*.i-ifybox .list{width: 25%; display: flex; justify-content: center; align-items: center; padding: 2% 0; text-align: center;}*/
.i-ifybox > a{border-right: rgba(0, 0, 0, 0.3) 1px solid;}
.i-ifybox > a{width: 19.5%; display: flex; justify-content: center; align-items: center; padding: 2% 0; text-align: center;}
.i-ifybox > a:last-child{border-right: unset;}
/*.i-ifybox > a:nth-last-child(1),.i-ifybox > a:nth-of-type(4){border-right: unset;}*/
/*.i-ifybox > a:nth-of-type(1),.i-ifybox > a:nth-of-type(2),.i-ifybox > a:nth-of-type(3),.i-ifybox > a:nth-of-type(4){border-bottom:rgba(0, 0, 0, 0.3) 1px solid; }*/
.i-ifybox > a:hover{background-color: rgba(166, 237, 255, 0.2);}

.i-ifybox a:hover{color: #333;}
.i-ifybox strong{font-size: 1.1rem;}
.i-ifybox p{text-transform: uppercase; font-size: .7rem; line-height: 1rem; margin: 0 3%; color: rgba(0, 0, 0, 0.3); width: 100%; display: block;}

/* 首页产品展示 */
.i-product ul{width: 80%; margin: 0 auto 2%; display: flex; flex-wrap: wrap;}
.i-product li{width: 18%; margin: 1%;}
.i-product li img{width: 100%;}

.i-product li a:nth-of-type(2){display: block; border-bottom: #777 1px solid;}
.i-product li .relative::after{width: 20px; height: 3px; background-color: #777; bottom: 0; left: 0;}
.i-product li:hover .relative::after{width: 100%;}
.i-product li strong{ line-height: 4em; }

.i-product > a{width: 200px; text-align: center; display: block; margin: 2% auto 4%; background-color: rgba(0, 0, 0, 0.3); line-height: 2.5rem;} 
.i-product > a,.i-product > a:hover{color: white;}
.i-product > a:hover{background-color: rgba(192, 7, 7, 0.5); border-radius: 50px;}

/* 首页通用标签 */
.i-ty{}
.i-ty .bt{text-align: center; color: white;}
.i-ty .bt b{font-size: 2.5rem; display: block;}
.i-ty .bt p{line-height: 1.5rem; text-transform: uppercase; color: rgba(255, 255, 255, .5); display: inline-block; margin: 20px 0 0;}
.i-ty .bt p::after{width: 100px; height: 1px; background-color: rgba(255, 255, 255, .5); left: -130px; top: 10px;}
.i-ty .bt p::before{width: 100px; height: 1px; background-color: rgba(255, 255, 255, .5); right: -130px; top: 10px;}

/* 首页关于我们 */
.i-about{padding: 8% 0 3%; background: url(img/i-about-bg.jpg) fixed; background-size: cover; z-index: 10;}
.i-about::after{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); top: 0;}

.i-about *{position: relative; z-index: 100;}

.i-about em{width: 80%; font-size: 16px; margin: 3% auto; text-align: center; display: block; color: white;}
.i-about > a{width: 200px; text-align: center; display: block; margin: 2% auto 4%; background-color: rgba(0, 0, 0, 0.3); line-height: 2.5rem;} 
.i-about > a,.i-about > a:hover{color: white;}
.i-about > a:hover{background-color: rgba(192, 7, 7, 0.5); border-radius: 50px;}

.i-about ul{width: 80%; display: flex; margin: auto; background-color: rgba(166, 237, 255, 0.5); border-radius: 30px; overflow: hidden; color: white; padding: 2% 0;}
.i-about ul li{width: 25%; display: flex; justify-content: center; align-items: center;}
.i-about ul li .renteng{font-size: 3rem; margin-right: 20px; background-color: #009ac0; border-radius: 100%; padding: 7% 5%;}
.i-about ul li:hover i{margin-top: -20px;}
.i-about ul li b{font-size: 1.5rem;}
.i-about ul li p{line-height: 1.3em;}
.n-about > p img{margin:1% 0;}

/* 首页 优势 */
.i-youshi{background-color: #fbfbfb; padding: 5% 3% 1%;}
.i-youshi .bt{color: #333;}
.i-youshi .bt i{margin: 25px 0 0; line-height: 1.1em;}

.i-youshi .nr{margin: 5%;}
.i-youshi .nr .list{display: flex; align-items: center;}
.i-youshi .nr .list:nth-child(odd){flex-direction: row-reverse;}
.i-youshi .nr .list .img{width: 50%;}
.i-youshi .nr .list .text{margin-left: 10%; flex-grow: 1;}
.i-youshi .nr .list b{font-size: 1.5rem; color: #009ac0; margin: 2% 0 1%; display: block;}
.i-youshi .nr .list b i{font-size: 2rem;}
.i-youshi .nr .list p{font-size: 1rem; margin-top: 3%;}
.i-youshi .nr .list img{width: 100%;}

/* 首页 新闻 */
.i-news{width: auto; padding: 5% 3%; background: url(img/i-news-bj.jpg) center fixed; color: white;}

.i-news .bt{margin: 0 3%;}
.i-news .bt b{font-size: 2rem; display: block;}
.i-news .bt i{width: 100px; height: 1px; background-color: rgba(255, 210, 210, 0.5); margin-top: 20px;}

.i-news .right{flex: 1; display: flex; justify-content: space-around; flex-wrap: wrap;}
.i-news .right li{width: 40%; border: rgba(233, 233, 233,.5) 1px solid; box-shadow: 0 0 15px rgba(233, 233, 233,.5); padding: 2%; margin: 1%;}
.i-news .right li a{font-size: 1.3rem; font-weight: bolder; line-height: 1.5em;}
.i-news .right li a,.i-news .right li a:hover{color: white;}
.i-news .right li:hover{background-color: rgba(8, 32, 83, 0.5);}

/* 内页通用 */

    /* 幻灯片 */
.n-banner{display: flex; justify-content: center; align-items: center; overflow: hidden;}
.n-banner .name{text-align: center;}
.n-banner .name b,.n-banner .name h1{font-size: 2.5rem; font-weight: bold;}
.n-banner .name p{text-transform: uppercase;}
.n-banner-lxwm{color: white;}
.n-banner-news{color: white; text-align: left !important; left: 15%;}

    /* 上面导航 */
.n-dh{width: 80%; margin: 1% auto;}

    /* 内容 */
.n-nr{width: 80%; margin: auto;}
.n-nr >article{line-height: 35px;}
.n-nr >article >h2{margin: 30px 0; font-size: 26px; font-weight: bolder; text-align: center;}

    /* 上下翻页 */
.n-xx-pege{width: 100%; display: flex;}
.n-xx-pege span{width: 50%; line-height: 5em; display: inline-block;}
.n-xx-pege span:nth-child(1){text-align: left;}
.n-xx-pege span:nth-child(2){text-align: right;}


/* 内页 关于纳米特 */
.n-about{font-size: 1rem; line-height: 2em; padding: 20px 0;}


/* 内页 新闻列表 */
.n-news > a{width: 100%; display: inline-block; margin: 1% 0;}
.n-news > a:hover datetime{background: #eb2d2d; color: #fff;}
.n-news > a > datetime{width: 120px; height: 120px; background: #f7f7f7; padding: 10px 20px; color: #555; display: block; transition: 0.5s; margin-right: 3%; float: left;}
.n-news > a > datetime > b{font-size: 40px; width: 100%; line-height: 1; display: inline-block;}
.n-news > a > datetime > i{font-size: 20px; width: 100%; line-height: 1; margin: 7px 0 0 7px; display: inline-block;}
.n-news > a > datetime > span{font-size: 20px; width: 100%; line-height: 1; margin: 7px 0 0 7px; display: inline-block;}
.n-news > a > strong{width: 80%; font-size: 1.5rem; color: #333; font-weight: bolder; margin-bottom: 10px;}

/* 内页 产品列表 */
.n-product{display: flex; justify-content: flex-start; flex-wrap: wrap; background: white;}
.n-product .list{width: 22%; margin: 1.5%;}
.n-product .list .img{height: 30vh; background: #f7f7f7; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.n-product .list img{width: 100%; }
.n-product .list a:hover{color: #333;}
.n-product .list .text{display: flex; align-items: center; border-bottom: #e6e6e6 1px solid; padding: 0 0 0 15px;}
.n-product .list .text::after{width: 30%; height: 1px; background: #2589bf; bottom: 0; left: 0;}
.n-product .list .text i{ font-size: 0rem; margin: 0 0 0 0; opacity: 0;}
.n-product .list .text strong{font-size: 1rem; line-height: 4em; }

.n-product .list:hover .text::after{width: 100%;}
.n-product .list:hover .text i{font-size: 1rem; color: #2589bf; margin: 0 15px 0 0; opacity: 1; }

.n-product h1,.n-product h2{width: 100%; text-align: center; line-height: 2rem; margin: 1% 0;}
.n-product .nr{width: 100%; font-size: 1rem; line-height: 2rem;}

.n-product .n-xx-text{width: 100%; font-size: 16px; text-align: center; line-height: 3; color: #eb2d2d;}

/* 内页 联系我们 */
.n-contact{padding: 50px 0;}
.n-contact > .bt{text-align: center;}
.n-contact > .bt > h2{font-size: 35px; line-height: 1.5em;}
.n-contact > .bt > span{font-size: 20px; line-height: 1em; display: block;}
.n-contact > .bt > .tell{display: inline-block; margin: 20px 0 80px; padding: 10px 30px; background: #02578e; border-radius: 30px; color: white; font-weight: bolder; font-size: 18px;}

.n-contact > ul{display: flex; justify-content: space-around;}
.n-contact > ul > li{width: 17%; text-align: center; display: flex; flex-direction: column; border: rgba(0, 0, 0, .3) 1px solid; padding: 50px 3%;}
.n-contact > ul > li > i{color: #004985; font-size: 5rem; line-height: 1.5em;}
.n-contact > ul > li > b{font-size: 20px;}
.n-contact > ul > li:hover{box-shadow: rgba(0, 0, 0, .3) 10px 10px 30px;}
.n-contact > ul > li:hover > i{transform: rotateY(360deg);}
.n-contact > .nr{margin: 3% 0 0 ;}

/* 页脚 */
footer{padding: 2% 0; background-color: #151515; color: #999; text-align: center;}
footer a,footer a:hover{color: #999;}

/* 友情链接（后台 扩展内容→友情链接 维护，gid=1） */
.n-link{background: #f6f7f8; border-top: 1px solid #e6e8ea; padding: 1.4% 0;}
.n-link-in{max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; flex-wrap: wrap; align-items: center;}
.n-link-t{flex: 0 0 auto; font-size: 13px; color: #8b9096; margin-right: 12px; letter-spacing: .5px;}
.n-link-in a{font-size: 12px; line-height: 1.9; color: #777; text-decoration: none; padding: 1px 10px; margin: 3px 8px 3px 0; border: 1px solid #e0e2e5; border-radius: 2px; background: #fff; transition: color .2s, border-color .2s;}
.n-link-in a:hover{color: #009ac0; border-color: #009ac0;}
/* 后台无链接时整块自动隐藏，避免留一条空白带 */
.n-link:not(:has(a)){display: none;}


/* ---- 原 @.css 响应式（≤800px） ---- */
@media screen and (max-width:800px) {
.i-youshi .nr .list .img
{width: 100%;}

header > a .logo-name{font-size: 4vw;}

.i-ifybox{flex-wrap: wrap;}
.i-ifybox > a{width: 100%; border-right: unset; border-bottom: #eee 1px dotted;}
.i-ifybox > a strong{font-size: 14px;}

.i-product li{width: 48%;}

.i-about ul{flex-wrap: wrap;}
.i-about ul li{width: 50%; justify-content: space-between; margin: 1% 0;}

.i-about ul li .renteng{line-height: .8em;}
.i-about ul li .right{width: 100%; text-align: left;}
.i-about ul li b{font-size: 1.2rem;}

.n-about > p img{width:100% !important; height:auto !important;}


.i-youshi .nr .list{flex-wrap: wrap;}

.i-news .right li{width: 90%;}

.n-banner{height: 40vh;}

.n-news > a > datetime{display: none;}

.n-nr{width:100%}
.n-nr >article img{width: 100%;}

.n-product .list{width: 47%;}
.n-product .nr img{width: 100% !important; height: auto !important; margin: auto;}

.n-contact > ul{flex-wrap: wrap;}
.n-contact > ul > li{width: 44%; padding: 0 2%; margin: 1% 0;}
.n-contact > ul > li > b{font-size: 16px;}

footer .nr{margin: 0 0 45px;}

.ax-btmnav{background-color: #000; height: 85px !important; padding-top: 1%; z-index: 99;}
.ax-btmnav .ax-text{color: white;}

/*手机导航*/
.iphone__screen{width:100%;height:0; top:1.0em;right: 0.01em; position: absolute;}
.nav {width: 100%; height: 100vh; display: block; position:absolute;z-index:100;opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:300ms;transition-duration:300ms;
  -webkit-transform:translateX(-190%);transform:translateX(-190%); top:55px; left: 0; border: 0px; background: rgba(0,0,0,0.8);}
.nav a{float: none; font-size: 14px; color: #fff; font-weight: bold; width: 100%;}
.nav--active .nav {opacity:1;}
.nav__list {padding-bottom: 100%; background:rgba(0,0,0,0.8);}
.nav__item {display: block; list-style-type:none;text-align:center; line-height: 3.5em; border-bottom: 1px #52453c solid;}
/*** Style #1*/
.nav__link {font-size:1.3em;text-transform:uppercase;text-decoration:none;color:#FFFFFF;opacity:1;-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out; opacity:0;-webkit-transition-delay:500ms;transition-delay:500ms; }
.nav--active .nav {-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-transform:translateX(0);transform:translateX(0);}
.nav--active .nav__trigger {opacity:0.5;}
.nav--active .nav__link {opacity:1;}
.nav__trigger {display:block;position:absolute;width:30px;height:25px;right:10px;top:17px;z-index:200;}
.nav--active .nav__icon {background:rgba(0,0,0,0);}
.nav--active .nav__icon:before {margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav--active .nav__icon:after {margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.nav__icon {display:inline-block;position:relative;width:30px;height:5px; top: 10px; background-color:#ffdfd0;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:background-color,transform;transition-property:background-color,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
.nav__icon:before,.nav__icon:after {content:'';display:block;width:30px;height:5px;position:absolute;background:#ffdfd0;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
.nav__icon:before {margin-top:-10px;}
.nav__icon:after {margin-top:10px;}

/*首页ffoter*/



.im-footer-tb01{background-size: 30px 30px; background-repeat: no-repeat;background-image: url(img/foot-product.png); background-position:top center; margin-top: 5px;}
.im-footer-tb02{background-size: 30px 30px; background-repeat: no-repeat;background-image: url(img/foot-fill.png); background-position:top center;  margin-top: 5px;}
.im-footer-tb03{background-size: 30px 30px; background-repeat: no-repeat;background-image: url(img/foot-tel.png); background-position:top center;  margin-top: 5px;}










}

/* ===== banner 轮播兼容（替代 Swiper，纯 CSS 布局 + 原生 JS 驱动） ===== */
.swiper-ibanner .swiper-wrapper{display:flex;}
.swiper-ibanner .swiper-slide{flex:0 0 100%;}
.swiper-ibanner .swiper-wrapper{will-change:transform;transition:transform .6s ease;}

/* ===== 移动端底栏（替代 ax.css 中的 .ax-btmnav，仅保留必要规则） ===== */
.ax-btmnav{display:none;}
@media screen and (max-width:800px){
  .ax-btmnav{display:flex;position:fixed;left:0;bottom:0;width:100%;z-index:99;background:#000;align-items:center;height:auto !important;padding-top:0;padding-bottom:env(safe-area-inset-bottom,0px);}
  .ax-btmnav .ax-row{display:flex;width:100%;}
  .ax-btmnav .ax-col{flex:1;}
  .ax-btmnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;height:60px;}
  .ax-btmnav .footerimg{display:flex;}
  .ax-btmnav .footerimg img{width:24px;height:24px;margin-bottom:4px;}
  .ax-btmnav .ax-text{color:#fff;font-size:12px;line-height:1.2;}
  /* 占位条需与固定底栏实际高度一致（60px + iPhone 安全区），否则页脚/友情链接会被遮住 */
  .ax-space-btmnav{display:block;height:calc(60px + env(safe-area-inset-bottom,0px));}
  /* 友情链接：手机端标题独占一行，链接横向平铺换行 */
  .n-link{padding: 10px 0 14px;}
  .n-link-in{padding: 0 12px;}
  .n-link-t{flex: 0 0 100%; margin: 0 0 2px; font-size: 12px;}
  .n-link-in a{font-size: 12px; padding: 1px 8px; margin: 3px 6px 3px 0;}
}

/* ===== 头部：还原原站高瘦 header =====
   原 R-css.css：header{height:50px;padding:1% 3%} 且为 content-box → 实际总高约 79px、内容区 50px；
   本精简版全局 *{box-sizing:border-box} 会让 height 吞掉 padding 致内容区塌缩、logo 变小，
   故此处显式 content-box 还原原站比例，并给 logo 图加 flex-shrink:0 / object-fit 防止被 flex 压扁变形 */
header{box-sizing:content-box;}
.logo img{flex-shrink:0;object-fit:contain;}

/* ===== 首页产品分类条：还原原站“白条悬浮、上边缘压住 banner 底边”的重叠效果 ===== */
/* 关键：用 position:relative; top:-36px 做视觉上移（不动文档流，不会把下方面包屑拽到白条下面被盖住），
   再用 margin-bottom:-36px 把下方内容拉回白条底边，做到“白条悬浮压 banner、内容紧贴其下、互不遮挡”。
   原 R-css.css 用 top:-7%（百分比相对父级高度），在 body 直子结构下退化为 0 失效，故改固定像素。 */
.i-ifybox{top:-36px; margin:0 auto -36px; box-shadow:0 8px 28px rgba(0,0,0,.20); border-radius:10px; position:relative; z-index:50;}
@media screen and (max-width:800px){
  /* 手机端 banner 较矮，减小重叠量避免白条盖住过多 banner */
  .i-ifybox{top:-16px; margin-bottom:-16px;}
}

/* ===== 产品列表页缩略图：完整显示，与首页比例一致 ===== */
/* 原 R-css.css 为 .n-product .list .img{height:30vh; overflow:hidden}：容器高度取“视口高度”(30vh)，
   而产品图均为 800×800 正方形，width:100% 渲染后高度≈卡片宽度（通常大于 30vh），
   超出部分被 overflow:hidden 上下裁掉 → 缩略图显示不全，且裁切量随窗口高矮变化。
   改为固定 1:1 比例容器 + object-fit:contain：完整显示正方形缩略图，与首页 .i-product 一致。 */
.n-product .list .img{height:auto; aspect-ratio:1 / 1;}
.n-product .list .img img{width:100%; height:100%; object-fit:contain; display:block;}