/* ===== .banner-pl ===== */
.banner-pl{height:640px;overflow:hidden;background:#f3f5f7}
.banner-pl > img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}
.banner-pl .banner-text{z-index:1}
.banner-pl .content{position:relative;z-index:1;max-width:40%}
.banner-pl .content::before{content:"";position:absolute;z-index:-1;top:-50vh;bottom:-50vh;left:-120px;right:-180px;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.88) 58%,rgba(255,255,255,0) 100%);pointer-events:none}
.banner-pl h1{margin:0 0 18px;font-size:50px;line-height:1.18;font-weight:700;color:var(--c-black)}
.banner-pl h1::before{content:"";display:block;width:42px;height:4px;margin-bottom:18px;border-radius:2px;background:var(--c-accent)}
.banner-pl .text{color:#666666}
.banner-pl .text > *{-moz-outline-radius-bottomleft: 20px;}
.banner-pl .text > *:nth-last-child(1){margin-bottom: 0;}
.banner-pl .text p{margin:0}
.banner-pl ul{margin-top:20px;padding:0;list-style:none}
.banner-pl li{position:relative;margin-top:5px;padding-left:16px;font-size:18px;line-height:1.4;font-weight: 500;color:var(--c-black)}
.banner-pl li::before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--c-accent)}
@media(max-width:1700px){
    .banner-pl{height:600px}
    .banner-pl h1{font-size:48px}
}
@media(max-width:1600px){
    .banner-pl{height:580px}
    .banner-pl h1{font-size:46px}
}
@media(max-width:1500px){
    .banner-pl{height:560px}
    .banner-pl h1{font-size:44px}
}
@media(max-width:1330px){
    .banner-pl{height:520px}
    .banner-pl h1{font-size:42px}
    .banner-pl li{font-size:16px}
}
@media(max-width:1440px) and (max-height:800px){
    .banner-pl{height:480px}
}
@media(max-width:1199px){
    .banner-pl{height:480px}
    .banner-pl h1{font-size:40px}
    .banner-pl .content{max-width:48%}
}
@media(max-width:899px){
    .banner-pl{height:auto;min-height:460px}
    .banner-pl > img{min-height:460px}
    .banner-pl .content{max-width:100%;padding:60px 0 50px}
    .banner-pl .content::before{left:-40px;right:-40px;background:linear-gradient(90deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.5) 72%,rgba(255,255,255,.25) 100%)}
    .banner-pl h1{font-size:32px}
}
@media(max-width:768px){
    .banner-pl,
    .banner-pl > img{min-height:400px}
    .banner-pl .content{padding:40px 0 50px}
    .banner-pl .content::before{left:-20px;right:-20px;background:rgba(255,255,255,.78)}
    .banner-pl h1{font-size:26px;line-height:1.25}
    .banner-pl h1::before{width:36px;margin-bottom:12px}
    .banner-pl .text{font-size:14px;line-height:22px}
    .banner-pl ul{margin-top:15px}
    .banner-pl li{font-size:14px;line-height:22px}
}

/* ===== .p-l-series ===== */
.p-l-series{padding:100px 0;background:#fff}
.p-l-series .title-52{margin-bottom:80px}
.p-l-series .title-52::before{content:"";display:block;width:50px;height:4px;margin:0 auto 16px;border-radius:2px;background:var(--c-accent)}
.p-l-series .grid{grid-template-columns: repeat(4, 1fr);--bs-rows:1;--bs-gap:28px}
.p-l-series .list{display:flex;flex-direction:column;height:100%;padding:0 0 20px;border:1px solid #eeeeee;border-radius:14px;background:#fff;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}
.p-l-series .img{display:block;height:300px;margin:0;padding:12px;background:#f4f6f7}
.p-l-series .img img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:darken;}
.p-l-series .box{display:flex;flex-direction:column;flex:1;min-width:0;padding:16px 18px 0}
.p-l-series h3{margin:0}
.p-l-series .t1{font-size:18px;line-height:1.4;font-weight:600;color:var(--c-black);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p-l-series .t1:hover{color:var(--c-accent)}
.p-l-series .text{margin-top:8px;font-size:15px;line-height:1.5;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p-l-series .text p{display:inline;margin:0}
.p-l-series .text p + p::before{content:" "}
.p-l-series ul{margin:14px 0 0;padding:0;list-style:none}
.p-l-series li{position:relative;margin-top:5px;padding-left:14px;font-size:16px;line-height:1.4;color:#666666}
.p-l-series li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--c-accent)}
@media(max-width:1700px){
    .p-l-series{padding:90px 0}
    .p-l-series .grid{--bs-gap:24px}
    .p-l-series .img{height:280px}
}
@media(max-width:1600px){
    .p-l-series{padding:80px 0}
    .p-l-series .grid{--bs-gap:22px}
    .p-l-series .img{height:260px}
}
@media(max-width:1500px){
    .p-l-series{padding:70px 0}
    .p-l-series .grid{--bs-gap:20px}
    .p-l-series .img{height:240px}
}
@media(max-width:1330px){
    .p-l-series{padding:60px 0}
    .p-l-series .grid{--bs-gap:18px}
    .p-l-series .img{height:220px}
    .p-l-series .box{padding:14px 16px 0}
}
@media(max-width:1199px){
    .p-l-series{padding:60px 0}
    .p-l-series .grid{grid-template-columns:repeat(2,1fr);--bs-gap:24px}
    .p-l-series .img{height:320px}
}
@media(max-width:899px){
    .p-l-series{padding:50px 0}
    .p-l-series .grid{--bs-gap:20px}
    .p-l-series .img{height:280px}
}
@media(max-width:768px){
    .p-l-series{padding:40px 0 50px}
    .p-l-series .grid{--bs-gap:15px}
    .p-l-series .list{padding:0 0 16px}
    .p-l-series .img{height:240px}
    .p-l-series .box{padding:14px 14px 0}
    .p-l-series .t1{font-size:16px}
    .p-l-series .text,
    .p-l-series li{font-size:14px;line-height:1.5}
    .p-l-series .cms-pagination{margin-top:20px;gap:8px}
    .p-l-series .cms-pagination__item{min-width:44px;height:44px;font-size:16px}
}
@media(max-width:600px){
    .p-l-series .grid{grid-template-columns:1fr}
}
@media (hover:hover) and (pointer:fine){
    .p-l-series .list:hover{border-color:var(--c-accent);box-shadow:0 10px 24px rgba(16,24,40,.08)}
}
@media (hover:none),(pointer:coarse){
    .p-l-series .card-thumb:hover img{transform:none}
}

/* ===== .p-l-compare ===== */
.p-l-compare{padding:80px 0 100px;background:#f4f8f6}
.p-l-compare .top-head{margin-bottom:40px}
.p-l-compare .title-52::before{content:"";display:block;width:50px;height:4px;margin:0 auto 16px;border-radius:2px;background:var(--c-accent)}
.p-l-compare .text{margin-top:10px;color:#666666}
.p-l-compare .text p{margin:0}
.p-l-compare table{width:100%;text-align:center;border-collapse:separate;border-spacing:0;border-radius:12px;border:1px solid #b8dfca;overflow:hidden;background:#fff}
.p-l-compare th,
.p-l-compare td{padding:20px 15px;}
.p-l-compare th + th , .p-l-compare td + td{border-left: 1px solid #b8dfca;}
.p-l-compare thead th{background:var(--c-accent);font-size: 20px;line-height: 1.4;font-weight:500;color:#fff}
.p-l-compare td{background:#fff;border-top:1px solid #b8dfca;font-size: 18px;line-height: 1.4;color:#666666}
.p-l-compare td:first-child{font-size: 19px;line-height: 1.4;font-weight: 500;color:var(--c-black);}
.p-l-compare td p{margin:0}
@media(max-width:1700px){
    .p-l-compare{padding:70px 0 90px}
    .p-l-compare .top-head{margin-bottom:35px}
    .p-l-compare .title-52{font-size:48px}
    .p-l-compare th,
    .p-l-compare td{padding:18px 12px}
    .p-l-compare thead th{font-size:18px}
    .p-l-compare td{font-size:16px}
    .p-l-compare td:first-child{font-size:18px}
}
@media(max-width:1600px){
    .p-l-compare{padding:65px 0 80px}
    .p-l-compare .title-52{font-size:46px}
}
@media(max-width:1500px){
    .p-l-compare{padding:60px 0 75px}
    .p-l-compare .top-head{margin-bottom:30px}
    .p-l-compare .title-52{font-size:42px}
    .p-l-compare th,
    .p-l-compare td{padding:16px 12px}
}
@media(max-width:1330px){
    .p-l-compare{padding:55px 0 70px}
    .p-l-compare .title-52{font-size:38px}
    .p-l-compare th,
    .p-l-compare td{padding:14px 10px}
    .p-l-compare thead th{font-size:16px}
    .p-l-compare td{font-size:15px}
    .p-l-compare td:first-child{font-size:16px}
}
@media(max-width:1199px){
    .p-l-compare{padding:50px 0 60px}
    .p-l-compare .title-52{font-size:34px}
}
@media(max-width:899px){
    .p-l-compare .top-head{margin-bottom:20px}
    .p-l-compare .title-52{font-size:28px}
    .p-l-compare .content{overflow-x:auto;-webkit-overflow-scrolling:touch}
    .p-l-compare table{min-width:720px}
}
@media(max-width:768px){
    .p-l-compare{padding:40px 0 50px}
    .p-l-compare .title-52{font-size:24px;line-height:1.3}
    .p-l-compare .text{font-size:14px;line-height:22px}
    .p-l-compare th,
    .p-l-compare td{padding:12px 10px}
    .p-l-compare thead th,
    .p-l-compare td:first-child{font-size:16px}
    .p-l-compare td{font-size:14px;line-height:22px}
}

/* ===== .p-l-app ===== */
.p-l-app{position:relative;display:flex;align-items:center;min-height:480px;overflow:hidden;background:#0c1c30}
.p-l-app > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;display:block}
.p-l-app::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,24,46,.88) 0%,rgba(8,24,46,.62) 46%,rgba(8,24,46,.18) 72%)}
.p-l-app .container{position:relative;z-index:1}
.p-l-app .content{max-width:65%;padding:64px 0}
.p-l-app .top-head{margin-bottom:70px}
.p-l-app .title{color: #ffffff;}
.p-l-app h2::before{content:"";display:block;width:50px;height:4px;margin-bottom:16px;border-radius:2px;background:var(--c-accent)}
.p-l-app .text{color:#ffffff}
.p-l-app .text p{margin:0}
.p-l-app .grid{grid-template-columns: repeat(4, 1fr);--bs-rows:2;--bs-gap:28px 20px;margin-top:36px}
.p-l-app .list{display:grid;grid-template-columns: 50px 1fr;align-items:center;gap:10px}
.p-l-app .list .ico{text-align: center;}
.p-l-app .list p{font-size:20px;line-height:1.35;font-weight:400;color:#fff;width: 150px;margin: 0;}
@media(max-width:1700px){
    .p-l-app{min-height:460px}
    .p-l-app .content{max-width:70%;padding:55px 0}
    .p-l-app .top-head{margin-bottom:60px}
    .p-l-app .title{font-size:40px}
    .p-l-app .list p{font-size:18px}
}
@media(max-width:1600px){
    .p-l-app .content{max-width:74%;padding:50px 0}
    .p-l-app .top-head{margin-bottom:50px}
    .p-l-app .title{font-size:38px}
    .p-l-app .list p{width:auto}
}
@media(max-width:1500px){
    .p-l-app .content{max-width:80%}
    .p-l-app .title{font-size:36px}
    .p-l-app .grid{--bs-gap:20px 16px}
    .p-l-app .list{grid-template-columns:44px 1fr}
}
@media(max-width:1330px){
    .p-l-app{min-height:420px}
    .p-l-app .content{max-width:88%;padding:45px 0}
    .p-l-app .top-head{margin-bottom:40px}
    .p-l-app .title{font-size:34px}
    .p-l-app .list p{font-size:16px}
}
@media(max-width:1199px){
    .p-l-app{min-height:0}
    .p-l-app .content{max-width:100%;padding:50px 0}
    .p-l-app .top-head{margin-bottom:30px}
    .p-l-app .title{font-size:32px}
    .p-l-app .grid{grid-template-columns:repeat(2,1fr);grid-template-rows:none;--bs-gap:20px 24px;margin-top:24px}
}
@media(max-width:899px){
    .p-l-app::before{background:rgba(8,24,46,.78)}
    .p-l-app .content{padding:40px 0}
    .p-l-app .title{font-size:28px}
}
@media(max-width:768px){
    .p-l-app .content{padding:40px 0 50px}
    .p-l-app .top-head{margin-bottom:20px}
    .p-l-app .title{font-size:24px;line-height:1.3}
    .p-l-app .text{font-size:14px;line-height:22px}
    .p-l-app .grid{--bs-gap:15px 12px;margin-top:20px}
    .p-l-app .list{grid-template-columns:40px 1fr;gap:8px}
    .p-l-app .list p{font-size:16px;line-height:1.35}
}

.p-l-custom .content{display: flex;justify-content: space-between;align-items: center;}
.p-l-custom .left{width: 45%;}
.p-l-custom .rught{width: 50%;}
.p-l-custom .left img{border-radius: 12px;}
.p-l-custom .right{font-size: 18px;line-height: 1.4;font-weight: 500;color:var(--c-black);}
.p-l-custom .right p{margin:0}
.p-l-custom .right ul{margin:14px 0 0;padding:0;list-style:none}
.p-l-custom .right li{position:relative;margin-top:5px;padding-left:14px;font-size:16px;line-height:1.4;color:#666666}
.p-l-custom .right li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--c-accent)}
@media(max-width:1700px){
    .p-l-custom .content{gap:30px}
    .p-l-custom .right h2{font-size:40px}
    .p-l-custom .right h3{font-size:24px}
}
@media(max-width:1600px){
    .p-l-custom .content{gap:24px}
    .p-l-custom .right h2{font-size:36px}
    .p-l-custom .right h3{font-size:22px}
}
@media(max-width:1500px){
    .p-l-custom .left{width:44%}
    .p-l-custom .right{width:50%;min-width:0;font-size:16px}
    .p-l-custom .right h2{font-size:32px}
    .p-l-custom .right h3{font-size:20px}
}
@media(max-width:1330px){
    .p-l-custom .content{gap:20px}
    .p-l-custom .left{width:42%}
    .p-l-custom .right{width:52%}
    .p-l-custom .right h2{font-size:30px}
    .p-l-custom .right li{font-size:15px}
}
@media(max-width:1199px){
    .p-l-custom .left{width:40%}
    .p-l-custom .right{width:55%}
    .p-l-custom .right h2{font-size:28px}
    .p-l-custom .right h3{font-size:18px}
}
@media(max-width:899px){
    .p-l-custom{padding:50px 0}
    .p-l-custom .content{flex-direction:column;align-items:stretch;gap:30px}
    .p-l-custom .left,
    .p-l-custom .right{width:100%;min-width:0}
    .p-l-custom .left img{width:100%;height:auto;display:block}
    .p-l-custom .right{font-size:16px}
    .p-l-custom .right h2{font-size:28px}
}
@media(max-width:768px){
    .p-l-custom{padding:40px 0 50px}
    .p-l-custom .content{gap:20px}
    .p-l-custom .right,
    .p-l-custom .right li{font-size:14px;line-height:22px}
    .p-l-custom .right h2{font-size:24px;line-height:1.3}
    .p-l-custom .right h3{font-size:18px}
    .p-l-custom .right ul{margin-top:12px}
}