.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:url("/Content/img/ProductDisplay/demo_bk_topic1.png") #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;}