/* overflow-x:hidden 会使部分浏览器把 body 视为 sticky 的滚动祖先 */
body{overflow-x:clip}

@media screen and (min-width:768px){


/****首页-新闻博客****/
.hmnews{padding:0.8em 0}
.hmnews .blogs{padding:0.1em;width:100%;overflow:hidden;margin-top:0.4em}
.hmnews .blogs a{display:block;}
.hmnews .owl-carousel .owl-stage-outer{overflow: unset;}
.hmnews .blogs .item{width:100%;box-shadow: 0 0 0.1em #ddd;transition:0.5s}
.hmnews .blogs .item:hover{transform:translateY(-0.1em)}
.hmnews .blogs .imgs{width:100%;height:1.4em;overflow:hidden;}
.hmnews .blogs .imgs img{width:100%;height:100%;object-fit:cover;transition:0.5s}
.hmnews .blogs .item:hover .imgs img{transform:scale(1.1em)}

.hmnews .blogs .txts{padding:0.2em 0.15em}
.hmnews .blogs .fts{font-size:0.18em;color:#000000;line-height:1.4em;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */margin-bottom:0.4em;font-weight: 600;}
.hmnews .blogs .dts{font-size:0.14em;color:#878787;line-height:1.6em;margin-bottom:1em}
.hmnews .blogs .fds{font-size:0.14em;color:#6f6f6f;line-height:1.6em;margin-bottom:1em;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */}
.hmnews .blogs .ms{font-size:0.14em;color:#cf142c;line-height:1.6em}
.hmnews .blogs .item:hover .fts{color:#cf142c;}

.hmnews .owl-nav{display: flex;justify-content: center;margin-top: 0.4em;}
.hmnews .owl-nav.disabled{display: flex;margin-top: 0.6em;justify-content: center;}
.hmnews .owl-nav button{width:0.6em;height:0.34em;background-color:transparent;border:none}
.hmnews .owl-nav button:hover .left,.hmnews .owl-nav button:hover .right{background-image: url(../images/ico_left_3.svg);}
.hmnews .owl-prev{border-right: 1px solid #282828 !important;}
.hmnews .owl-nav .right{transform: rotate(180deg);}
.hmnews .owl-nav .left,.hmnews .owl-nav .right{background-image: url(../images/ico_left_4.svg);background-repeat: no-repeat;width: 100%;height: 0.2em;background-size: auto 100%;background-position: center;}


/*=====================
   产品列表
=======================*/
.pro-lists.prolsMain{margin-top:0}


/* 产品内页 */
.pro-lists{margin-top:1.1em;margin-bottom:1.1em}
.pro-lists,.pro-lists .proTops.wbWidth1,.pro-lists .proLeft{overflow:visible}
.pro-lists .proTops.wbWidth1{display:flex;justify-content:space-between;align-items:stretch}
.pro-lists .proLeft{width:3em;flex:0 0 3em;align-self:stretch;position:relative;}
.pro-lists .proLeft .proLeftMain{width:100%;height:max-content;border:0.01em solid #dbdbdb;border-top:0.06em solid #000000;position:-webkit-sticky;position:sticky;top:96px;z-index:9;border-bottom:none;background:#fff;}
.pro-lists .proLeft .titles{color:#282728;font-size:0.24em;padding:0 0.6em;height:2.6em;line-height:2.6em;width:100%;font-weight:600;text-align:left;border-bottom:0.01em solid #dbdbdb;}
.pro-lists .proLeft .proNavs{width:100%;}
.pro-lists .proLeft .proNavs > li{border-bottom:0.01em solid #dbdbdb;padding-bottom:0.16em;position: relative;}
.pro-lists .proLeft li .fsLink{color:#333;font-size:0.16em;display:block;padding-left:0.67em;line-height:1.2em;padding-top:1em;position:relative}
.pro-lists .proLeft li.child1 .seLink{font-size:0.14em;display:block;line-height: 1.5em;padding: 0.5em 2em;width: 100%;}
.pro-lists .proLeft li.child1:last-child .seLink{border-bottom:none;}
.pro-lists .proLeft li .fa{position: absolute;top: 0.18em;right: 0.05em;width: 0.16em;height: 0.16em;background-image: url(../images/wjt3.png);background-repeat: no-repeat;background-size: 0.16em 0.16em;}
.pro-lists .proLeft li:hover .fa{background:url(../images/wjt5.png) no-repeat}
.pro-lists .proLeft li .prodown{display:none;width: 100%;margin: 0;padding-top: 0.15em;}
.pro-lists .proLeft li.active .fsLink{color:#cf142c}
.pro-lists .proLeft .prodown li.active .seLink{color:#cf142c}
.pro-lists .proLeft li a:hover{color:#cf142c}
.pro-lists .proLeft li.opens .fa{background:url(../images/wjt6.png) no-repeat}
.pro-lists .proRight{width:9.5em;}
.arrayPics{width:4.2em;position:relative}
.arrayPics a{display:block}

.big-pro-carousel .item{position:relative}
.big-pro-carousel .vidBtn{position:absolute;left:50%;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:0.72em;height:0.72em;margin:0;padding:0;border:0;border-radius:50%;background:rgba(208,18,45,.92);transform:translate(-50%,-50%);cursor:pointer}
.big-pro-carousel .vidBtn::before{content:"";display:block;width:0;height:0;margin-left:0.06em;border-style:solid;border-width:0.12em 0 0.12em 0.2em;border-color:transparent transparent transparent #fff}
.vidMask{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.72)}
.vidMask[hidden]{display:none}
.vidBox{position:relative;width:min(920px,100%);aspect-ratio:16/9;background:#000}
.vidBox iframe{width:100%;height:100%;border:0}
.vidClose{position:absolute;right:0;top:-40px;width:32px;height:32px;border:0;background:transparent;cursor:pointer}
.vidClose::before,.vidClose::after{content:"";position:absolute;left:6px;top:15px;width:20px;height:2px;background:#fff}
.vidClose::before{transform:rotate(45deg)}
.vidClose::after{transform:rotate(-45deg)}
.big-pro-carousel{width:4.2em;height:4.2em;border:1px solid #b9b9b9;box-sizing: content-box;}
.big-pro-carousel .item a{display:block;width:4.2em;height:4.2em}
.big-pro-carousel .item a img{width:100%;height:100%;object-fit:cover}
.big-pro-carousel .owl-controls{position: absolute;top: calc((100% - 0.62em) / 2);width: 100%;}
.big-pro-carousel .owl-nav{position: absolute;width: 100%;top: calc(50% - 0.3em);display: flex;justify-content: space-between;height: 0.72em;}
.big-pro-carousel .owl-nav button{border:0;background-color:transparent;width:2em;font-size:0.16em;border-radius:0}
.big-pro-carousel .owl-nav button span{display:block;width:100%;height:100%;background-image:url(../images/ico_left_1.svg);background-repeat:no-repeat;background-position:center;background-size: 100%;}
.big-pro-carousel .owl-nav button.owl-next span{transform: rotate(180deg);}
.big-pro-carousel button.disabled{cursor:no-drop;opacity:0.4}

.small-pro-carousel{width:4.2em;margin-top:0.3em}
.small-pro-carousel .owl-item .item{border:1px solid #cccccc;} 
.small-pro-carousel .owl-item .item.on{border:1px solid #cf142c;}
.small-pro-carousel .owl-item .item a{width:100%;}
.small-pro-carousel .owl-item .item a img{width:100%;height:100%;object-fit:cover}
.psInfo .pts{width:100%;height:0.66em;background-color:#cf142c;display: flex;align-items: center;padding: 0 0.25em;position:relative}
.psInfo .pts .poi{width:0.1em;height:0.1em;background-color:#FFF;transform: rotate(45deg);}
.psInfo .pts .ts{font-size:0.2em;font-weight:600;line-height: normal;color:#FFFFFF;text-transform: uppercase;letter-spacing: 0.1em;margin-left:1em;white-space: nowrap;margin-left: 1em;width: calc(100% - 8em);text-overflow: ellipsis;overflow: hidden;}
.psInfo .pts .pln{width:1.05em;height:100%;position:absolute;right:0;display:flex}
.psInfo .pts .pln:before,.psInfo .pts .pln:after{width:0.2em;height:100%;margin-right:0.3em;display:block;content:"";background-color:#edb8bf;transform: skewX(-35deg);}

.psInfo li{margin-bottom:10px;position: relative;padding-left: 18px;background-image:url(../images/ico3.png);background-repeat:no-repeat;background-size:auto 0.8em;background-position: left 0.45em;}

.psInfo h1{font-size: 30px;margin: 10px 0 20px;}
.psInfo table{max-width:100%;width: auto !important;}
.psInfo td{border:1px solid #ddd;padding: 10px 20px !important;font-size: 14px;width: auto !important;}
.psInfo .wrs td *{font-size: 18px;}
.psInfo .firstRow{letter-spacing: 1px;}

.psInfo .infos{background-color:#FFF;padding:2.5em 2em}
.psInfo .wrs{font-size:0.18em !important;}
.psInfo .wrs *{line-height:1.8em}

.proBms{margin-top:1em;padding:0.15em 0 0.3em;}
.proBms .ts{font-size:0.42em;font-weight:600;line-height: normal;margin: 0 auto 0.8em;text-align:center}
.proBms .related-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:0.24em}

.proBms .wbPros1{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:0.08em;overflow:hidden;box-shadow:0 0.04em 0.14em rgba(23,35,53,.07);transition:transform .25s ease,box-shadow .25s ease}
.proBms .wbPros1:hover{transform:translateY(-0.05em);box-shadow:0 0.1em 0.24em rgba(23,35,53,.12)}
.proBms .wbPros1 a{display:flex;flex-direction:column;width:100%}
.proBms .wbPros1 .imgs{width:100%;height:2.72em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;border:0;background:#fff;}
.proBms .wbPros1 .imgs img{max-width: 100%;max-height:100%;transition:0.3s}
.proBms .wbPros1 .imgs:hover img{transform:scale(1.1)}
.proBms .wbPros1 .sts{width:100%;min-height:0.84em;padding:0.18em 0.18em 0.12em;margin:0;border-top:1px solid #f0f1f3}
.proBms .wbPros1 .sts span{font-size:0.18em;color:#111827;line-height:1.45em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient:vertical;/* autoprefixer: on */text-align:center;font-weight:600;}
.proBms .wbPros1:hover .sts span{color:#cf142c;}
.proBms .related-products-grid .pts{list-style:none;margin:auto 0.16em 0.12em;padding:0.08em 0 0;border-top:1px solid #f0f1f3}
.proBms .related-products-grid .pts li{display:flex;justify-content:space-between;align-items:baseline;gap:0.45em;font-size:0.13em;line-height:1.55em;color:#6b7280;border-bottom:1px solid #f3f4f6;padding:0.16em 0}
.proBms .related-products-grid .pts li:last-child{border-bottom:0}
.proBms .related-products-grid .pts li span{color:#374151;font-weight:600;flex:0 1 52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proBms .related-products-grid .pts li b{font-weight:400;flex:1;min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proBms + .hmnews{margin-top:0.2em;border-top:1px solid #f0f1f3}
.proBms .owl-nav{width:100%;display: flex;position: absolute;top: calc(50% - 0.8em);justify-content: space-between;}
.proBms .owl-nav.disabled{display: flex;}
.proBms .owl-nav button{width:0.6em;height:0.6em;background-color:transparent;border:none}
.proBms .owl-nav button:hover .left,.proBms .owl-nav button:hover .right{background-image: url(../images/ico_jt_2.svg);}
.proBms .owl-prev{margin-left: -0.8em;}
.proBms .owl-next{margin-right: -0.8em;}
.proBms .owl-nav .left{transform: rotate(180deg);}
.proBms .owl-nav .left,.proBms .owl-nav .right{background-image: url(../images/ico_jt_1.svg);background-repeat: no-repeat;width: 100%;height: 0.4em;background-size: auto 100%;background-position: center;}

.pro-lists .hmnews{padding: 0.6em 0 0;}}
@media screen and (max-width:767px){


/****首页-新闻博客****/
.hmnews{padding:0.5em 0}
.hmnews .blogs{padding:0.1em;width:100%;overflow:hidden;margin-top:0.2em}
.hmnews .blogs a{display:block;}
.hmnews .owl-carousel .owl-stage-outer{overflow: unset;}
.hmnews .blogs .item{width:100%;box-shadow: 0 0 2px #ddd;transition:0.5s}
.hmnews .blogs .imgs{width:100%;height:3em;overflow:hidden;}
.hmnews .blogs .imgs img{width:100%;height:100%;object-fit:cover;transition:0.5s}

.hmnews .blogs .txts{padding:0.2em 0.15em}
.hmnews .blogs .fts{font-size:14px;color:#000000;line-height:1.4em;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */margin-bottom:0.4em}
.hmnews .blogs .dts{font-size:12px;color:#878787;line-height:1.6em;margin-bottom:1em}
.hmnews .blogs .fds{font-size:12px;color:#6f6f6f;line-height:1.4em;margin-bottom:1em;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */}
.hmnews .blogs .ms{font-size:12px;color:#cf142c;line-height:1.6em}

.hmnews .owl-nav{display: flex;margin-top: 0.2em;justify-content: center;}
.hmnews .owl-nav button{width:0.6em;height:0.34em;background-color:transparent;border:none}
.hmnews .owl-prev{border-right: 1px solid #282828 !important;}
.hmnews .owl-nav .right{transform: rotate(180deg);}
.hmnews .owl-nav .left,.hmnews .owl-nav .right{background-image: url(../images/ico_left_4.svg);background-repeat: no-repeat;width: 100%;height: 0.2em;background-size: auto 100%;background-position: center;}


/*=====================
   产品列表
=======================*/
.pro-lists .proLeft{width:100%;border:0.01em solid #dbdbdb;border-top:0.06em solid #000000;margin-bottom: 0.6em;margin-top: 0.5em;}
.pro-lists .proLeft .titles{color:#282728;font-size:20px;padding:0 0.6em;height:2.6em;line-height:2.6em;width:100%;font-weight:600;text-align:left;border-bottom:0.01em solid #dbdbdb;position:relative}

.pro-lists .proLeft .titles .fa{position: absolute;right: 0;width: 2em;height: 100%;background:url(../images/plus1.svg) center no-repeat;}
.pro-lists .proLeft .titles .fa.active{transform: rotate(45deg);}

.pro-lists .proLeft .proNavs{width:100%;display:none}
.pro-lists .proLeft .proNavs > li{border-bottom:0.01em solid #f2f2f2;}
.pro-lists .proLeft .proNavs > li.active{display:block !important;}
.pro-lists .proLeft li .fsLink{color:#333;font-size:14px;display:block;line-height:normal;position:relative;padding: 1em 0 1em 1em;width: calc(100% - 38px);}
.pro-lists .proLeft li .seLink{color:#777;font-size: 12px;display: block;margin-top: 1em;line-height: 2.4em;border: 1px solid #ddd;width: 100%;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 0 5px;}
.pro-lists .proLeft li .fa{position: absolute;right: 10px;top:0;width: 28px;height: 100%;background:url(../images/plus1.svg) center no-repeat;}
.pro-lists .proLeft li.active .fa,.pro-lists .proLeft li.opens .fa{background:url(../images/plus1.svg) center no-repeat;}
.pro-lists .proLeft li.active.opens .fa{transform: rotate(45deg);}
.pro-lists .proLeft .prodown{padding-left:0.15em;margin:0 0 0.4em;display:none}
.pro-lists .proLeft .prodown li{width: 48%;margin-right: 2.5%;float: left;}
.pro-lists .proLeft .prodown li:nth-child(2n+0){margin-right:0}
.pro-lists .proLeft .active .prodown{display: block;}
.pro-lists .proLeft li.active .fsLink{color:#cf142c}
.pro-lists .proLeft .prodown li.active .seLink{color:#cf142c;border: 1px solid #cf142c;}
.pro-lists .proLeft .prodown::after{content: "";display: table;clear: both;}

.pro-lists.prolsMain{margin-top:0;padding-bottom: 0.5em;}
.arrayPics{width:100%;position:relative}
.arrayPics a{display:block}

.big-pro-carousel .vidBtn{width:64px;height:64px}
.big-pro-carousel .vidBtn::before{margin-left:4px;border-width:10px 0 10px 16px}
.big-pro-carousel{width:100%;height:7.4em;border:1px solid #b9b9b9;box-sizing: content-box;}
.big-pro-carousel .item a{display:block;width:100%;height:7.4em}
.big-pro-carousel .item a img{width:100%;height:100%;object-fit:cover}
.big-pro-carousel .owl-controls{position: absolute;top: calc((100% - 0.62em) / 2);width: 100%;}
.big-pro-carousel .owl-nav{position: absolute;width: 100%;top: calc(50% - 0.3em);display: flex;justify-content: space-between;height: 0.72em;}
.big-pro-carousel .owl-nav button{border:0;background-color:transparent;width:2em;font-size:12px;border-radius:0}
.big-pro-carousel .owl-nav button span{display:block;width:100%;height:100%;background-image:url(../images/ico_left_1.svg);background-repeat:no-repeat;background-position:center;background-size: 100%;}
.big-pro-carousel .owl-nav button.owl-next span{transform: rotate(180deg);}
.big-pro-carousel button.disabled{cursor:no-drop;opacity:0.4}

.small-pro-carousel{width:100%;margin-top:0.3em}
.small-pro-carousel .owl-item .item{border:1px solid #cccccc;} 
.small-pro-carousel .owl-item .item.on{border:1px solid #cf142c;}
.small-pro-carousel .owl-item .item a{width:100%;}
.small-pro-carousel .owl-item .item a img{width:100%;height:100%;object-fit:cover}
.psInfo .pts{width:100%;height:0.86em;background-color:#cf142c;display: flex;align-items: center;padding: 0 0.25em;position:relative}
.psInfo .pts .poi{width:0.1em;height:0.1em;background-color:#FFF;transform: rotate(45deg);}
.psInfo .pts .ts{font-size:14px;font-weight:600;line-height: normal;color:#FFFFFF;text-transform: uppercase;letter-spacing: 0.1em;margin-left:1em;white-space: nowrap;margin-left: 1em;width: calc(100% - 8em);text-overflow: ellipsis;overflow: hidden;}
.psInfo .pts .pln{width:1.05em;height:100%;position:absolute;right:0;display:flex}
.psInfo .pts .pln:before,.psInfo .pts .pln:after{width:0.2em;height:100%;margin-right:0.3em;display:block;content:"";background-color:#edb8bf;transform: skewX(-35deg);}

.psInfo li{margin-bottom:10px;position: relative;padding-left: 18px;background-image:url(../images/ico3.png);background-repeat:no-repeat;background-size:auto 0.8em;background-position: left 0.45em;}

.psInfo h1{font-size: 30px;margin: 10px 0 20px;}
.psInfo table{max-width:100%;width: auto !important;}
.psInfo td{border:1px solid #ddd;padding: 10px 20px !important;font-size: 14px;width: auto !important;}
.psInfo .wrs td *{font-size: 18px;}
.psInfo .firstRow{letter-spacing: 1px;}

.psInfo .infos{background-color:#FFF;padding:2em 1em}
.psInfo .wrs{font-size:12px !important;}
.psInfo .wrs *{font-size:1em !important;line-height:1.8em}
.psInfo .wrs strong{font-size:1.4em !important;}

.proBms{margin-top:0.8em;margin-bottom:0.5em;padding:0;}
.proBms .ts{font-size:16px;font-weight:600;line-height: normal;margin: 0 auto 1em;text-align:center}
.proBms .related-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

.proBms .wbPros1{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 3px 12px rgba(23,35,53,.08)}
.proBms .wbPros1 a{display:flex;flex-direction:column;width:100%}
.proBms .wbPros1 .imgs{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden;border:0;background:#fff;height:3.65em;}
.proBms .wbPros1 .imgs img{width:100%;height:100%;display:block;transition:0.3s;object-fit:cover}
.proBms .wbPros1 .sts{width:100%;min-height:56px;padding:10px 8px 8px;margin:0}
.proBms .wbPros1 .sts span{font-size:12px;color:#333333;line-height:1.5em;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient:vertical;/* autoprefixer: on */text-align:center}
.proBms .related-products-grid .pts{margin:8px 10px 6px}
.proBms .related-products-grid .pts li{font-size:11px;line-height:1.6;gap:8px;padding:3px 0}


.proBms .owl-nav{width:100%;display: flex;justify-content: center;}
.proBms .owl-nav.disabled{display: flex;}
.proBms .owl-nav button{width:0.6em;height:0.6em;background-color:transparent;border:none}
.proBms .owl-nav button:hover .left,.proBms .owl-nav button:hover .right{background-image: url(../images/ico_jt_2.svg);}
.proBms .owl-nav .left{transform: rotate(180deg);}
.proBms .owl-nav .left,.proBms .owl-nav .right{background-image: url(../images/ico_jt_1.svg);background-repeat: no-repeat;width: 100%;height: 0.4em;background-size: auto 100%;background-position: center;}

.pro-lists .hmnews{padding: 0 0 0.5em;}}