@charset "utf-8";
/* 产品详情页：首屏（.xb-*）与概述区（.xc-*）样式，仅产品详情页引用 */

.xb-a{padding-top:2.24rem;padding-bottom:.62rem;min-height:0}
.xb-main{width:14rem}
.xb-left{width:6.2rem}

.xb-titles{font-size:clamp(44px,calc(68 * 1rem / 100),68px);font-weight:700;line-height:1.12;letter-spacing:-.015em;color:#0f2231;margin-bottom:.26rem}
.xb-synopsis{font-size:clamp(15px,calc(21 * 1rem / 100),18px);line-height:1.9;color:#5b6b77;max-width:32em}

.xb-buttombox{padding-top:.42rem}
.xb-buttom{height:clamp(44px,calc(52 * 1rem / 100),52px);line-height:clamp(44px,calc(52 * 1rem / 100),52px);padding:0 clamp(28px,calc(46 * 1rem / 100),46px);border-radius:999px;font-size:clamp(14.5px,calc(20 * 1rem / 100),16px);font-weight:600;letter-spacing:.02em;margin:0 .16rem 0 0;box-shadow:0 .12rem .3rem rgba(11,112,161,.22);transition:transform .3s,box-shadow .3s,background-color .3s,color .3s,border-color .3s}
.xb-buttom:hover{transform:translateY(-2px);box-shadow:0 .18rem .34rem rgba(11,112,161,.3);color:#fff;background-color:#0b70a1;background-image:linear-gradient(90deg,#0b70a1 0%,#007db8 100%)}
.xb-buttom + .xb-buttom{background-image:none;background-color:#fff;color:#0b70a1;border:1px solid #cbdde9;box-shadow:none}
.xb-buttom + .xb-buttom:hover{background-color:#f2f8fc;color:#0b70a1;border-color:#0b70a1;box-shadow:none}

.xb-right{width:7.6rem;padding-top:.14rem}
.xb-img img{filter:drop-shadow(0 .2rem .36rem rgba(16,40,64,.16))}

.xb-bottom{display:grid;grid-template-columns:repeat(5,1fr);margin-top:.5rem;background:#fff;border:1px solid #e8f0f6;border-radius:.18rem;box-shadow:0 .12rem .34rem rgba(16,40,64,.08);overflow:hidden}
.xb-bottom .xb-item{width:auto;min-height:0;margin:0;padding:.28rem .24rem;background:transparent;border-radius:0;border-left:1px solid #eef4f9}
.xb-bottom .xb-item:first-child{border-left:0}
.xb-icon{width:clamp(32px,calc(52 * 1rem / 100),46px);height:clamp(32px,calc(52 * 1rem / 100),46px);display:flex;align-items:center;justify-content:center;padding:.06rem;border-radius:50%;background:#eef6fb}
.xb-icon img{width:100%}
.xb-text{padding-left:.16rem}
.xb-name{font-size:clamp(15px,calc(21 * 1rem / 100),17px);font-weight:700;line-height:1.4;color:#12293a}
.xb-intro{font-size:clamp(12px,calc(17 * 1rem / 100),14px);line-height:1.55;color:#6b7d8a;margin-top:.06rem}
.xb-bottom .xb-item{transition:background-color .3s ease}
.xb-icon{transition:background-color .3s ease}
.xb-icon img{transition:filter .3s ease}
.xb-name{transition:color .3s ease}
@media (hover:hover){
.xb-bottom .xb-item:hover{background-color:#f3fafe}
.xb-bottom .xb-item:hover .xb-icon{background-color:#0b70a1}
.xb-bottom .xb-item:hover .xb-icon img{filter:brightness(0) invert(1)}
.xb-bottom .xb-item:hover .xb-name{color:#0b70a1}
}



@media (max-width:900px){
.xb-a{padding-top:1.4rem;padding-bottom:.5rem}
.xb-main{width:100%;max-width:none;padding-left:20px;padding-right:20px}
.xb-left{width:100%}
.xb-titles{font-size:31px;line-height:1.22;margin-bottom:12px}
.xb-synopsis{font-size:14.5px;line-height:1.8}
.xb-buttombox{padding-top:20px;text-align:left}
.xb-buttom{height:44px;line-height:44px;min-width:0;padding:0 26px;font-size:15px;margin:0 10px 0 0}
.xb-right{width:100%;padding-top:26px}
.xb-bottom{grid-template-columns:1fr;margin-top:24px;border-radius:14px}
.xb-bottom .xb-item{width:auto;margin:0;padding:12px 14px;border-left:0;border-top:1px solid #eef4f9}
.xb-bottom .xb-item:first-child{border-top:0}
.xb-icon{width:30px;height:30px;padding:5px}
.xb-name{font-size:14.5px}
.xb-intro{font-size:12px}
}

.xc-a{padding-top:.94rem;padding-bottom:.94rem;background-image:none !important;background:#fff !important}

.xc-main{width:10.4rem}
.xc-cont{display:block}

.xc-left{width:auto}
.xc-titles:before{content:"\201C";display:block;font-family:Georgia,"Times New Roman",serif;font-size:calc(112 * 1rem / 100);font-weight:700;line-height:.72;color:#d3e8f6;margin-bottom:.06rem}

.xc-right{width:auto;margin-top:.26rem}

.xc-titles{font-size:clamp(26px,calc(44 * 1rem / 100),40px);font-weight:700;line-height:1.46;letter-spacing:-.01em;color:#16232e}
.xc-titles p{margin:0;line-height:inherit;text-wrap:balance}
.xc-titles p + p{margin-top:.04rem}
.xc-titles span{font-size:inherit !important;font-family:inherit !important;line-height:inherit !important}

.xc-intro{font-size:clamp(14.5px,calc(20 * 1rem / 100),16.5px);line-height:2.05;color:#5b6b77}
.xc-intro p{margin:0;text-align:left !important}
.xc-intro p + p{margin-top:.5em}
.xc-intro span{font-size:inherit !important;font-family:inherit !important}

.xc-cont:after{content:"";display:block;clear:both}
.xc-right:after{content:"";display:block;width:.5rem;height:2px;margin-top:.36rem;background:#0b70a1}

.xc-titles [style*="79, 129, 189"],.xc-intro [style*="79, 129, 189"]{color:#0b70a1 !important}

@media (max-width:900px){
.xc-a{padding-top:28px;padding-bottom:28px}
.xc-main{width:100%;max-width:none;padding-left:24px;padding-right:24px}
.xc-titles:before{font-size:58px;line-height:.7;margin-bottom:2px}
.xc-titles{font-size:21px;line-height:1.55}
.xc-intro{font-size:14px;line-height:1.95}
}