.boxproductcategory,.boxtopic{font-size:20px;}
.prolist p{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap}
.listpc li,.tags li>*,.prolist li{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}

/* 首页产品分类列表 */
/*.listpc{column-count:4; column-gap:1em; padding:1em 0 2em;}*/
/*.listpc li{break-inside:avoid; margin-bottom:1em; padding:.5em; background-color:#fff; border:1px solid #fff; border-radius:5px; position:relative}*/
.listpc{display:flex; flex-wrap:wrap; gap:1em; padding:1em 0 2em}
.listpc li{width: calc(25% - 1em); padding: .5em; background-color: #fff; border: 1px solid #fff; border-radius: 5px; position: relative}
.listpc a{z-index:1;}
.listpc li:hover{border-color:#008c95; box-shadow:0 .5em 1em rgba(0,0,0,.1)}
.listpc i{display:block; height:8.5em; position:relative}
.listpc i img{display:block; max-width:80%; max-height:80%}
.listpc div{padding:.5em;}
.listpc b{display:block; font-size:.8em; color:#333}
.listpc p{font-size:.7em; color:#666}

.nodata{padding:4em 0; text-align:center; color:#999}

/* 首页热门标签 */
.pctags{margin:1em 0 1.5em; height:3.9em; overflow:hidden; position:relative}
.pctags ul{display:flex; flex-wrap:wrap; gap:.5em}
.pctags li{background-color:#fff; border-radius:5px; overflow:hidden}
.pctags li[data-hide='1']{display:none}
.pctags.show li[data-hide='1']{display:block}
.pctags li>*{color:#333; display:block; padding:.5em 1em; font-size:.7em; cursor:pointer}
.pctags li.all>*,.pctags li>*:hover{background-color:#008c95; color:#fff;}
.pctags li.more{display:block!important; position:absolute; right:0; bottom:0; z-index:1; box-shadow:-.5em 0 1em rgb(242,249,250)}
/*.pctags li.more:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; transform:translatex(1em); z-index:-1; box-shadow:-2em 0 .6em rgb(242,249,250); background-color:#fff;}*/
.pctags li.more>span:after{content:'\e632'; font-family:iconfont_dg; display:inline-block; margin-left:.3em; transform:scale(.8)}
.pctags.show li.more{position:static}
.pctags.show li.more>span:after{transform:scale(.8) rotate(180deg)}

/* 分类产品列表 */
.prosubcp{padding:2em 0}
.proleft{min-width:8em; width:8em;}
.proleft ul{padding:.5em 0; max-height:100vh; overflow-y:auto}
.proleft li{font-size:.7em}
.proleft li a{color:#333; display:block; padding:.5em; margin:.2em 0;}
.proleft li a:hover{color:#008c95}
.proleft li.on{background-color:#e6f3f5; border-right:2px solid #008c95;}
.proleft li.on a{color:#008c95; font-weight:bold;}
.proright{width:100%}
.proright .prolist{padding:1em 0}
.c_info b{font-size:1.2em; display:block;}
.c_info div{background: #008c95 no-repeat center right / cover; margin-top:.5em; border-radius:8px; padding:1.5em 2em 1em; color:#fff;}
.c_info p{font-size:.8em; max-width:70%; margin-bottom:1em;}
.c_info .bnsa{font-size:.7em}

.searchleftmenu{margin:.5em 0 0; position:relative}
.searchleftmenu input{display:block; width:100%; border:none; box-sizing:border-box; border-radius:5px; line-height:40px; font-size:14px; padding:0 1em 0 2.5em}

/* 产品详情 */
.boxproductdetail .proright>.box{background-color:#fff; border-radius:8px; margin-bottom:.5em;}

.prodetailh{padding:1.5em; gap:2em}
.prodetailh>.info{width:100%}
.proimgswiper i{display:block; width:24em; height:17em; position:relative}
.proimgswiper i img{display:block; max-width:80%; max-height:80%;}
.proimgswiper ul{padding:1em 0 0; gap:.5em; justify-content:center}
.proimgswiper li{border:1px solid #eee; padding:.2em .5em; border-radius:4px; cursor:pointer}
.proimgswiper li:hover,.proimgswiper li.on{border-color:#008c95; background-color:#edf6f8}
.proimgswiper ul img{display:block; height:1.8em;}
.prodetailh h1{font-size:1.2em; font-weight:bold; padding:.5em 0 0;}
.prodetailh .tags{padding:.4em 0}
.prodetailh .tags span{border:1px solid #008c95; border-radius:5px; padding:.4em .7em; color:#008c95; font-size:.7em}
.prodetailh .note{color:#999; font-size:.7em; padding:.5em 0}
.prodetailh .parameter{color:#333; font-size:.7em; line-height:2em; margin-bottom:1.5em;}
.prodetailh .parameter p{margin-bottom:0}
.prodetailh .bnsa{font-size:.8em; padding:.5em 5em;}

.probodytab{padding:0 1.5em!important; display:flex; gap:1.5em; position:sticky; top:0; z-index:3; border-bottom:1px solid #f2f9fa; box-shadow:rgba(242,249,250,1) 0 5px 1em}
.probodytab li{position:relative}
.probodytab li a{font-size:.7em; padding:1em 0; display:block; color:#333;}
.probodytab li.on a,.probodytab li:hover a{color:#008c95}
.probodytab li.on:after{content:''; position:absolute; left:0; right:0; bottom:0; height:3px; background-color:#008c95}

.probodym{padding:1.5em 1em!important;}
.probodym.nb{background-color:transparent!important; padding:1em 0!important;}
.probodym .prolist{padding:0}
.probodym .amud{position:relative; top:-4.5em;}
.probodym>.t{font-size:1.2em; padding-bottom:.7em; line-height:1em;}
.probodym>.n{font-size:16px;}

.listns{background-color:#fff; border-radius:8px; padding:1em 1.5em 1em 3em; display:flex; justify-content:space-between; flex-wrap:wrap}
.listns li{width:45%; display:flex; justify-content:space-between; padding:.3em 0; font-size:14px; color:#999; position:relative}
.listns li:before{content:''; position:absolute; top:50%; left:-1em; width:5px; height:5px; background-color:#333; border-radius:50%; transform:translatey(-50%)}
.listns li a{color:#333;}
.listns li a:hover{color:#008c95;}



/* 专题 */
.boxtopic{width:100%}
.boxtopic .banner{background:#2ea9b0 no-repeat top center / cover; color:#fff; text-align:center; min-height:280px; padding:2.5em 2em 1.5em; box-sizing:border-box}
.boxtopic .banner b{font-size:1.9em; display:block; line-height:1em; padding-bottom:.5em}
.boxtopic .banner p{font-size:.8em; display:block; color:#fff; margin:.5em auto 2.4em; max-width:1260px; line-height:1.6em}
.boxtopic .banner .bnsa{color:#fff; font-size:.8em; padding:.8em 2em}

.boxtopic>div{position:relative}
.boxtopic .edit{opacity:0; visibility:hidden; position:absolute; top:0; left:0; right:0; bottom:0; z-index:9; background-color:rgba(255,255,255,.9); border:1px dashed #008c95; display:flex; align-items:center; justify-content:center; gap:.5em; font-size:1.2em}
.boxtopic>div:hover>.edit{opacity:1; visibility:visible}
.boxtopic .edit .bnsa{font-size:.7em}

.boxtopic .box{background-color:transparent; padding:1em}
.boxtopic .box,.boxtopic .title p{max-width:1260px; margin:0 auto}
.boxtopic .content{padding:2em 0}
.boxtopic .title{text-align:center}
.boxtopic .title b{display:block; font-size:1.5em; color:#000; line-height:1em; margin-bottom:.5em}
.boxtopic .title p{margin-bottom:1em; font-size:.8em; color:#999}
/*boxt01*/
.boxt01 .box{display:flex; justify-content:space-between; gap:2em; align-items:center}
.boxt01 .box>i.img{min-width:480px}
.boxt01 .box>i.img img{display:block; width:100%}
.boxt01 .box>ul{gap:1.5em}
.boxt01 .box>ul li{width:calc(50% - (1.5em / 2))}
/*boxt03*/
.prolist{gap:1em}
.prolist li{padding:.5em; width:calc(25% - (3em / 4)); box-sizing:border-box; margin-bottom:.5em; background-color:#fff; border:1px solid #fff; border-radius:5px; position:relative}
.prolist li:hover{border-color:#008c95; box-shadow:0 .5em 1em rgba(0,0,0,.1)}
.prolist li a{z-index:1}
.prolist li a span{display:none}
.prolist li i{display:block; height:8.5em; position:relative; margin-bottom:.3em}
.prolist li i img{display:block; max-width:80%; max-height:80%}
.prolist li>div{padding:.5em;}
.prolist b{display:block; font-size:.8em; color:#333;}
.prolist li>div .boxflx{flex-wrap:wrap; font-size:14px; line-height:1.4em; max-height:60px; overflow:hidden}
.prolist p{font-size:inherit!important; line-height:1.4em!important; color:#666; width:48%; margin:0}
/*boxt04*/
.content.boxt04 .box>ul{justify-content:space-between; gap:1em}
.boxt04 .box>ul li{width:32%}
.boxt04 .box>ul li i.img{height:140px}
/*boxt05*/
.content.boxt05 .box>ul{justify-content:space-between; gap:1em}
.boxt05 .box>ul li{background-color:#fff; border-radius:8px; border:1px solid #fff; width:23.5%;transition:all 0.3s ease;}
.boxt05 .box>ul li:hover{box-shadow:rgba(0,0,0,.1) 0 0 1em; border-color:#008c95}
.content.boxt05 .box>ul li i.img{height:152px; border-radius:5px 5px 0 0;}
.boxt05 .box>ul li i.img b{margin-top:.5em}
.boxt05 .box>ul li b{padding:0 .5em; margin-top:1em;}
.content.boxt05 .box>ul li p{padding:0 1em .5em;}
.boxt05 .box>ul li a{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1}
.boxt05 .box>ul li a span{width:0; height:0; font-size:0; line-height:0; overflow:hidden; display:inline-block}

.content .box>ul,.proright .prolist{display:flex; justify-content:start; flex-wrap:wrap; align-content:flex-start; width:100%}
.content .box>ul:after{display:none}
.content .box>ul li{font-size:1em; position:relative}
.content .box>ul li a{position:absolute; top:0; right:0; bottom:0; left:0; z-index:1}
.content .box>ul li a span{display:none}
.content .box>ul li i.img{border-radius:5px; margin-bottom:1em; width:100%; display:block; background:no-repeat center center / cover;}
.content .box>ul li b{font-size:1em; color:#333; display:block; margin-bottom:.5em; line-height:1em;}
.content .box>ul li p{font-size:.7em; color:#666; line-height:1.8em; margin:0; padding:0;}