:root {--Bcolor: #0F4C81;--Hcolor:#0F4C81;--Fcolor:#444;--FBcolor:#2b2b2b;}
.wd1600 { max-width: 1536px; margin: 0 auto;width: 94%; position: relative;}
.smalltit {font-size: .8rem;line-height: 3.2rem;font-weight: 700;margin-bottom: 8px;color: var(--Bcolor);}
.smalltit::before { content: ""; width: 24px;height: 1px;background: var(--Bcolor); margin-right: 6px;display: inline-block;}
.breadcrumb {display: block;max-width: 1440px;margin: 0 auto;width: 100%;padding: 0;}
.breadcrumb a {display: inline-block;transition: .5s;font-size: 13px}
.breadcrumb a::after {content: ">"; padding: 0 .3em}
.mt30 { margin-top: 28px;}
@font-face {font-family: iconfont; src: url('../fonts/iconfont.woff2?t=1712642071727') format('woff2'),url('../fonts/iconfont.woff?t=1712642071727') format('woff'),url('../fonts/iconfont.ttf?t=1712642071727') format('truetype'); font-display: swap}
.iconfont {font-family: iconfont !important;font-size: 16px;font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-right:before {content: "\e601";}
.icon-left:before { content: "\e738";}
.btn-bg {background: #1264af;color: #fff;}
.product_type_simple {background: #1264af;  padding: 15px 25px; border-radius: 2px; font-size: 1rem;}
.proLeft .picT,.proMain .proLeft,.swiper-wrapper{position:relative}
.proList dd,.proList dt{padding:10px;border-left:1px solid #ddd}
.proLi .txtBox .proSummry,.proLi .txtBox .proTitle{text-align:left;text-overflow:ellipsis;overflow:hidden}
.proRight .p-title,.title,.toggle-title{font-family:CustomFontBold,sans-serif}
.swiper-wrapper{width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.mySwiper .swiper-wrapper .swiper-slide{flex-shrink:0;width:100%;height:0;padding-bottom:100%;position:relative;transition-property:transform;overflow:hidden;background:#fff}
.mySwiper .swiper-wrapper .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}
.swiper-wrapper .img{width:100%}
.hide{display:none!important}
.proMain{display:flex;padding-top:20px}
.proMain .proLeft{width:100%;overflow:hidden;display:flex}
.proLeft .left{flex-basis:40%;overflow:hidden}
.proLeft .pic{position:absolute;left:0;top:0;display:block;width:150px;height:150px;background:rgb(255,255,255,.7);z-index:1}
.proLeft .right{flex-basis:60%;overflow:hidden;padding-left:100px}
.proLeft .thuilm{position:relative;margin:12px 0;padding:0 54px;max-height:80px;overflow:hidden}
.proLeft .thuilm .img{max-height:64px;max-width:64px}
.proLeft .thuilm .swiper-wrapper{display:flex;align-items:center}
.proLeft .swiper-button{position:absolute;top:0;bottom:0;width:44px;max-height:64px;background:#e8e8e8;color:#000;outline:0;z-index:0}
.proLeft .swiper-button i{display:flex;justify-content:center;align-items:center;font-size:12px;height:100%}
.proLeft .pro-left{left:0}
.proLeft .pro-right{right:0}
.proLeft .proPic{flex-basis:50%;overflow:hidden;margin-right:5%}
.proLeft .bigBox{position:absolute;left:40%;top:0;width:400px;height:400px;background:#fff;overflow:hidden;cursor:move}
.proLeft .bigBox2{position:relative;width:100%;height:100%}
.proLeft .bigpicA{position:absolute;max-width:none;width:300%;height:300%}
.proMain .proRight{flex-basis:60%}
.wyz-thumbs{overflow:hidden}
.proRight .p-title{color:#222;font-size:1.5rem;margin:0 0 10px;font-weight:400;line-height:2.1rem}
.proRight .proItem h2{margin-bottom:1.5rem;font-size:1rem;line-height:1.5rem;font-weight:400}
.ProContent{border-top:1px solid #ddd;border-right:1px solid #ddd}
.proList{display:flex;border-bottom:1px solid #ddd;color:#333;font-size:14px}
.proList dt{width:40%}
.proList dd{width:60%}
.p-btn{margin-top:30px}
.detial{margin-top:80px;margin-bottom:60px}
.detial .smalltit{margin-bottom:1rem}
.detialTit{font-size:2.6rem;color:#151515;margin:48px 0;font-weight:400}
.relativeP,.relativePbox{margin-bottom:60px}
.detialCon{font-size:15px;color:#4c4c4c;line-height:26px}
.detialCon .smalltit{border:none}
.detialCon table{background:#fff;border-radius:12px;width:100%;max-width:760px;text-align:left;border-collapse:collapse;margin:10px 0;border:1px solid #f2f2f2}
.detialCon table tr{border-bottom:1px solid #f2f2f2}
.detialCon table tr:last-child{border-bottom:none}
.detialCon table tr th,.detialTable tr td{padding:8px;font-weight:400;width:50%}
.detialCon img{max-width:100%}
.relativeP h4{min-width:245px;height:60px;line-height:60px;margin-bottom:30px;display:inline-block;padding:0 30px;background-color:var(--Bcolor);color:#fff;font-size:24px}
.relativePbox{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:30px}
.relativePbox .proLi{width:23%;margin:0 2% 20px 0;background:#fff;transition:.5s}
.relativePbox .proLi a{width:100%;background-color:#fff;padding-bottom:10px}
.proLi .txtBox{padding:12px 0}
.title{font-size:2.25rem;color:#222;position:relative;font-weight:600;margin-bottom:16px;width:100%}
.ImgBox{overflow:hidden;display:flex}
.ImgBox picture{justify-content:center;overflow:hidden;position:relative;width:100%;height:0;padding-bottom:100%}
.proLi .ImgBox picture img{height:100%;width:auto;position:absolute;left:0;top:0}
.proLi .txtBox .proTitle{width:100%;color:#151515;font-size:16px;white-space:nowrap;transition:.5s;font-weight:600;margin-bottom:10px}
.proLi .txtBox .proSummry{width:100%;font-size:14px;color:#8e8e8e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.faqbox{width:100%;max-width:1200px}
.faqlist{border-radius:0;border-bottom:1px solid #e4e4e4;overflow:hidden;transition:.5s}
.faqlist.active{border-bottom:1px solid var(--Bcolor)}
.toggle-container{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:20px 0}
.toggle-title{font-size:16px;font-weight:700;color:#333;padding-right:16px}
.toggle-button{width:30px;height:30px;position:relative;cursor:pointer;transition:transform .3s;display:inline-block;margin-right:10px;background:#fff;border-radius:20px}
.toggle-button::after,.toggle-button::before{content:'';position:absolute;width:16px;height:2px;background-color:#000;top:50%;left:7px;transform:translateY(-50%);transition:.3s}
.toggle-button::after{transform:translateY(-50%) rotate(90deg)}
.toggle-content{display:none;padding-bottom:20px;font-size:15px;line-height:22px;color:#999}
.faqlist.active .toggle-title{color:var(--Bcolor)}
.expanded.toggle-button::after{transform:translateY(-50%) rotate(0)}
#video-container{width:640px;height:360px;max-width:100%;margin:20px 0}
.productdetaillist{padding:60px 0}
.productdetaillist:nth-child(odd){background-color:#f6f8fa}
.pd-detial{margin-top:20px;color:#696969;line-height:1.6rem}
.pd-img{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}
.pd-img .img-box{flex:0 0 100%;border:1px solid #e3e3e3;overflow:hidden}
.pd-img.two .img-box{flex:0 0 calc(50% - 8px)}
.pd-img.three .img-box{flex:0 0 calc(33.333% - 10.66px)}
.pd-img.four .img-box,.pd-img.more .img-box{flex:0 0 calc(19.9% - 12px)}
.pd-img.five .img-box,.pd-img.more .img-box{flex:0 0 calc(25% - 12px)}
.img-box img{width:100%;height:100%;display:block;object-fit:cover}
@media only screen and (max-width:1200px){.detialTit{font-size:45px}
}@media only screen and (max-width:768px){.proLeft .topBox{flex-wrap:wrap}
.proLeft .left,.proLeft .right{flex-basis:100%}
.proLeft .right{padding:20px 8px}
.detialTit::after,.proLeft .pic{display:none}
.proMain .proLeft{display:block}
.proLeft .proPic{flex-basis:100%;overflow:hidden;margin-right:0}
.bigPic .swiper-slide .img{width:100%;height:100%}
.relativePbox .proLi{width:48%;margin:0 1% 10px}
.detialTit{font-size:32px;margin:30px 0}
.proLi .txtBox{padding:12px 12px 20px}
.proLi .txtBox .proTitle{font-size:.8rem;padding:0}
.relativePbox{margin-bottom:0}
#video-container{height:200px}
.pd-img .img-box{flex:0 0 100%}
.pd-img.four .img-box,.pd-img.more .img-box,.pd-img.three .img-box{flex:0 0 calc(50% - 8px)}
.pd-img.five .img-box,.pd-img.more .img-box,.pd-img.three .img-box{flex:0 0 calc(50% - 8px)}
}




    
        .res-table {
            width: 100%;
            border-collapse: collapse;
        }
        .res-table th,
        .res-table td {
            border: 1px solid #222;
            padding: 12px 14px;
            text-align: center;
        }
        .res-table th {
            background-color: #2b5797;
            color: #ffffff;
            font-size: 18px;
        }
        .row-green {
            background-color: #97d879;
        }

        /* ========== 移动端：转卡片布局，max?width 768px ========== */
        @media (max-width:768px){
            /* 隐藏原生表头 */
            .res-table thead {
                display: none;
            }
            /* 每一行变为独立卡片 */
            .res-table tr {
                display: block;
                margin-bottom: 14px;
                border: 1px solid #222;
            }
            /* 单元格垂直排列，伪元素显示字段名 */
            .res-table td {
                display: flex;
                justify-content: space?between;
                align-items: flex?start;
                text-align: left;
                border: none;
                border-bottom: 1px solid #222;
                padding: 10px 12px;
            }
            /* 去掉卡片最后一条分割线 */
            .res-table td:last-child {
                border-bottom: none;
            }
            /* 左侧标签文字 */
            .res-table td::before {
                content: attr(data-label);
                font-weight: bold;
                flex-shrink: 0;
                margin-right: 12px;
            }
        }