.p-i-related.all-products .list .box,
.all-products.p-i-related .list .box{background:#f4f7fa}
.p-i-related.all-products .list .model,
.all-products.p-i-related .list .model{font-weight:600}
.p-i-related.all-products .list .specs li,
.p-i-related.all-products .list .specs p,
.all-products.p-i-related .list .specs li,
.all-products.p-i-related .list .specs p{color:#666}

.p-i-main .content{display: flex;justify-content: space-between;align-items: center;}
.p-i-main .textbox{flex:1;}
.p-i-main .textbox .summary{margin-bottom:40px;}
.p-i-main .title-36{color: var(--c-accent-2);margin-bottom: 25px;}
.p-i-main .h5{font-size: 24px;line-height: 1;color: var(--c-accent-2);font-weight: 550;margin-top: 30px;}
.p-i-main ul{margin-top: 25px;}
.p-i-main ul li::marker{color: var(--c-accent-2)}
.p-i-main ul li{margin-bottom: 10px;}
.p-i-main .p-i-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px}
.p-i-main .a-p-i{display:inline-flex;align-items:center;gap:25px;margin-top:0;padding:0 15px 0 35px;border:2px solid var(--c-accent-2);border-radius:12px;background-color:var(--c-accent-2);color:#fff;transition:background-color .35s ease,color .35s ease}
.p-i-main .a-p-i--calc{background:#fff;color:var(--c-accent-2)}
.p-i-main .a-p-i--calc img{filter:none}
.p-i-main .a-p-i--calc span::after{background:#e7eef8}
.p-i-main .a-p-i--calc:hover{background:var(--c-accent-2);color:#fff !important}
.p-i-main .a-p-i--calc:hover img{filter:brightness(0) invert(1)}
.p-i-main .a-p-i img{display:block;filter:brightness(0) invert(1);transition:filter .35s ease}
.p-i-main .a-p-i span{position:relative;z-index:1;display:inline-flex;align-items:center;height:45px;margin:10px 0;padding:0 15px}
.p-i-main .a-p-i span::after{content:"";position:absolute;right:0;z-index:-1;width:45px;height: 45px;border-radius:10px;background-color:#3a67ac;transition:width .35s ease}
.p-i-main .a-p-i:hover{background-color:#fff;color:var(--c-accent-2)!important}
.p-i-main .a-p-i:hover span::after{width:100%}
.p-i-main .img{flex:1.2;display: flex;align-items: center;justify-content: center;}

.detail-nav{margin-top:55px;position:sticky;top:75px;height:fit-content;z-index:20;background-color:#ffffff;padding:20px 0;border-top:1px solid #cbdaf1;border-bottom:1px solid #cbdaf1}
.detail-nav .detail-box{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.detail-nav .detail-box::-webkit-scrollbar{display:none}
.detail-nav.is-ready{transition:top .45s cubic-bezier(.4,0,.2,1)}
body:has(#header.scrolled) .detail-nav{top:70px}
body:has(#header.header-hide) .detail-nav{top:0}
.detail-nav ol{margin-bottom: 0;padding-left: 0;}
.detail-nav ol , .detail-nav li{list-style-type: none;}
.detail-nav li + li{border-left:1px solid #cbdaf1}
.detail-nav li.active a::before{opacity:1}
.detail-nav li.active a{color:var(--public-color-secondary)}
.detail-nav li:first-child a{padding-left: 0;}
.detail-nav a{min-width:220px;font-size:20px;line-height:1;font-weight:600;color:var(--c-text);display:inline-flex;justify-content:center;align-items:center;padding:0 48px;position:relative;transition:color .3s ease;text-decoration: none !important;}
.detail-nav-xl{display:flex;align-items:center;flex-wrap:nowrap;}
@media(max-width:1200px){
	.detail-nav a{min-width:180px;padding:0 36px;font-size:16px}}
@media(max-width:768px){
	.detail-nav{margin-top:28px;padding:10px 0}
	.detail-nav a{min-width:auto;padding:0 18px;font-size:14px;line-height:20px;height:40px}
	.detail-nav a::before{left:14px;width:14px}
	.detail-nav li + li{border-left:1px solid #eeeeee}}

.p-i-content{margin-top: 100px;}
.p-i-content article{margin-bottom: 100px;}
.p-i-content article:last-child{margin-bottom: 0;}
.p-i-content h2{color: var(--c-accent-2);}
.p-i-content .title-line-40{margin-bottom: 28px;}
.p-i-content .title-line-40::after{height: 3px;margin: 14px 0 0;}
.p-i-bottom{padding-top: 20px;}
.p-i-bottom article{margin-bottom: 100px;}
.p-i-bottom article:last-child{margin-bottom: 40px;}
.p-i-bottom h2{color: var(--c-accent-2);}
.p-i-bottom .title-line-40{margin-bottom: 28px;}
.p-i-bottom .title-line-40::after{height: 3px;margin: 14px 0 0;}
.p-i-description .content,
.p-i-application .content,
.p-i-process .text,
.p-i-solution .textbox{font-size: 16px;line-height: 1.75;color: #444;}
.p-i-description .content p,
.p-i-application .content p,
.p-i-process .text p,
.p-i-solution .textbox p{margin: 0 0 16px;}
.p-i-description .content p:last-child,
.p-i-application .content p:last-child,
.p-i-process .text p:last-child,
.p-i-solution .textbox p:last-child{margin-bottom: 0;}
.p-i-description .content h2,
.p-i-description .content h3,
.p-i-description .content h4,
.p-i-application .content h2,
.p-i-application .content h3,
.p-i-application .content h4{margin: 32px 0 14px;font-size: 24px;line-height: 1.35;font-weight: 600;}
.p-i-description .content ul,
.p-i-description .content ol,
.p-i-application .content ul,
.p-i-application .content ol{margin: 10px 0 18px;padding-left: 22px;}
.p-i-description .content li,
.p-i-application .content li{margin-bottom: 8px;line-height: 1.7;}
.p-i-description .content li:last-child,
.p-i-application .content li:last-child{margin-bottom: 0;}
.p-i-application .content img{display: block;max-width: 100%;height: auto;}
.p-i-description .content br,
.p-i-application .content br,
.p-i-process .text br,
.p-i-solution .textbox br{display: block;margin-top: 12px;content: "";}

.p-i-parameter .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.p-i-parameter{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4}
.p-i-parameter th,
.p-i-parameter td{padding:10px 20px;border:1px solid #d9d9d9;text-align:center;vertical-align:middle}
.p-i-parameter thead th{background:var(--c-accent-2);color:#fff;font-size:18px;font-weight:600}
.p-i-parameter thead .th-blank{background:#f2f2f2;border-color:#d9d9d9}
.p-i-parameter tbody th{width:22%;background:#f2f2f2;font-weight:600;color:var(--c-text);text-align:left}
.p-i-parameter tbody td{background:#fff;color:var(--c-text)}
@media(max-width:768px){
    .p-i-parameter{font-size:14px}
    .p-i-parameter th,
    .p-i-parameter td{padding:12px 14px}
    .p-i-parameter thead th{font-size:15px}
    .p-i-parameter tbody th{min-width:120px;font-size:14px}}

.p-i-process {display: flex;justify-content: space-between;align-items: flex-end;}
.p-i-process .a-lb{padding: 0 50px;border-radius: 15px;}
.p-i-process .textbox{width: 45%;}
.p-i-process .text p{margin-bottom: 20px;}
.p-i-process .text>*:nth-last-of-type(1){margin-bottom: 0;}
.p-i-process .a-lb{margin-top: 40px;}
.p-i-process .img{width: 48%;border-radius: 10px;overflow: hidden;}

.p-i-solution .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 90px;}
.p-i-solution .items:last-child{margin-bottom: 0;}
.p-i-solution .items:nth-child(even){flex-direction: row-reverse;}
.p-i-solution .textbox{width: 40%;}
.p-i-solution h4{font-size: 20px;line-height: 1;color: var(--c-accent-2);margin-bottom: 20px;}
.p-i-solution li{margin-bottom: 20px;}
.p-i-solution li:last-child{margin-bottom: 0;}
.p-i-solution li::marker{content: "\e600";font-family: iconfont;font-size: 20px;color: var(--public-color-secondary);}
.p-i-solution h5{font-size: 20px;line-height: 1.2;color: var(--c-accent-2);font-weight: 500;}
.p-i-solution .img{width: 55%;}

.pro-in-page .h2-back{margin-bottom:30px;padding:20px 30px 20px 65px;border-radius:8px;background:var(--c-accent-2);font-size:24px;line-height:1.3;font-weight:600;color:#fff}

.p-i-product{margin:80px 0;background:#fff}
.p-i-product .content{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.p-i-product .item{display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow: 3px 5px 8px 0px rgba(6, 0, 1, 0.08);border: solid 1px #d7e2ed;overflow:hidden;text-decoration:none;transition:box-shadow .3s ease,transform .3s ease}
.p-i-product .item:hover{box-shadow:0 8px 24px rgba(8,27,95,.1);transform:translateY(-4px)}
.p-i-product .item .img{display:flex;align-items:center;justify-content:center;padding:20px;background:#fff}
.p-i-product .item .img img{display:block;width:100%;height:auto;max-height:200px;object-fit:contain}
.p-i-product .item .h3{margin:0;padding:18px 20px 30px 35px;font-size:20px;line-height:1.3;font-weight:500;color:var(--c-text)}
.p-i-product .item .h3::before{content:"";display:inline-block;width:5px;height:22px;margin-right:12px;background:var(--public-color-secondary);vertical-align:middle;transform:translateY(-1px)}
@media(max-width:768px){
    .p-i-main .content{flex-direction:column;align-items:stretch;gap:24px}
    .p-i-main .textbox,.p-i-main .img{flex:none;width:100%}
    .p-i-main .textbox .summary{margin-bottom:20px;}
    .p-i-content{margin-top:40px}
    .p-i-content article,.p-i-bottom article{margin-bottom:48px}
    .p-i-process,.p-i-solution .items,.p-i-solution .items:nth-child(even){flex-direction:column;align-items:stretch;gap:20px}
    .p-i-process .textbox,.p-i-process .img,.p-i-solution .textbox,.p-i-solution .img{width:100%}
    .p-i-solution .items{margin-bottom:40px}
    .p-i-product{margin:40px 0}
    .p-i-product .content{grid-template-columns:1fr}
    .pro-in-page .banner-all{min-height:200px}
    .pro-in-page .banner-all .img-back{position:absolute;inset:0;height:100%}
    .pro-in-page .banner-all .img-back > img{width:100%;height:100%;object-fit:cover}
    .pro-in-page .banner-all .banner-text{position:relative;height:auto;min-height:200px;padding:86px 16px 24px;box-sizing:border-box}
    .pro-in-page .banner-all h1{font-size:24px;line-height:1.3;text-align:center}
    .pro-in-page .banner-all .breadcrumb{margin-top:8px}
    .pro-in-page .banner-all .breadcrumb ul{justify-content:center}
    .pro-in-page .series-tab{padding:16px 0 8px}
    .pro-in-page .series-tab .a-btn{flex-wrap:wrap;justify-content:center;overflow:visible}
    .pro-in-page .series-tab .a-btn > *{flex:1 1 calc(50% - 10px);height:auto;min-height:46px;justify-content:center;padding:8px 12px;font-size:14px;line-height:1.3;white-space:normal;text-align:center}
    .p-i-main{padding-top:8px}
    .p-i-main .title-36{font-size:26px;line-height:1.3}
    .p-i-main .p-i-actions{flex-direction:column;align-items:stretch}
    .p-i-main .a-p-i{width:100%;justify-content:space-between;box-sizing:border-box}
    .p-i-main .key,.p-i-main .summary{font-size:15px;line-height:1.6}
    .detail-nav{top:56px;margin-top:16px}
    .detail-nav a{min-width:auto;padding:0 14px;font-size:14px}
    .p-i-content img,.p-i-bottom img{max-width:100%;height:auto}
}