@charset "UTF-8";
/* 
    author:PengJin;
    date:2020-08-13;
*/

/*--public--*/

.wrap-title{margin-bottom:2.5rem;text-align:center;}
.wrap-title h2{line-height:1.25;font-weight:normal;font-size:2.625rem;color:#333;}
.wrap-title h2 a{color:#333;}
.wrap-title h2 a:hover{color:#04287e;}
.wrap-title p{margin-top:0.625rem;line-height:1;font-size:1.125rem;color:#666;}
.wrap-title.white *{color:#fff;}
.wrap-title.white h2 a:hover{color:#fff;}
@media(max-width:1200px){
html{font-size:15px;}
}
@media(max-width:992px){
html{font-size:14px;}
.wrap-title h2{font-size:1.4rem;}
.wrap-title p{font-size:1rem;}
}
/*--end public--*/

/*--banner--*/
.banner{clear:both;position:relative;overflow:hidden;}
.banner .item{overflow:hidden;position:relative;}
.banner .item img{display:block;position:relative;left:50%;width:1920px;transform:translateX(-50%);}
/* 压暗蒙版：让 199 的白字在任何底图上都读得清（浅底图单独加重，见 .on-light） */
.banner .item:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,16,38,.60) 0%,rgba(4,16,38,.34) 38%,rgba(4,16,38,.05) 68%,rgba(4,16,38,0) 100%);}
.banner .item.on-light:after{background:linear-gradient(90deg,rgba(4,16,38,.88) 0%,rgba(4,16,38,.66) 40%,rgba(4,16,38,.18) 70%,rgba(4,16,38,0) 100%);}
/* 199 式文案层 */
.banner-copy{position:absolute;inset:0;z-index:2;display:flex;align-items:center;pointer-events:none;}
.banner-copy .width1400{position:relative;}
.bc-tag{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;
  padding:5px 16px;border-radius:999px;font-size:14px;line-height:1.5;letter-spacing:.08em;margin-bottom:18px;}
.bc-title{margin:0;font-size:50px;line-height:1.25;letter-spacing:.04em;font-weight:800;color:#fff;}
.bc-desc{margin:16px 0 30px;font-size:19px;line-height:1.8;color:rgba(255,255,255,.88);max-width:640px;}
.bc-btn{display:inline-block;pointer-events:auto;padding:12px 30px;border-radius:6px;font-size:15px;line-height:1.4;
  text-decoration:none;border:2px solid transparent;transition:.25s;}
.bc-btn.bc-primary{background:#f5a623;border-color:#f5a623;color:#fff;}
.bc-btn.bc-primary:hover{background:#e09312;border-color:#e09312;}
.bc-btn.bc-ghost{border-color:rgba(255,255,255,.8);color:#fff;}
.bc-btn.bc-ghost:hover{background:rgba(255,255,255,.15);}
.banner .banner-pager{position:absolute;z-index:3;left:0;bottom:3.5rem;width:100%;text-align:center;}
.banner .banner-pager span{position:relative;margin:0 0.375rem;width:1.375rem;height:0.25rem;background:#fff;border-radius:0;transition:all 0.5s;}
.banner .banner-pager span.swiper-pagination-bullet-active{background:#f5a623;width:2.375rem;}
.banner .banner-prev,.banner .banner-next{position:absolute;z-index:3;top:50%;cursor:pointer;width:3.125rem;height:3.125rem;transform:translateY(-50%);transition:all 0.5s;}
.banner .banner-prev{left:1rem;background:url(../images/banner_prev.png) no-repeat center;}
.banner .banner-next{right:1rem;background:url(../images/banner_next.png) no-repeat center;}
.banner .banner-prev:hover,.banner .banner-next:hover{border-radius:50%;}
/* 容器降到 1200px 时给箭头让位（199 的箭头就贴在 16px） */
@media (max-width:1500px){
.banner-copy .width1400{padding:0 1.25rem 0 5.5rem;}
}
@media (max-width:992px){
.banner .item img{display:block;left:0;width:100%;transform:translateX(0);}
.banner .banner-prev,.banner .banner-next{display:none;}
.banner .item:after,.banner .item.on-light:after{
  background:linear-gradient(180deg,rgba(4,16,38,.82) 0%,rgba(4,16,38,.5) 46%,rgba(4,16,38,.05) 100%);}
/* 本站手机端 body 本身有横向溢出(宽 > 视口)，文案层按视口宽锁死，避免右侧被裁 */
.banner-copy{left:0;right:auto;width:100vw;align-items:flex-start;}
.banner-copy .width1400{padding:1.5rem 1.25rem 0;width:100%;}
.bc-tag{font-size:.75rem;padding:3px 10px;margin-bottom:10px;letter-spacing:.06em;}
.bc-title{font-size:1.55rem;}
.bc-desc{margin:8px 0 14px;font-size:.8125rem;line-height:1.7;max-width:none;}
.bc-btn{padding:8px 18px;font-size:.8125rem;}
.banner .banner-pager{bottom:1rem;}
}
/*--end banner--*/

/*--searchBar--*/
.searchBar{padding:0.625rem;overflow:hidden;background:#fff;}
.search-keywrod{float:left;width:50%;height:2.625rem;line-height:2.625rem;font-size:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.search-keywrod span{color:#000;}
.search-keywrod a{display:inline-block;margin-right:0.25rem;color:#000;}
.search-keywrod a:after{content:"、";}
.search-keywrod a:last-child:after{display:none;}
.search-keywrod a:hover{color:#04287e;}
.search-form{position:relative;float:right;padding-right:2.875rem;width:16rem;height:2.625rem;overflow:hidden;border:#d8d8d8 solid 1px;border-radius:3px;}
.search-form input{display:block;padding:0.75rem;width:100%;height:2.625rem;font-size:0.875rem;border:none;outline:none;}
.search-form button{display:block;position:absolute;right:0;top:0;width:2.875rem;height:100%;cursor:pointer;border:none;background:#1a57a9 url(../images/search.png) no-repeat center;border-radius:3px;}
.search-form button:hover{background-color:#f7b500;}
@media (max-width:992px){
.search-keywrod{display:none;}
.search-form{float:none;width:100%;}
}
/*--end searchBar--*/

/*--partner--*/
.partner{padding:4.375rem 0.625rem;overflow:hidden;background:url(../images/partner_bg.png);}
/* 标题样式套用 index199.html 的 .sec-head：整行深蓝粗体 + 橙色短横线 */
.partner .wrap-title h2{font-weight:700;font-size:clamp(24px,3.4vw,34px);letter-spacing:0.02em;color:#0a2f6b;}
.partner .wrap-title h2 a{color:#0a2f6b;}
.partner .wrap-title h2 a:hover{color:#1657b8;}
.partner .wrap-title h2 span{color:inherit;}
.partner .wrap-title p{margin-top:0.625rem;line-height:1.7;font-size:0.9375rem;color:#5b6472;}
.partner .wrap-title p:after{display:block;width:46px;height:4px;margin:1rem auto 0;content:"";background:#f5a623;border-radius:2px;}
.partner-list{padding:0;overflow:hidden;background:none;}
.partner-list li{float:left;width:20%;margin-bottom:1.25rem;padding:0 0.625rem;overflow:hidden;background:none;border:none;}
.partner-list li a{display:flex;align-items:center;justify-content:center;height:7.5rem;background:#fff;border:3px solid #e6e6e6;border-radius:10px;overflow:hidden;transition:all 0.3s;}
.partner-list li:hover a{border:3px solid #1a6dba;box-shadow:0 0 6px #cdcdcd;}
.partner-list li img{display:block;max-width:85%;max-height:6.25rem;width:auto;height:auto;transition:all 0.5s;}
.partner-list li:hover img{opacity:0.8;}
@media (max-width:992px){
.partner{padding:2rem 0.625rem;}
.partner-list li{width:33.33%;}
.partner-list li:nth-child(9){display:none;}
}
/*--end partner--*/

/*--service--*/
.service{padding:4.375rem 0.625rem;overflow:hidden;background:#fff;}
.service .item{position:relative;float:left;padding:3.75rem 3.75rem;width:18.85%;height:21.875rem;text-align:center;cursor: pointer;background:#04287e;transition:all 0.5s;}
.service .item:before{display:none;position:absolute;z-index:3;left:50%;bottom:-0.9rem;margin-left:-1.25rem;width:2.5rem;height:2.5rem;content:"";background:#000 url(../images/service_arrow.png) no-repeat center;}
.service .item:after{display:block;position:absolute;z-index:1;left:0;bottom:0;width:0;height:5px;content:"";background:#000;transition:all 0.5s;}
.service .item:nth-child(even){background:#042167;}
.service .item i{display:block;margin:0 auto;width:3.75rem;height:3.75rem;}
.service .item i img{display:block;width:100%;}
.service .item h3{margin-top:1.5rem;height:4.5rem;line-height:2.25rem;font-weight:normal;font-size:1.75rem;color:#fff;}
.service .item p{display:none;margin-top:1rem;line-height:1.5rem;font-size:1rem;color:#fff;}
.service .item em{display:block;position:absolute;left:0;bottom:3.125rem;width:100%;font-size:0.875rem;font-family:"DIN Medium";color:#fff;text-transform:uppercase;}
.service .item.cur{width:43.45%;background:#f7b500 url(../images/service_cur.png) no-repeat center 0 !important;}
.service .item.cur *{color:#000;}
.service .item.cur i{filter:contrast(0) brightness(0);}
.service .item.cur h3{height:2.25rem;}
.service .item.cur p{display:block;}
.service .item.cur em{display:none;}
.service .item.cur:after{width:100%;}
.service .item.cur:before{display:block;}
@media (max-width:992px){
.service{padding:2rem 0.625rem;}
.service .item{padding:1rem;height:15rem;}
.service .item,.service .item.cur{width:50%;}
.service .item em{bottom:2rem;}
.service .item h3{font-size:1rem;}
.service .item.cur p{display:none;}
.service .item.cur em{display:block;}
}
/*--end service--*/

/*--product--*/
.product{padding:4.375rem 0.625rem 3.75rem;overflow:hidden;background:url(../images/partner_bg.png);}
.product-ad{overflow:hidden;}
.product-ad .item{overflow:hidden;background:#fff;}
.product-ad .pic{overflow:hidden;}
.product-ad .pic img{display:block;width:100%;transition:all 1s;}
.product-ad .pic:hover img{transform:scale(1.1);}
.product-ad .text{position:relative;padding:1.5rem;overflow:hidden;}
.product-ad .text .hd{overflow:hidden;}
.product-ad .text .hd h3{line-height:1.5;font-size:1.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-ad .text .hd h3 a{color:#333;}
.product-ad .text .hd p{margin-top:0.75rem;height:4.5rem;line-height:1.5rem;font-size:1rem;color:#666;overflow:hidden;}
.product-ad .text .bd{overflow:hidden;}
.product-ad .text .bd ul{margin:-5px;}
.product-ad .text .bd li{float:left;margin:5px;width:calc(25% - 10px);text-align:center;overflow:hidden;background:#f6f6f6;}
.product-ad .text .bd li a{display:block;position:relative;padding:10px;}
.product-ad .text .bd li i{display:block;margin:0 auto;width:2.5rem;height:2.5rem;}
.product-ad .text .bd li span{display:block;margin-top:0.625rem;font-size:1rem;color:#333;}
.product-ad .text .bd li:hover{background:#f7b500;}
.product-ad .text .btns{margin-top:20px;overflow:hidden;}
.product-ad .text .btns a{display:block;float:left;margin-right:0.625rem;width:7.625rem;height:3.125rem;line-height:3.125rem;font-size:1rem;color:#333;text-align:center;background:#f7b500;transition:all .5s;}
.product-ad .text .btns a:after{display:inline-block;content:"";margin-left:1rem;width:6px;height:9px;vertical-align:middle;background:url(../images/product_read.png) no-repeat;}
.product-ad .text .btns a:hover{color:#fff;background:#04287e;}
.product-ad .text .btns a:hover:after{filter:contrast(0) brightness(2);}
.product-ad .swiper-page{padding-top:30px;text-align:center;overflow:hidden;}
.product-ad .swiper-page span{display:inline-block;width:10px;height:10px;background:#000;border-radius:5px;}
.product-ad .swiper-page span.swiper-pagination-bullet-active{width:24px;background:#04287e;}
.product .more{padding-top:3.75rem;font-size:1rem;text-align:center;overflow:hidden;}
.product .more a{display:inline-block;padding-right:1.25rem;background:url(../images/more.png) no-repeat right center;}
@media (max-width:992px){
.product{padding:2rem 0.625rem;}
.product-ad{padding:1rem;}
.product-ad .text{padding-top:1.5rem;}
.product-ad .text .hd h3{font-size:1.25rem;}
.product-ad .text .hd p{font-size:0.875rem;}
.product-ad .text .bd{display:none;}
.product-ad .text .bd li{width:4rem;height:6rem;}
.product-ad .text .bd li i{width:2rem;height:2rem;}
.product-ad .text .bd li span{margin-top:0.5rem;font-size:0.875rem;}
.product-ad .text .btns a{height:2.5rem;line-height:2.5rem;font-size:0.875rem;}
.product .more{padding-top:1.5rem;font-size:0.875rem;}
}
/*--end product--*/

/*--adv--*/
.adv{padding:4.375rem 0.625rem 3.75rem;overflow:hidden;background:url(../images/adv_bg.jpg) no-repeat center;background-size:cover;}
.adv-tab{position:relative;height:44.375rem;}
.adv-menu{position:absolute;left:0;top:0;padding:2rem 0;width:11.3333%;height:100%;background:url(../images/adv_menu_up.png) no-repeat center 0,url(../images/Index/adv_menu_down.png) no-repeat center bottom;background-size:100% 2rem;}
.adv-menu ul{height:100%;}
.adv-menu li{position:relative;height:25%;text-align:center;cursor:pointer;background:#f7b500;border-bottom:#7b5a00 solid 1px;}
.adv-menu li:after{display:block;position:absolute;z-index:3;right:0;top:50%;width:8px;height:8px;content:"";background:#000;transform:rotate(45deg);opacity:0;}
.adv-menu li:last-child{border-bottom:none;}
.adv-menu li a{display:block;position:relative;top:50%;transform:translateY(-50%);}
.adv-menu li i{display:block;margin:0 auto;width:2.5rem;height:2.5rem;}
.adv-menu li span{display:block;margin-top:0.25rem;font-size:1.125rem;color:#000;}
.adv-menu li.cur,.adv-menu li:hover{background:#000;transition:all 0.25s;}
.adv-menu li.cur i,.adv-menu li:hover i{filter:contrast(0) brightness(2);}
.adv-menu li.cur span,.adv-menu li:hover span{color:#fff;}
.adv-menu li.cur:after,.adv-menu li:hover:after{right:-4px;opacity:1;transition:all 0.25s;}
.adv-main{position:absolute;left:11.3333%;top:2rem;bottom:2rem;overflow:hidden;} 
.adv-main .item{position:relative;height:100%;}
.adv-main .pic{height:100%;}
.adv-main .pic img{width:auto;height:100%;}
.adv-main .text{position:absolute;left:4.625rem;top:3.75rem;overflow:hidden;}
.adv-main .text .hd{overflow:hidden;}
.adv-main .text .hd span{position:relative;display:inline-block;margin-bottom:1.25rem;padding:0 0.75rem;line-height:2.25rem;font-size:1rem;color:#333;background:#f7b500;}
.adv-main .text .hd span:after{display:block;position:absolute;left:0;top:100%;width:9px;height:8px;content:"";background:url(../images/adv_hd_span.png) no-repeat;}
.adv-main .text .hd h3{line-height:1.25;font-size:2.25rem;font-weight:bold;color:#000;}
.adv-main .text .summary{margin-top:1.25rem;max-width:600px;font-size:1rem;line-height:1.25;color:#000;overflow:hidden;}
.adv-main .text .summary p{margin-top:0.4rem;}
.adv-main .btns{position:absolute;left:4.625rem;bottom:2.25rem;}
.adv-main .btns a{display:block;width:7.125rem;height:2.625rem;line-height:2.625rem;font-size:1rem;color:#333;text-align:center;background:url(../images/adv_zx_btn.png);}
.adv-main .btns a:after{display:inline-block;content:"";margin-left:1rem;width:6px;height:9px;vertical-align:middle;background:url(../images/product_read.png) no-repeat;}
@media(max-width:1500px){
.adv-tab{height:38.125rem;}
}
@media(max-width:992px){
.adv{display:none;}
}
/*--end adv--*/

/*--adv-mobile--*/
.adv-mobile{display:none;padding:3.75rem 0.625rem;overflow:hidden;background:url(../images/adv_bg_m.jpg) no-repeat;background-size:cover;}
.adv-slide{overflow:hidden;}
.adv-mobile-menu{position:relative;padding:0 1.8rem;height:6rem;}
.adv-mobile-menu:before,.adv-mobile-menu:after{display:block;position:absolute;top:0;width:1.8rem;height:100%;content:"";background:url(../images/adv_m_menu_bg.png) no-repeat center;background-size:100%;height:100%;}
.adv-mobile-menu:before{left:1px;}
.adv-mobile-menu:after{right:1px;transform:rotate(180deg);}
.adv-mobile-menu ul{height:6rem;background:#f7b500;}
.adv-mobile-menu li{position:relative;float:left;width:25%;height:6rem;text-align:center;cursor:pointer;}
.adv-mobile-menu li:after{display:block;position:absolute;z-index:3;left:50%;bottom:0;margin-left:-4px;margin-bottom:-4px;width:8px;height:8px;content:"";background:#000;transform:rotate(45deg);opacity:0;}
.adv-mobile-menu li a{display:block;position:relative;top:50%;transform:translateY(-50%);}
.adv-mobile-menu li i{display:block;margin:0 auto;width:2.5rem;height:2.5rem;}
.adv-mobile-menu li span{display:block;font-size:1rem;color:#000;}
.adv-mobile-menu li.cur{background:#000;transition:all 0.25s;}
.adv-mobile-menu li.cur:after{opacity:1;}
.adv-mobile-menu li.cur i{filter:contrast(0) brightness(2);}
.adv-mobile-menu li.cur span{color:#fff;}
.adv-mobile-main{margin:0 1.8rem;overflow:hidden;}
.adv-mobile-main .swiper-slide{height:1px;transition:all .5s;}
.adv-mobile-main .swiper-slide-active{height:auto}
.adv-mobile-main .item{overflow:hidden;background:#fff;}
.adv-mobile-main .pic{overflow:hidden;}
.adv-mobile-main .pic img{display:block;width:100%;}
.adv-mobile-main .text{padding:2rem;overflow:hidden;}
.adv-mobile-main .text .hd{overflow:hidden;}
.adv-mobile-main .text .hd span{position:relative;display:inline-block;margin-bottom:1.25rem;padding:0 0.75rem;line-height:2.25rem;font-size:1rem;color:#333;background:#f7b500;}
.adv-mobile-main .text .hd span:after{display:block;position:absolute;left:0;top:100%;width:9px;height:8px;content:"";background:url(../images/adv_hd_span.png) no-repeat;}
.adv-mobile-main .text .hd h3{line-height:1.25;font-size:1.125rem;font-weight:bold;color:#000;}
.adv-mobile-main .text .summary{padding-top:1rem;font-size:1rem;line-height:1.5;color:#333;overflow:hidden;}
@media(max-width:992px){
.adv-mobile{display:block;}	
}
/*--end adv-mobile--*/

/*--case--*/
.case{padding:4.375rem 0.625rem 5.625rem;overflow:hidden;background:url(../images/case_bg.jpg) no-repeat center 0;background-size:cover;}
.case-list{overflow:hidden;}
.case-list .item{float:left;margin:0 1% 2.75rem;width:31.33%;overflow:hidden;background:#fff;}
.case-list .pic{overflow:hidden;}
.case-list .pic img{display:block;width:100%;transition:all 0.8s;}
.case-list .tit{background:#fff;font-size:1.25rem;border-bottom:2px solid #d8d8d8;overflow:hidden;transition:all 0.5s;}
.case-list .tit a{display:block;padding:0 2.5rem 0 1.25rem;line-height:4.5rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/case_arrow.png) no-repeat right 1.25rem center;transition:all 0.3s;}
.case-list .item:hover .pic img{transform:scale(1.15);}
.case-list .item:hover .tit{border-bottom-color:#005cac;}
.case-list .item:hover .tit a{color:#005cac;font-weight:600;background-image:url(../images/case_arrow_hover.png);}
.case .more{padding-top:0.625rem;font-size:1rem;text-align:center;overflow:hidden;}
.case .more a{display:inline-block;padding-right:1.25rem;background:url(../images/more.png) no-repeat right center;}
@media (max-width:992px){
.case{padding:2rem 0.625rem;background:#f5f5f5;}
.case-list .item{width:48%;}
.case-list .tit a{padding:0 2rem 0 1rem;background-position:right 1rem center;}
.case .more{padding-top:1.5rem;}
}
/*--end case--*/
/*--case2 成功案例（我们更懂你：行业/应用双维度 Tab；2026-10-16 移植自 index199.html 的 .apps 板块，
   配色/圆角/阴影照 199 写死十六进制；卡片图位用后台 cid=130 的 6 张行业实拍图）--*/
.case2{padding:4.375rem 0.625rem 5.625rem;overflow:hidden;background:#fff;}
/* 标题样式套用 index199.html 的 .sec-head：深蓝粗体标题 + 灰色副标题 + 橙色短横线 */
.case2 .case2-title{margin-bottom:2.5rem;text-align:center;}
.case2 .case2-title h2{line-height:1.25;font-weight:700;font-size:clamp(24px,3.4vw,34px);letter-spacing:0.02em;color:#0a2f6b;}
.case2 .case2-title p{margin-top:0.625rem;line-height:1.7;font-size:0.9375rem;color:#5b6472;}
.case2 .case2-title p:after{display:block;width:46px;height:4px;margin:1rem auto 0;content:"";background:#f5a623;border-radius:2px;}
/* Tab 胶囊按钮（199 的 .tab-bar/.tab-btn） */
.case2 .tab-bar{display:flex;justify-content:center;gap:10px;margin-bottom:34px;flex-wrap:wrap;}
.case2 .tab-btn{padding:10px 34px;border-radius:999px;border:1.5px solid #e4e9f0;background:#fff;color:#5b6472;font-size:15px;cursor:pointer;transition:.25s;}
.case2 .tab-btn.active{background:#1657b8;border-color:#1657b8;color:#fff;font-weight:600;}
.case2 .tab-panel{display:none;}
.case2 .tab-panel.active{display:block;animation:case2fade .4s ease;}
@keyframes case2fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none;}}
/* 行业卡（199 的 .ind-grid/.ind-card/.ind-thumb/.ind-body） */
.case2 .ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
/* 2026-10-21 应用户要求整卡可点：article 改 a，补 text-decoration:none + color:inherit（否则蓝字带下划线） */
.case2 .ind-card{display:flex;flex-direction:column;background:#f5f7fa;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(13,63,143,0.08);transition:.3s;text-decoration:none;color:inherit;}
.case2 .ind-card:hover{transform:translateY(-5px);}
/* 图位：后台实拍图 cover 铺满；图片挂了还有后面的渐变兜底 */
.case2 .ind-thumb{height:150px;background-size:cover;background-position:center;background-repeat:no-repeat;}
.case2 .ind-body{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column;}
.case2 .ind-body h3{font-size:17px;color:#0a2f6b;margin-bottom:8px;line-height:1.5;}
.case2 .ind-body .pain{font-size:13.5px;line-height:1.6;color:#a05a00;background:#fff7ea;border-left:3px solid #f5a623;padding:7px 10px;border-radius:0 6px 6px 0;margin-bottom:10px;}
.case2 .ind-body .sol{font-size:13.5px;line-height:1.7;color:#5b6472;flex:1;}
.case2 .ind-body .sol b{color:#1657b8;}
/* 应用场景（199 的 .app-chips/.app-chip） */
.case2 .app-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.case2 .app-chip{background:#f5f7fa;border-radius:14px;padding:26px 20px;text-align:center;transition:.3s;border:1.5px solid transparent;}
.case2 .app-chip:hover{border-color:#1657b8;background:#fff;box-shadow:0 6px 24px rgba(13,63,143,0.08);}
.case2 .app-chip .icon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#eef3fb;display:flex;align-items:center;justify-content:center;}
.case2 .app-chip h3{font-size:17px;color:#0a2f6b;line-height:1.5;}
.case2 .app-chip p{font-size:13px;color:#5b6472;margin-top:6px;line-height:1.6;}
/* 底部提示行（199 的 .todo-note，这里是正式文案不是占位提示，类名用 apps-note） */
.case2 .apps-note{text-align:center;margin-top:28px;font-size:13.5px;line-height:1.7;color:#5b6472;}
@media (max-width:992px){
.case2{padding:2rem 0.625rem;background:#fff;}
/* 标题字号交给 clamp 自适应（与 index199.html 一致） */
.case2 .ind-grid{grid-template-columns:repeat(2,1fr);}
.case2 .app-chips{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
/* 手机：行业卡/应用卡各 2 个一排 */
.case2 .ind-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
.case2 .app-chips{grid-template-columns:repeat(2,1fr);gap:14px;}
.case2 .ind-thumb{height:120px;}
.case2 .ind-body{padding:16px 16px 20px;}
.case2 .app-chip{padding:20px 14px;}
.case2 .tab-btn{padding:9px 22px;font-size:14px;}
}
/*--end case2--*/

/*--aboutus--*/
.aboutus{padding:5rem 0.625rem 6.25rem;overflow:hidden;background:#fff url(../images/aboutus_bg.jpg) no-repeat center 0;}
.aboutus .summary{text-align:center;font-size:1rem;line-height:1.75;color:#fff;overflow:hidden;}
.aboutus .playerBox{position:relative;margin-top:1.5rem;height:3.375rem;overflow:hidden;}
.aboutus .playerBox:before,.aboutus .playerBox:after{position:absolute;top:50%;width:calc(50% - 1.6875rem);height:1px;content:"";background:rgba(255,255,255,0.1);}
.aboutus .playerBox:before{left:0;}
.aboutus .playerBox:after{right:0;}
.aboutus .playerBox a{display:block;position:absolute;z-index:3;left:50%;top:0;margin-left:-1.6875rem;width:3.375rem;height:3.375rem;cursor:pointer;background:url(../images/player.png) no-repeat center;background-size:100%;transition:all 0.5s;border-radius:50%;}
.aboutus .playerBox a:hover{transform:rotate(360deg);}
.stats-counter{overflow:hidden;}
.stats-counter .item{float:left;padding:1.25rem;width:25%;text-align:center;}
.stats-counter .item i{display:block;margin:0 auto;width:3.75rem;height:3.75rem;}
.stats-counter .item dl{margin-top:0.625rem;color:#fff;overflow:hidden;}
.stats-counter .item dt em{font-size:3.4375rem;font-family:"Geometr415_Blk_Bt";}
.stats-counter .item dt sub{font-size:1.125rem;}
.stats-counter .item dd{font-size:1rem;}
@media (max-width:992px){
.aboutus{padding:2rem 0.625rem;background-size:cover;}
.stats-counter .item{width:50%;}
.stats-counter .item dt em{font-size:2.5rem;}
}
/*--end aboutus--*/

/*--photos--*/
.photos{position:relative;z-index:33;margin-top:-5rem;padding-bottom:4.375rem;overflow:hidden;}
.photos .inner{padding:2.5rem;background:#fff;box-shadow:0 1.5rem 1.5rem rgba(0,0,0,0.1);}
.photos .prev,.photos .next{position:absolute;top:50%;width:2.625rem;height:2.625rem;cursor:pointer;background-color:#f7b500;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);}
.photos .prev{left:-2.625rem;background-image:url(../images/prev.png);}
.photos .next{right:-2.625rem;background-image:url(../images/next.png);}
.photos .prev:hover{background-color:#04287e;background-image:url(../images/prev_cur.png);}
.photos .next:hover{background-color:#04287e;background-image:url(../images/next_cur.png);}
.photos-slide{overflow:hidden;}
.photos-slide .item{overflow:hidden;}
.photos-slide .pic{overflow:hidden;}
.photos-slide .pic img{display:block;width:100%;transition:all 0.5s;}
.photos-slide .tit{margin-top:1.25rem;font-size:1rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.photos-slide .tit a{color:#000;}
.photos-slide .item:hover .pic img{transform:scale(1.1);}
.photos-slide .item:hover .tit a{color:#f7b500;}
@media (max-width:992px){
.photos{padding:2rem 0.625rem;margin-top:0;}
.photos .inner{padding:1rem;box-shadow:0 0.625rem 0.625rem rgba(0,0,0,0.1);}
.photos .prev,.photos .next{display:none;}
.photos-slide .tit{margin-top:0.625rem;}
}
/*--end photos--*/

/*--service2 贴心维保（2026-10-21 应用户要求，按 index199.html 板块四新增，插在 honor 之上）--*/
/* 类名统一 service2 / svc- 前缀：站内 inpage.css 另有 .service、.svc 旧规则，避免互相影响 */
.service2{padding:4.375rem 0.625rem;background:#fff;}
.service2 .sec-head{text-align:center;margin-bottom:34px;}
.service2 .sec-head h2{margin:0;font-weight:700;font-size:clamp(24px,3.4vw,34px);line-height:1.5;color:#0a2f6b;letter-spacing:0.02em;}
.service2 .sec-head .sub{margin-top:10px;font-size:15px;line-height:1.7;color:#5b6472;}
.service2 .sec-head .bar{width:46px;height:4px;margin:16px auto 0;background:#f5a623;border-radius:2px;}
.service2 .svc-banner{background:linear-gradient(115deg,#0a2f6b,#1657b8);border-radius:14px;color:#fff;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px;flex-wrap:wrap;}
.service2 .svc-banner h3{margin:0;font-size:clamp(20px,2.6vw,27px);font-weight:800;letter-spacing:0.04em;line-height:1.4;}
.service2 .svc-banner p{margin:6px 0 0;color:rgba(255,255,255,.85);font-size:15px;line-height:1.75;}
.service2 .svc-banner .tel{text-align:right;}
.service2 .svc-banner .tel b{display:block;font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:0.04em;line-height:1.25;}
.service2 .svc-banner .tel span{display:block;font-size:13px;color:rgba(255,255,255,.75);line-height:1.7;}
.service2 .svc-grid{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;}
.service2 .svc-card{display:block;text-decoration:none;color:inherit;flex:0 0 calc(33.333% - 15px);background:#f5f7fa;border-radius:14px;padding:28px 26px;border:1.5px solid transparent;transition:.3s;}
.service2 .svc-card:hover{border-color:#1657b8;background:#fff;box-shadow:0 6px 24px rgba(13,63,143,.08);}
.service2 .svc-card .icon{width:50px;height:50px;border-radius:12px;background:#eef3fb;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.service2 .svc-card h3{margin:0 0 8px;font-size:17.5px;font-weight:700;line-height:1.5;color:#0a2f6b;}
.service2 .svc-card p{margin:0;font-size:14px;line-height:1.75;color:#5b6472;}
@media(max-width:992px){
.service2{padding:3rem 0.625rem;}
.service2 .svc-banner{padding:26px 22px;}
.service2 .svc-banner .tel{text-align:left;}
.service2 .svc-card{flex:0 0 calc(50% - 11px);}
}
@media(max-width:640px){
.service2 .svc-card{flex:0 0 100%;}
.service2 .sec-head h2{font-size:22px;}
.service2 .sec-head .sub{font-size:14px;}
}
/*--end service2--*/

/*--honor--*/
/* 顶部留出与上一区块之间的距离（用户要求：区块之间、本块顶部要有间距）。
   原来 padding-top 是 0，本块紧贴上一区块；取 3.125rem 与本块原有的底部内边距等值，上下对称 */
.honor{padding:3.125rem 0.625rem 3.125rem;overflow:hidden;background:#fff;}
.honor-slide{overflow:hidden;}
/* 证书卡片：整张卡片浅灰底（#eeeeee，取自参考站 .hor .swiper-slide）。
   图片与下方文字同处一块灰底内、四周留 13px（0.8125rem）内边距；图片区不再单独加边框和阴影装饰 */
.honor-slide .item{padding:0.8125rem 0.8125rem 0;background:#eeeeee;overflow:hidden;}
.honor-slide .pic{position:relative;}
.honor-slide .pic a{display:block;overflow:hidden;}
.honor-slide .pic img{display:block;width:100%;margin:0 auto;transition:all 0.5s;}
/* 图片悬停放大：参考站的证书卡同为「图片外层 overflow:hidden + :hover img{transform:scale()}」。
   触发范围=图片本身，不是整卡。放大倍率按用户要求调小：由参考站的 1.2（+20%）降到 1.05（+5%），「动一点点」 */
.honor-slide .pic a:hover img{transform:scale(1.05);}
/* 证书名：与参考站一致 —— 文字直接落在卡片灰底上（不再单独给文字条铺底），#555/1rem/行高 3.25rem */
.honor-slide .tit{margin-top:0;padding:0;background:transparent;color:#555;font-size:1rem;line-height:3.25rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.honor-slide .tit a{color:#555;}
/* 悬停：取自参考站的证书卡/照片卡（.horf1 .swiper-slide:hover .wz{color:#fff;background:#f19603}）。
   只让「文字条」变橙底白字，图片区与卡片灰底完全不动（截图里两张卡照片一模一样就是这个意思） */
.honor-slide .item:hover .tit{background:#f19603;color:#fff;}
.honor-slide .item:hover .tit a{color:#fff;}
.honor-pager{padding-top:2rem;text-align:center;overflow:hidden;}
.honor-pager span{width:10px;height:10px;border-radius:5px;}
.honor-pager span.swiper-pagination-bullet-active{width:24px;background:#f7b500;}
/* 标题样式套用 index199.html 的 .sec-head：整行深蓝粗体 + 橙色短横线 + 蓝色胶囊标签 */
.honor .wrap-title h2{font-weight:700;font-size:clamp(24px,3.4vw,34px);letter-spacing:0.02em;color:#0a2f6b;}
.honor .wrap-title h2 a{color:#0a2f6b;}
.honor .wrap-title h2 a:hover{color:#1657b8;}
/* 「好泵」两字不再单独着色，改为与整行同色（对齐 index199） */
.honor .wrap-title h2 .hl{color:inherit;}
.honor .wrap-title p{margin-top:0.625rem;line-height:1.7;font-size:0.9375rem;color:#5b6472;}
.honor .wrap-title p:after{display:block;width:46px;height:4px;margin:1rem auto 0;content:"";background:#f5a623;border-radius:2px;}
/* 蓝色胶囊标签（对应 index199 的 .honor-badge） */
.honor .honor-badge{display:table;margin:-18px auto 32px;padding:10px 30px;background:linear-gradient(115deg,#0d3f8f,#1657b8);color:#fff;border-radius:999px;font-size:15px;letter-spacing:0.14em;font-weight:700;box-shadow:0 6px 18px rgba(13,63,143,0.22);}
@media (max-width:992px){
.honor{padding:2rem 0.625rem 2rem;}
.honor-slide .item{padding:0.5714rem 0.5714rem 0;}
.honor-slide .tit{margin-top:0;padding:0;font-size:1rem;line-height:3rem;}
}
/*--end honor--*/

/*--system--*/
.system{padding:4.375rem 0.625rem;overflow:hidden;background:#04287e;}
.system-slide{position:relative;}
.system-slide .prev,.system-slide .next{position:absolute;top:50%;width:2.625rem;height:2.625rem;cursor:pointer;background-color:#fff;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);}
.system-slide .prev{left:-5.5rem;background-image:url(../images/prev.png);}
.system-slide .next{right:-5.5rem;background-image:url(../images/next.png);}
.system-slide .prev:hover,.system-slide .next:hover{background-color:#f7b500;}
.system-list{overflow:hidden;}
.system-list .item{position:relative;padding-bottom:4.375rem;overflow:hidden;}
.system-list .icon{position:relative;z-index:3;margin:0 auto;width:7.625rem;height:7.625rem;background:#f7b500;border-radius:50%;}
.system-list .icon:after{display:block;position:absolute;left:50%;bottom:-4px;margin-left:-4px;width:8px;height:8px;content:"";background:#f7b500;transform:rotate(45deg);}
.system-list .icon img{display:block;width:100%;}
.system-list .text{position:relative;margin-top:-1.125rem;padding:4.375rem 2.5rem 1.375rem;height:25rem;text-align:center;background:#fff;transition:all 0.5s;}
.system-list .text:before,.system-list .text:after{display:block;position:absolute;left:0;width:100%;height:4.375rem;content:"";background:url(../images/system_item.png) no-repeat;background-size:100% 100%;transition:all 0.5s;}
.system-list .text:before{top:0;transform:translateY(-99%);}
.system-list .text:after{bottom:0;transform:translateY(99%) rotate(180deg);}
.system-list .text h3{padding:0.625rem 0;font-size:1.80rem;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.system-list .text h3 a{color:#333;}
.system-list .text em{font-size:0.75rem;color:#333;text-transform:uppercase;}
.system-list .text p{margin-top:1.125rem;height:8.75rem;line-height:1.75rem;font-size:1rem;color:#333;overflow:hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp:5;-webkit-box-orient: vertical;}
.system-list .text a.read{display:block;margin:2.375rem auto 0;width:8.125rem;line-height:2.5rem;font-size:1rem;color:#333;border:#ccc solid 2px;}
.system-list .item:hover .icon,.system-list .item:hover .icon:after{background:#fff;}
.system-list .item:hover .text{background:#f7b500;}
.system-list .item:hover .text:before,.system-list .item:hover .text:after{background-image:url(../images/system_item_cur.png);}
.system-list .item:hover .text a.read{color:#f7b500;border-color:#000;background:#000;}
@media (max-width:992px){
.system{padding:2rem 0.625rem;}
.system-list .icon{width:6rem;height:6rem;}
.system-list .text{padding:2rem 1em;}
.system-list .text h3{font-size:1.125rem;}
.system-list .text p{font-size:0.875rem;}
}
/*--end system--*/

/*--news--*/
.news{padding:4.375rem 0.625rem;overflow:hidden;background:url(../images/partner_bg.png);}
.news .wrap-title{position:relative;z-index:3;text-align:left;width:40%;}
.news-menu{position:relative;margin-top:-5.5rem;text-align:right;overflow:hidden;}
.news-menu ul,.news-menu li{display:inline-block;}
.news-menu li{position:relative;text-align:center;padding-bottom:4px;width:8.75rem;line-height:3.125rem;font-size:1.125rem;color:#000; text-align:center;}
.news-menu li:after{display:block;position:absolute;left:50%;bottom:1px;width:8px;height:8px;content:"";background:#f7b500;transform:rotate(45deg);opacity:0;}
.news-menu li a{display:block;color:#000;}
.news-menu li.cur:after{opacity:1;}
.news-menu li.cur a{background:#f7b500;}
.news-main{margin-top:4.375rem;overflow:hidden;}
.news-top{float:left;padding:1.5rem 1.5rem 2rem;width:50%;overflow:hidden;background:#fff;box-shadow:0 0 0.5rem rgba(0,0,0,0.1);}
.news-top .pic{overflow:hidden;}
.news-top .pic img{display:block;width:100%;transition:all 0.5s;}
.news-top .text{padding-top:1.5rem;overflow:hidden;}
.news-top .text em{display:block;font-size:1rem;color:#333;}
.news-top .text h3{margin-top:0.625rem;font-size:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-top .text h3 a{color:#000;}
.news-top .text p{margin-top:1.125rem;height:3rem;line-height:1.5rem;font-size:1rem;color:#666;overflow:hidden;}
.news-top .text p a{color:#666;}
.news-top:hover .pic img{transform:scale(1.1);}
.news-top:hover .text h3 a{color:#04287e;}
.news-list{float:right;width:47.5%;overflow:hidden;}
.news-list .item{margin-bottom:2.6rem;overflow:hidden;}
.news-list .pic{float:left;width:42.8%;overflow:hidden;}
.news-list .pic img{display:block;width:100%;transition:all 0.5s;}
.news-list .text{padding-left:1.25rem;overflow:hidden;}
.news-list .text h3{height:3.5rem;line-height:1.75rem;font-size:1.25rem;overflow:hidden;}
.news-list .text h3 a{color:#000;}
.news-list .text p{margin-top:0.625rem;height:3rem;line-height:1.5rem;font-size:0.875rem;color:#666;overflow:hidden;}
.news-list .text p a{color:#666;}
.news-list .text em{display:block;margin-top:1.5rem;font-size:1rem;color:#333;background:url(../images/product_read.png) no-repeat 98% center;}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text h3 a{color:#04287e;}
@media(max-width:1500px){
.news-list .item{margin-bottom:2.6rem;}
.news-top .text{padding-top:1rem;}
}
@media(max-width:992px){
.news{padding:2rem 0.625rem;}
.news .wrap-title{width:100%;text-align:center;}
.news-top{padding:1.5rem;}
.news-menu{margin-top:0;}
.news-menu ul{display:block;}
.news-menu li{float:left;width:25%;}
.news-main{margin-top:1rem;}
.news-top{float:none;padding:1rem;width:100%;}
.news-list{float:none;margin-top:1rem;width:100%;}
.news-list .item{margin-bottom:0.625rem;}
.news-list .text h3{height:1.5rem;line-height:1.5rem;font-size:1rem;}
}
/*--end news--*/

/*--video-pop--*/
.video-pop{display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video-pop .inner{position:absolute;top:50%;left:50%;width:62.5rem;height:37.5rem;background:#fff;transform:translate(-50%,-50%);}
.video-pop .close{position:absolute;z-index:3;right:-1.2rem;top:-1.2rem;width:2.4rem;height:2.4rem;cursor:pointer;background:#04287e url(../images/close.png) no-repeat center;background-size:1rem;border-radius:50%;}
.video-pop #iframeBox{overflow:hidden;}
.video-pop #iframeBox iframe{display:block;width:62.5rem;height:37.5rem;}
@media(max-width:1200px){
.video-pop .inner{width:80vw;height:60vw;}
.video-pop #iframeBox iframe{display:block;width:80vw;height:60vw;}
}
/*--end video-pop--*/

/*--flinks--*/
.flinks{padding:10px 0;line-height:26px;font-size:14px;overflow:hidden;background:#04287e; border-bottom: rgba(255,255,255,0.1) solid 1px;}
.flinks .addlink{display:block;float:right;color:#fff;}
.flinks .addlink:hover{color:#fff;}
.flinks dl{overflow:hidden;}
.flinks dt{float:left;}
.flinks dt a{color:#fff;}
.flinks dd{overflow:hidden;}
.flinks dd a{display:inline-block;padding:0 20px;color:#fff;}
.flinks dl a:hover{color:#fff;}
@media (max-width:1200px){
.flinks{display:none;}	
}
/*--end flinks--*/

/*--ad--*/
.ad{height:310px;overflow:hidden;background:url(../images/ad_bg.jpg) no-repeat center 0;}
.ad .inner{overflow:hidden;}
.ad .inner .text{padding-top:65px;}
.ad .inner .text h2{height:70px;line-height:70px;font-size:57px;color:#f7b500;text-indent:-9999px;overflow:hidden;}
.ad .inner .text p{height:47px;line-height:47px;font-size:24px;color:#000;overflow:hidden;margin-top: 8px;padding-left: 10px;}
.ad .inner .text p a{display:inline-block;margin-left: 3px;width:140px;text-align:center;color:#fff;}
.ad .inner .text p a:hover{color:#f7b500;}
.ad .inner .text em{display:block;margin-top:18px;padding-left:328px;font-size:20px;color:#f7b500;}
@media(max-width:1440px){
.ad .inner .text{padding-top:70px;}
.ad{background-image:url(../images/ad_bg_1200.jpg);}
}
@media(max-width:1200px){
.ad{display:none;} 
}
/*--end ad--*/
/*--system 服务有保障(.c4)--*/
.c4{padding-top:2.4vw;padding-bottom:4.38vw;}
.c4 .w1400{margin-left:auto;margin-right:auto;max-width:1400px;}
.c4 .flexs{display:flex;}
.c4 .bt h2{font-size:36px;color:#111;font-weight:200;text-align:center;}
.c4 .bt h2 b{color:#1a57a9;}
.c4 .bt h2 p{font-size:16px;color:#666;font-weight:500;margin-top:20px;line-height:1.6;}
.c4 .con{margin-top:3.1vw;}
.c4 .con .list2{margin-left:-8px;margin-right:-8px;flex-wrap:wrap;text-align:center;list-style:none;}
.c4 .con .list2 li{padding:0 8px;width:calc(100% / 6);}
.c4 .con .list2 li a{display:block;background-color:#f5f7f8;padding:1.46vw 1.35vw 2.6vw;position:relative;transition:all .3s ease-out;height:100%;text-decoration:none;}
.c4 .con .list2 li a:after{content:'';display:block;left:50%;transform:translateX(-50%);bottom:2.19vw;height:5px;background-color:#ffffff;width:34.09%;z-index:1;transition:all .3s ease-out;opacity:0;position:absolute;}
.c4 .con .list2 li a .img{line-height:55px;}
.c4 .con .list2 li a .img img{display:inline-block;width:auto;height:auto;max-width:100%;border:0;vertical-align:middle;}
.c4 .con .list2 li a .img img.img2{display:none;}
.c4 .con .list2 li a h3{font-size:18px;font-weight:bold;color:#333333;transition:all .3s ease-out;margin-top:1.40625vw;margin-bottom:1.614583vw;line-height:1.25;}
.c4 .con .list2 li a dd{font-size:14px;line-height:24px;color:#333333;margin-top:1.62vw;transition:all .3s ease-out;}
.c4 .con .list2 li a:hover{background-color:#1464df;}
.c4 .con .list2 li a:hover:after{opacity:1;}
.c4 .con .list2 li a:hover .img img.img1{display:none;}
.c4 .con .list2 li a:hover .img img.img2{display:inline;}
.c4 .con .list2 li a:hover h3{color:#ffffff;}
.c4 .con .list2 li a:hover dd{color:rgba(255,255,255,0.6);}
.c4 .con .dh{margin-top:2.4vw;border-radius:24px;background-color:#1a57a9;line-height:49px;width:370px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;}
.c4 .con .dh i{font-size:24px;font-family:arial;font-weight:600;font-style:normal;}
@media (max-width:1380px){.c4 .bt h2{font-size:32px;}.c4 .bt h2 p{margin-top:12px;}}
@media (max-width:1025px){.c4 .bt h2{font-size:26px;}.c4 .bt h2 p{margin-top:8px;}.c4 .con .list2 li a{padding:20px 15px 30px;}}
@media (max-width:780px){.c4{padding-top:40px;padding-bottom:40px;}.c4 .con{margin-top:30px;}.c4 .con .list2 li{width:calc(100% / 3);margin-bottom:20px;}.c4 .con .list2 li a h3{margin-top:12px;margin-bottom:12px;}.c4 .con .dh{font-size:16px;line-height:44px;width:314px;}.c4 .con .dh i{font-size:20px;}}
@media (max-width:480px){.c4 .con .list2 li{width:calc(100% / 2);}}
/*--end system--*/
/*--web-hf 横幅/咨询条（）--*/
.web-hf{background:url(../images/hf-bg.jpg) no-repeat center;padding:38px 0;margin-top:50px;}
.web-hf .container-fluid2{max-width:1270px;margin:0 auto;padding-left:15px;padding-right:15px;}
.web-hf .clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden;}
.web-hf .clearfix{zoom:1;}
/* 右侧咨询热线已移除，左侧文字改为整条居中（对齐 index199 的 .brand-strip） */
.web-hf-left{float:none;width:100%;text-align:center;}
/* 还原被全站 img{display:block;width:100%} 影响的小图标 */
.web-hf img{display:inline-block;width:auto;height:auto;max-width:100%;border:0;vertical-align:middle;}
/* 左侧文字套用 index199.html 的品牌标语排版（区块背景图 hf-bg.jpg 保持不变） */
.web-hf-left .web-hf-badge{display:inline-block;padding:7px 24px;margin-bottom:20px;border:1px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.14);border-radius:999px;color:#fff;font:400 14px/1.4 "Microsoft yahei";letter-spacing:0.12em;}
.web-hf-left h3{color:#fff;font:800 clamp(26px,4vw,42px)/1.3 "Microsoft yahei";letter-spacing:0.1em;background:none;}
.web-hf-left .web-hf-sub{margin-top:12px;color:rgba(255,255,255,0.85);font:400 clamp(14px,1.8vw,18px)/1.6 "Microsoft yahei";letter-spacing:0.2em;}
.web-hf-left-l{margin-top:20px;}
.web-hf-left-l li{float:left;color:#ffffff;font:400 20px/23px "Microsoft yahei";list-style:none;}
.web-hf-left-l li+li{margin-left:30px;}
.web-hf-right{float:right;width:255px;}
.web-hf-right h3{color:#ffffff;font:400 14px/20px "Microsoft yahei";text-align:center;margin-bottom:10px;}
.web-hf-right h3 span{width:60px;height:1px;background-color:rgba(255,255,255,0.5);display:inline-block;margin-bottom:6px;margin-left:6px;margin-right:6px;}
.web-hf-right p{text-align:center;color:#fff;font:600 30px/30px "Airal";}
.web-hf-right a{display:block;background:url(../images/hf-phone.png) no-repeat 30px center #f08200;font:400 14px/40px "Microsoft yahei";color:#fff !important;padding-left:66px;border-radius:22px;margin-top:15px;}
@media (max-width:1200px){
.web-hf-left{margin-top:0;}
.web-hf-left h3{font:800 26px/1.3 "Microsoft yahei";}
.web-hf-left .web-hf-sub{font-size:15px;}
.web-hf-left-l li{font:400 16px/23px "Microsoft yahei";}
}
@media (max-width:769px){
/* 手机端：右侧热线已移除，改为显示居中的品牌标语 */
.web-hf{padding:26px 0;}
.web-hf-left{display:block;padding:0 10px;}
.web-hf-left h3{font-size:22px;letter-spacing:0.06em;}
.web-hf-left .web-hf-badge{font-size:12px;padding:6px 16px;margin-bottom:14px;letter-spacing:0.08em;}
.web-hf-left .web-hf-sub{font-size:13px;letter-spacing:0.14em;}
.web-hf-right{margin:0 auto;float:none;}
}
/*--end web-hf--*/
/*--advanbox 企业优势（四列卡片 + 悬停铺满；全部以 .advanbox 作用域，不影响其它区块）--*/
/* 横向 0.625rem 内边距与本站 section 一致，保证 ≤1200px（容器变 100%）时与相邻区块左右对齐 */
.advanbox{background:url(../images/advan-bg.jpg) no-repeat;background-size:100% 100%;padding:4vh 0.625rem 6vh;text-align:center;}
.advanbox .x-title{color:#333;font-size:36px;line-height:2;text-align:center;}
.advanbox .x-title p{color:#888;font-size:18px;line-height:1.5;}
/* 栅格容器：宽度档位与本站 .width1400 完全一致（>1500px→1400px，≤1500px→1200px，≤1200px→100%），保证与相邻区块左右对齐 */
.advanbox .container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:1400px;}
@media screen and (max-width:1500px){.advanbox .container-fluid{width:1200px;}}
@media screen and (max-width:1200px){.advanbox .container-fluid{width:100%;}}
.advanbox .row{margin-right:-15px;margin-left:-15px;}
.advanbox .row:before,.advanbox .row:after,.advanbox .clearfix:before,.advanbox .clearfix:after{display:table;content:" ";}
.advanbox .row:after,.advanbox .clearfix:after{clear:both;}
.advanbox .col-md-3,.advanbox .col-sm-6{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.advanbox .advan-list{margin-top:5vh;}
.advanbox .advan-list li a{display:block;background:#fff;border-radius:6px;box-shadow:0 0 20px rgba(0,0,0,.05);text-align:center;padding:4vh 10%;position:relative;height:350px;cursor:pointer;}
/* 卡片悬停/选中铺满色：原 #048f3e（绿）→ #f7b500（站内主琥珀色） */
.advanbox .advan-list li a:after{position:absolute;right:0;bottom:0;width:0;height:100%;content:"";background:#f7b500;border-radius:5px;z-index:1;transition:all 0.6s ease-in-out;}
.advanbox .advan-list li:hover a:after{left:0;width:100%;}
.advanbox .advan-list li h3{color:#333;font-size:24px;font-weight:600;line-height:2;margin:2.5vh 0;position:relative;z-index:9;top:0;transition:all 0.8s;}
/* 铺满态（悬停 / 选中）文字：原 #fff → #000。琥珀底配白字对比度仅约 1.8:1，黑字约 11.6:1 */
.advanbox .advan-list li:hover h3{top:-100px;color:#000;}
.advanbox .advan-list li .intro{color:#666;font-size:15px;line-height:2;height:90px;overflow:hidden;position:relative;z-index:9;top:0;transition:all 0.8s;}
.advanbox .advan-list li:hover .intro{top:-100px;color:#000;height:180px;}
/* 默认选中态（.cur，效果同 :hover）—— 配合区块后的内联 JS */
.advanbox .advan-list li.cur a:after{left:0;width:100%;}
.advanbox .advan-list li.cur h3{top:-100px;color:#000;}
.advanbox .advan-list li.cur .intro{top:-100px;color:#000;height:180px;}
/* 还原被全站 img{display:block;width:100%} 撑满的 96×96 图标 */
.advanbox .advan-list li a .img img{display:inline-block;width:auto;height:auto;max-width:100%;border:0;vertical-align:middle;}
/* 标题字号档位（原站原样） */
@media (max-width:1024px){.advanbox .x-title{color:#333;font-size:22px;line-height:2;}.advanbox .x-title p{color:#888;font-size:16px;line-height:1.5;}}
@media (max-width:992px){.advanbox .x-title{color:#333;font-size:20px;line-height:2;}.advanbox .x-title p{color:#888;font-size:14px;line-height:1.5;}}
@media (max-width:425px){.advanbox .x-title{font-size:32px;}.advanbox .x-title p{font-size:15px;}}
/* 栅格断点：min-width 顺序不能颠倒（md 必须排在 sm 之后） */
@media (min-width:768px){.advanbox .col-sm-6{float:left;width:50%;}}
@media (min-width:992px){.advanbox .col-md-3{float:left;width:25%;}}
/* 手机端（≤767px）：整块正常显示，卡片 1 行 1 个（原块此处是整块隐藏，按需改为显示） */
@media (max-width:768px){.advanbox .advan-list li{margin-bottom:20px !important;}}
@media (max-width:767px){.advanbox .advan-list li{width:100%;}.advanbox .advan-list li:last-child{margin-bottom:0 !important;}}
/*--end advanbox--*/

/*--about2 关于雅之雷德 + 走进好凯德（版式移植自 index199.html 的 section.about）
  口径统一：说清「集团 → 全资子公司」关系；独立类名 .about2（全站唯一），
  颜色全部写死十六进制、不引入 :root；标题组复用本站 .sec-head（与 .why 同款） --*/
.about2{padding:4.375rem 0.625rem;background:#f5f7fa;overflow:hidden;}
.about2 .sec-head{text-align:center;margin-bottom:40px;}
.about2 .sec-head h2{margin:0;font-weight:700;font-size:clamp(24px,3.4vw,34px);line-height:1.5;color:#0a2f6b;letter-spacing:0.02em;}
.about2 .sec-head .sub{margin-top:10px;font-size:15px;line-height:1.7;color:#5b6472;}
.about2 .sec-head .bar{width:46px;height:4px;margin:16px auto 0;background:#f5a623;border-radius:2px;}
/* 左：白卡长文；右：深蓝品牌档案（align-items:stretch 让两栏等高） */
.about2 .about-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:34px;align-items:stretch;}
.about2 .about-text{background:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(13,63,143,0.08);padding:36px 38px;}
.about2 .about-text h3{margin:0 0 16px;font-size:21px;font-weight:700;line-height:1.5;color:#0a2f6b;}
.about2 .about-text p{margin:0 0 14px;font-size:15px;line-height:1.8;color:#5b6472;}
.about2 .about-text .lead{color:#1f2937;font-weight:600;}
.about2 .about-fact{background:linear-gradient(135deg,#0a2f6b,#1657b8);border-radius:14px;color:#fff;padding:36px 34px;display:flex;flex-direction:column;justify-content:center;}
.about2 .about-fact h4{margin:0 0 14px;font-size:17px;font-weight:700;letter-spacing:0.06em;color:#f5a623;}
.about2 .about-fact ul{margin:0;padding:0;}
.about2 .about-fact li{list-style:none;padding:7px 0;font-size:14.5px;line-height:1.7;color:rgba(255,255,255,0.9);border-bottom:1px dashed rgba(255,255,255,0.2);}
.about2 .about-fact li:last-child{border-bottom:0;}
/* 五格数据卡 */
.about2 .stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:34px;}
.about2 .stat{background:#fff;border-radius:14px;box-shadow:0 6px 24px rgba(13,63,143,0.08);padding:26px 10px;text-align:center;}
.about2 .stat b{display:block;font-weight:800;font-size:clamp(32px,4.6vw,54px);line-height:1.2;color:#545454;font-family:Arial,"Microsoft YaHei",sans-serif;}
.about2 .stat b i{font-style:normal;font-size:clamp(12px,1vw,15px);font-weight:700;color:#f5a623;margin-left:3px;}
/* ⚠️ 标签规则必须用 > span（直接子级）：.counter 数字 span 包在 <b> 里，
   若写 .stat span 会把数字一起打成 15px 小字（2026-10-16 踩坑） */
.about2 .stat > span{display:block;margin-top:8px;font-size:clamp(12px,1.05vw,15px);line-height:1.6;color:#5b6472;}
.about2 .stat:hover b{color:#1a6dba;}
/* 走进好凯德：降级小标题 + 四张图位（版式学习 demo 成功案例卡：白框卡 + 图 + 下方标题；
   .ph-img 现在是渐变占位，实拍图到位后把 <span class="ph-img" style="...">…</span>
   换成 <img class="ph-img" src="…"> 即可，下方 .ph-img img 规则自动接管） */
.about2 .sec-head.sub-head{margin:48px 0 0;}
.about2 .sec-head.sub-head h2{font-size:clamp(20px,2.6vw,26px);}
.about2 .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px;}
/* 白框卡片：照 demo .caseSwiper .swiper-slide a（白底 + 1px 浅灰边 + 内留白），本站用 #e6e6e6 + 小圆角；
   2026-10-20 应用户要求加链接，div 改 <a class="ph" href="{$v.url}">：补 display:block 保持块级网格布局、
   text-decoration:none 去下划线（hover 变蓝由下方 .ph:hover 接管） */
.about2 .gallery .ph{display:block;text-decoration:none;background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:10px;transition:border-color .3s,background-color .3s;}
/* 图位：栏目 167 的实拍图（<img class="ph-img">）cover 铺满；
   老写法 span.ph-img + 内联渐变占位也仍然兼容（background-size/position 已写好） */
.about2 .gallery .ph-img{display:block;width:100%;height:200px;border-radius:6px;overflow:hidden;background-size:cover;background-position:center;object-fit:cover;}
.about2 .gallery .ph-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.about2 .gallery .ph:hover .ph-img img{transform:scale(1.08);}
/* 下方标题：照 demo .wz1（居中 + 单行省略）；hover 整卡变站内蓝、标题变白（demo 是整卡变绿） */
.about2 .gallery .ph-t{display:block;padding:12px 5px 4px;text-align:center;font-size:15px;line-height:1.4;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s;}
.about2 .gallery .ph:hover{border-color:#1a6dba;background:#1a6dba;}
.about2 .gallery .ph:hover .ph-t{color:#fff;font-weight:600;}
/* 断点：双栏→单栏 / 统计 5→3 列 / 图位 4→2 列（对齐 199 的 1024 断点） */
@media (max-width:1024px){
.about2 .about-grid{grid-template-columns:1fr;}
.about2 .stats-row{grid-template-columns:repeat(3,1fr);}
.about2 .gallery{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:992px){
.about2{padding:3rem 0.625rem;}
.about2 .sec-head{margin-bottom:28px;}
}
@media (max-width:768px){
.about2 .stats-row{grid-template-columns:repeat(2,1fr);}
.about2 .gallery{grid-template-columns:repeat(2,1fr);}
.about2 .about-text{padding:26px 22px;}
.about2 .about-fact{padding:26px 22px;}
.about2 .gallery .ph-img{height:150px;}
}
@media (max-width:640px){
.about2{padding:2.25rem 0.625rem;}
.about2 .sec-head h2{font-size:22px;}
.about2 .sec-head .sub{font-size:14px;}
.about2 .sec-head.sub-head h2{font-size:20px;}
.about2 .stats-row{gap:12px;}
.about2 .stat{padding:20px 8px;}
}
/*--end about2--*/

/*--news2 新闻中心（的 .news 区块；独立类名 .news2 + 块内私有类，CSS 全部以 .news2 作用域，不影响其它区块）--*/
/* 区块外壳：上下内边距随本站 section 惯例；0.625rem 横向内边距保证 ≤1200px（容器变 100%）时与相邻区块左右对齐 */
.news2{padding:4.375rem 0.625rem 5.625rem;overflow:hidden;background:#fff;}
.news2 .new-show{margin-top:0;}
/* 标题样式套用 index199.html 的 .sec-head：深蓝粗体标题 + 橙色短横线 */
.news2 .wrap-title h2{font-weight:700;font-size:clamp(24px,3.4vw,34px);letter-spacing:0.02em;color:#0a2f6b;}
.news2 .wrap-title h2 a{color:#0a2f6b;}
.news2 .wrap-title h2 a:hover{color:#1657b8;}
.news2 .wrap-title p{margin-top:0.625rem;line-height:1.7;font-size:0.9375rem;color:#5b6472;}
.news2 .wrap-title p:after{display:block;width:46px;height:4px;margin:1rem auto 0;content:"";background:#f5a623;border-radius:2px;}
/* 新闻列表：三列卡片
   版式照 demo 站（zi6yvlkz.demo.myxypt.com）的「新闻资讯」模块：
   白底直排（无卡片底色/圆角/阴影）+ 封面左上 NEWS 角标 + 标题 / 日期 / 摘要 三段式。
   demo 原始数值：封面 456×248（≈1.839）、角标 left:30px 原生 46×70、
   标题 18px/700 #333（hover #005bac）、日期 14px Arial #999、摘要 16px/28px #6f6f6f（2 行截断）。 */
.news2 .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:50px;}
.news2 .news-card{display:block;background:transparent;border-radius:0;box-shadow:none;overflow:visible;transition:all 0.3s;}
/* 封面：固定 456/248 比例，超出部分居中裁切；悬停放大 1.1（0.5s 缓动，与 demo 一致） */
/* 封面比例：原 456/248（=1.839，照搬 demo）→ 2026-10-16 放宽到 2/1。
   实测本站在跑的三张封面比例分别是 2.350 / 3.350 / 1.778，差异很大，
   1.839 会把宽幅海报（尤其 3.35 那条横幅）左右裁掉一大截、海报上的字被切掉。
   2/1 是三张都伤得最少的折中值（分别裁左右 15% / 左右 40% / 上下 11%），中心文字都能保住。 */
.news2 .news-card .news-pic{position:relative;height:auto;aspect-ratio:2/1;display:-webkit-box;display:flex;align-items:center;justify-content:center;background:#eef2f7;color:#8a95a6;font-size:13px;overflow:hidden;}
.news2 .news-card .news-pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.news2 .news-card:hover .news-pic img{transform:scale(1.1);}
/* NEWS 角标：贴封面左上角，距左 30px（原生尺寸 46×70，需显式写 width/height 压过全站 img{width:100%}） */
.news2 .news-card .news-badge{position:absolute;top:0;left:30px;display:block;line-height:0;}
.news2 .news-card .news-badge img{display:block;width:46px;height:70px;}
/* 文字区：标题在日期之上（本站旧版是日期在上，此处按 demo 调序） */
.news2 .news-card .news-body{padding:35px 0 0;flex:none;}
/* 标题 1 行 → 2 行（2026-10-16）：本站新闻标题最长有 42 字（展会邀请那条），
   1 行截断后只剩一句残话。min-height:3em = 2 × line-height(1.5)，保证三张卡的文字区顶端对齐。 */
.news2 .news-card .news-body h3{font-size:18px;color:#333;font-weight:700;line-height:1.5;min-height:3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:color 0.3s ease;}
.news2 .news-card:hover .news-body h3{color:#005bac;}
.news2 .news-card .news-body time{display:block;margin-top:5px;font-size:14px;font-family:Arial;color:#999;}
.news2 .news-card .news-body p{margin-top:25px;font-size:16px;line-height:28px;color:#6f6f6f;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
/* 本站没有全局 .clearfix（原站靠 bootstrap 的 .clearfix 清除浮动），本区块内补齐，
   否则 .new-list 与右侧列表项的 <a class="clearfix"> 高度会塌陷（内容溢出） */
.news2 .clearfix:before,.news2 .clearfix:after{display:table;content:" ";}
.news2 .clearfix:after{clear:both;}
.news2 .clearfix{zoom:1;}

/* ---------- tab 栏（3 个） ---------- */
.news2 .new-cfn ul{display:-webkit-flex;display:flex;justify-content:center;-webkit-justify-content:center;flex-wrap:nowrap;}
.news2 .new-cfn ul li{width:202px;margin-left:20px;background:#f4f4f4;cursor:pointer;display:-webkit-flex;display:flex;justify-content:center;-webkit-justify-content:center;flex-wrap:nowrap;}
.news2 .new-cfn ul li .img{line-height:64px;}
/* 图标两态：默认 .img1，选中切 .img2（与本站 .c4 区块同款机制） */
/* ⚠️ 图标两态规则必须把 img 元素写进去（.img img.img2）！否则会被下面那条
   还原全站 img{display:block;width:100%} 的 `.news2 .new-cfn ul li .img img`（权重 0,3,3）
   压掉 `.img2{display:none}`（权重 0,3,2）——后果是：未选中的 tab 上 .img1 与 .img2 两个图标
   同时显示，而选中的 tab 只显示 1 个，切换时居中内容宽度突变，文字横向跳 17~22px（抖动）。 */
.news2 .new-cfn ul li .img img.img2{display:none;}
.news2 .new-cfn ul li.cur .img img.img1{display:none;}
.news2 .new-cfn ul li.cur .img img.img2{display:inline-block;}
.news2 .new-cfn ul li.cur{background:#1a57a9;}
.news2 .new-cfn ul li h3{line-height:64px;font-size:22px;font-weight:bold;text-align:center;margin-left:13px;}
.news2 .new-cfn ul li.cur h3{color:#fff;}
/* 还原被全站 img{display:block;width:100%} 撑满的 tab 图标（40×28 / 30×28） */
.news2 .new-cfn ul li .img img{display:inline-block;width:auto;height:auto;max-width:100%;border:0;vertical-align:middle;}

/* ---------- 内容区 ---------- */
.news2 .new-con{margin-top:55px;}
.news2 .new-list{display:none;}

/* 左栏：两张大卡（原 740/1240 = 59.7%，改为百分比以随本站 .width1400 容器自适应） */
.news2 .new-top{float:left;width:59.7%;}
.news2 .new-hot{float:left;width:47%;margin-left:6%;}
.news2 .new-hot:first-child{margin-left:0;}
.news2 .new-hot a{display:block;}
.news2 .new-hot .new-img{overflow:hidden;}
.news2 .new-hot .new-img img{display:block;width:100%;height:auto;max-width:100%;}
.news2 .new-hot .new-text{padding-top:30px;}
.news2 .new-hot .new-text h3{font-size:18px;color:#333;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news2 .new-hot .new-text .text{margin-top:20px;font-size:14px;color:#999;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
/* 日期行 + 右侧箭头（悬停换绿色箭头） */
.news2 .new-hot .new-text span{display:block;margin-top:30px;font-size:14px;color:#888;line-height:28px;background:url(../images/news-arrow.png) no-repeat right center;}
.news2 .new-hot a:hover .new-text h3{color:#1a57a9;}
.news2 .new-hot a:hover .new-text span{background:url(../images/news-arrow-on.png) no-repeat right center;}

/* 右栏：3 条列表（原 450/1240 = 36.3%） */
.news2 .new-rem{float:right;width:36.3%;}
.news2 .new-rem ul li{margin-top:30px;padding:20px 0;border:solid 1px #ddd;}
.news2 .new-rem ul li:first-child{margin-top:0;}
.news2 .new-rem ul li a{display:block;}
/* 左侧日期块：大号「日」+ 年月，右侧一条竖线 */
.news2 .new-rem ul li a h4{float:left;width:90px;font-size:14px;font-family:Arial;color:#666;font-weight:500;text-align:center;border-right:solid 1px #ddd;}
.news2 .new-rem ul li a h4 span{display:block;margin-bottom:10px;font-size:40px;font-weight:600;color:#555;}
.news2 .new-rem ul li a:hover h4 span{color:#1a57a9;}
.news2 .new-rem ul li a .rem-con{float:left;width:79%;padding-left:23px;}
.news2 .new-rem .rem-con h3{font-size:18px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news2 .new-rem .rem-con p{margin-top:5px;font-size:14px;color:#999;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news2 .new-rem ul li a:hover .rem-con h3{color:#1a57a9;}
.news2 .new-rem ul li:hover{border:solid 1px #1a57a9;}
/* 标题沿用本站 .wrap-title（全局类，无需额外规则） */

/* ---------- 断点：原块无任何断点，此处按本站 section 惯例补 992 / 640 ---------- */
@media (max-width:992px){
.news2{padding:2rem 0.625rem;}
.news2 .new-con{margin-top:2rem;}
/* tab：三等分铺满，去掉左间距 */
.news2 .new-cfn ul li{width:33.33%;margin-left:0;}
.news2 .new-cfn ul li h3{font-size:16px;margin-left:8px;line-height:3rem;}
.news2 .new-cfn ul li .img{line-height:3rem;}
/* 左右两栏改为上下堆叠 */
.news2 .new-top,.news2 .new-rem{float:none;width:100%;}
.news2 .new-rem{margin-top:2rem;}
/* 新闻三列卡片 → 平板两列 */
.news2 .news-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:2rem;}
/* 文字随宽度收紧（对齐 demo 的 ≤991px 断点数值） */
.news2 .news-card .news-body{padding-top:20px;}
.news2 .news-card .news-body h3{font-size:17px;}
.news2 .news-card .news-body p{font-size:13px;line-height:24px;margin-top:10px;}
.news2 .news-card .news-badge{left:20px;}
}
@media (max-width:640px){
.news2 .new-hot{float:none;width:100%;margin-left:0;margin-bottom:1.5rem;}
.news2 .new-hot:last-child{margin-bottom:0;}
/* 手机端 tab 收成纯文字，避免小屏放不下「图标+文字」 */
.news2 .new-cfn ul li .img{display:none;}
.news2 .new-cfn ul li h3{margin-left:0;font-size:14px;}
.news2 .new-rem ul li a h4{width:70px;}
.news2 .new-rem ul li a .rem-con{width:78%;padding-left:14px;}
.news2 .new-rem .rem-con h3{font-size:16px;}
.news2 .new-rem .rem-con p{font-size:13px;}
/* 新闻三列卡片 → 手机单列 */
.news2 .news-grid{grid-template-columns:1fr;}
}
/*--end news2--*/


/*--p4 核心优势（.p4 区块；全部以 .p4 作用域，不影响其它区块）--*/
/* 区块外壳：顶部深色背景图；横向 0.625rem 内边距与本站 section 惯例一致 */
.p4{background:url(../images/p4-bg.jpg) no-repeat top center;background-size:100% auto;padding:3.5rem 0.625rem 2.5rem;}

/* 本站没有 .flex，补一条只作用于本区块的（tab 栏、tab 内部、面板 a 都靠它） */
.p4 .flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}

/* ⚠️ 本站全局 img{display:block;width:100%;height:auto} 会把块内的 53×53 小图标撑满，必须还原 */
.p4 img{display:inline-block;width:auto;height:auto;max-width:100%;vertical-align:middle;}

/* ⚠️ 本站全局 h1,h2,h3{line-height:2} 与 h1~h6{font-weight:500} 与本区块原设计不符，按原设计还原 */
.p4 h3,.p4 h4{line-height:1.1;}

/* ---------- 标题（中文大字在上、英文小字在下，小蓝横条收尾） ---------- */
.p4-title{text-align:center;}
.p4-title h4{font-size:3rem;color:#ffffff;font-weight:bold;margin-bottom:1rem;}
.p4-title h3{font-family:"Arial";font-size:1.5rem;color:#ffffff;letter-spacing:0.3rem;font-weight:400;text-transform:uppercase;position:relative;padding-bottom:1.375rem;}
.p4-title h3:after{content:"";width:4.375rem;height:0.4375rem;background-color:#0162bb;position:absolute;left:50%;transform:translateX(-50%);bottom:0;}

/* ---------- tab 栏（4 个） ---------- */
.p4-sort{align-items:center;margin-top:3.125rem;margin-bottom:3.875rem;padding:0 4.0625rem;}
.p4-sort li{align-items:center;width:22%;background:#ffffff;justify-content:center;padding:1.25rem 0;}
.p4-sort li .img0{width:15%;}
.p4-sort li .img0 img{max-width:100%;}
/* 图标两态：默认 .img1，选中切 .img2（选择器带上 img 元素，保证权重压过上面的 .p4 img 还原规则） */
.p4-sort li .img0 .img2{display:none;}
.p4-sort li .wz{width:80%;}
.p4-sort li .wz1{color:#333333;font-weight:bold;font-size:1.4375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.p4-sort li .wz2{color:#e6e6e6;font-size:12px;text-transform:uppercase;font-family:"Arial";padding-top:0.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.p4-sort li.cur{background:#0162bb;}
.p4-sort li.cur .img0 .img1{display:none;}
.p4-sort li.cur .img0 .img2{display:block;}
.p4-sort li.cur .wz .wz1{color:#fff;}

/* ---------- 内容面板 ---------- */
/* 4 组面板全部渲染、叠在同一个网格单元里，容器高度恒等于最高的一组；用 .cur 切 visibility。
   —— 避免逐个 display:none/block 切换时因各组高度不同而上下跳（抖动）。 */
.p4 .tt-wrap{display:grid;}
.p4 .tt-wrap>.tt{grid-area:1 / 1;}
.p4 .tt{visibility:hidden;}
.p4 .tt.cur{visibility:visible;}
/* 面板：图片在左 45%、文字在右 55%（DOM 顺序即图→文；手机端仍图在上文在下） */
.p4-list li a{flex-wrap:nowrap;flex-direction:row;background:#fff;box-shadow:0px 3px 27px 0px rgba(0,0,0,0.24);}
.p4-list li .img1{width:50%;align-self:stretch;}
/* 统一图片比例（参考站 4 张图原始比例不一致，会造成面板高度差 → 切换抖动）；
   height:100% + align-self:stretch 让图片列拉满卡片高度，任何宽度都不露白边 */
.p4-list li .img1 img{width:100%;height:100%;aspect-ratio:1200 / 649;object-fit:cover;}
.p4-list li .wz{width:calc(100% - 50%);padding-left:2.875rem;padding-right:5rem;}
.p4-list li .wz .wz1{border-bottom:1px solid #e5e5e5;padding-bottom:1.5rem;}
.p4-list li .wz .wz1 h3{font-weight:bold;color:#0162bb;font-size:1.875rem;}
.p4-list li .wz .wz1 h4{color:#000000;font-size:12px;text-transform:uppercase;font-weight:normal;padding-top:10px;}
.p4-list li .wz .wz2{color:#717171;font-size:1rem;line-height:2.0625;margin-top:2rem;}
.p4-list li .wz .wz3{color:#ffffff;font-size:1rem;text-transform:uppercase;text-align:center;width:11.875rem;height:3.625rem;line-height:3.625rem;background:#0162bb;margin-top:1.25rem;}

/* ---------- 断点：与参考块一致（≤767px 图文上下堆叠，tab 一行 2 个） ---------- */
@media(max-width:767px){
.p4-sort{padding:0;}
.p4-sort li{width:50%;display:block;text-align:center;padding:10px;}
.p4-sort li .img0{width:100%;}
.p4-sort li .wz{margin-left:0;width:100%;}
.p4-sort li .wz1{font-size:16px;}
.p4-sort li .wz2{font-size:14px;}
.p4-list li a{display:block;}
.p4-list li .img1{width:100%;}
.p4-list li .wz{width:100%;padding:20px;}
.p4-list li .wz .wz1 h3{font-size:20px;}
.p4-list li .wz .wz2{margin-top:5%;font-size:14px;}
.p4-list li .wz .wz3{margin-top:5%;width:120px;height:40px;line-height:40px;font-size:12px;}
}
/*--end p4--*/

/*--footer 底部区块（）
  隔离约定：全部规则挂在 .foot-wrap 作用域下，不影响其它版块；
  已还原目标站全局规则的影响：img{display:block;width:100%} → .foot-wrap img 复原 inline-block/自适应；
  p/dl/dt/dd margin 归零与本区块源站终态一致；.copyright 撞名 → 用 .foot-wrap .cop-index .copyright 压回。
  间距用 vw、字号用 px，无 rem 依赖。 --*/
.foot-wrap{line-height:1.42857143;font-family:"Microsoft YaHei";color:#333;}
.foot-wrap img{display:inline-block;width:auto;height:auto;max-width:100%;border:0;vertical-align:middle;}
.foot-wrap p{margin:0;}
.foot-wrap dl{margin-top:0;margin-bottom:20px;}
.foot-wrap dd,.foot-wrap dt{line-height:1.42857143;}
.foot-wrap dt{font-weight:700;}
.foot-wrap dd{margin-left:0;}
.foot-wrap a{text-decoration:none;}
.foot-wrap .flexed{display:flex;justify-content:space-between;flex-wrap:nowrap;display:-webkit-flex;}
.foot-wrap .w1560{max-width:1590px;margin:0 auto;padding-left:15px;padding-right:15px;}

/* 页脚改为 199 的深蓝底四列布局（原底图 ftr-foot-bg.jpg 停用） */
.foot-wrap .foot-bg{background:#0a2347;padding-top:54px;}
/* 四列：品牌简介 / 动态导航（两列） / 联系我们 */
.foot-wrap .foot-index{gap:30px;}
.foot-wrap .foot-index h4{color:#fff;font-size:18px;font-weight:600;margin-bottom:24px;}
.foot-wrap .ft-about{width:27%;}
.foot-wrap .ft-about .ft-slogan{color:#f5a623;font-weight:700;letter-spacing:0.06em;margin-bottom:10px;}
.foot-wrap .ft-about p{font-size:15px;color:rgba(255,255,255,0.75);line-height:30px;margin-bottom:10px;}
.foot-wrap .ft-nav{width:44%;}
.foot-wrap .ft-nav .ft-col{width:50%;margin-bottom:0;}
.foot-wrap .ft-nav .ft-col dt{color:#fff;font-size:18px;font-weight:600;margin-bottom:24px;}
.foot-wrap .ft-nav .ft-col dd a{display:block;font-size:15px;color:rgba(255,255,255,0.75);line-height:34px;}
.foot-wrap .ft-nav .ft-col dd a:hover{color:#f5a623;}
.foot-wrap .ft-contact{width:25%;}
.foot-wrap .ft-contact p{font-size:15px;color:rgba(255,255,255,0.75);line-height:30px;margin-bottom:10px;}
.foot-wrap .ft-contact .ft-tel{font-size:21px;color:#fff;font-weight:700;letter-spacing:0.03em;margin-bottom:4px;}
.foot-wrap .ft-qr{margin-top:6px;}
.foot-wrap .ft-qr img{max-width:110px;width:100%;}
.foot-wrap .ft-qr p{font-size:14px;color:rgba(255,255,255,0.6);margin-top:6px;}
.foot-wrap .foot-index .footl{width:21.79%;}
.foot-wrap .foot-index .footl .flogo img{max-width:100%;}
.foot-wrap .foot-index .footl .flx{margin-top:2.34375vw;}
.foot-wrap .foot-index .footl .flx p{font-size:15px;color:rgba(255,255,255,.6);line-height:30px;}
.foot-wrap .foot-index .footr{width:61.22%;}
.foot-wrap .foot-index .footr .fnav{width:77.88%;}
.foot-wrap .foot-index .footr .fnav dl{width:25%;}
.foot-wrap .foot-index .footr .fnav dl dt{color:#fff;font-size:18px;font-weight:600;margin-bottom:24px;}
.foot-wrap .foot-index .footr .fnav dl dd a{display:block;font-size:15px;color:rgba(255,255,255,.6);line-height:34px;}
.foot-wrap .foot-index .footr .fnav dl dd a:hover{color:#1a57a9;}
.foot-wrap .foot-index .footr .ferq img{max-width:128px;width:100%;}
.foot-wrap .foot-index .footr .ferq p{text-align:center;color:rgba(255,255,255,.6);font-size:14px;margin-top:0.78125vw;}
.foot-wrap .cop-bg{border-top:1px solid rgba(255,255,255,0.12);margin-top:38px;padding:18px 0;}
.foot-wrap .cop-index{color:rgba(255,255,255,.6);font-size:14px;}
.foot-wrap .cop-index a{color:rgba(255,255,255,.6);}
.foot-wrap .cop-index a:hover{color:#067344;}
.foot-wrap .cop-index .copl{width:100%;text-align:center;}
.foot-wrap .cop-index .copr{width:48%;text-align:right;}
.foot-wrap .cop-index .copyright{color:rgba(255,255,255,.6);font-size:14px;}

.foot-wrap .c-link{background:#081c37;padding:24px 0;color:#fff;font-size:14px;line-height:24px;}
.foot-wrap .c-link .con{display:flex;flex-wrap:wrap;position:relative;}
.foot-wrap .c-link span{background:url(../images/ftr-link-icon.png) no-repeat left center;padding-left:15px;cursor:pointer;display:block;}
.foot-wrap .c-link dd{width:calc(100% - 70px);}
.foot-wrap .c-link a{color:rgba(255,255,255,.6);padding:0 4px;font-size:14px;line-height:24px;}

@media(max-width:992px){
  .foot-wrap .c-link{display:none;}
  /* 四列 → 简介整行 + 导航/联系两列并排 */
  .foot-wrap .foot-index{flex-wrap:wrap;gap:0;}
  .foot-wrap .ft-about{width:100%;margin-bottom:26px;}
  .foot-wrap .ft-nav{width:56%;}
  .foot-wrap .ft-contact{width:40%;}
}
@media(max-width:767px){
  .foot-wrap .foot-bg{padding-top:40px;}
  /* 四列 → 全部上下堆叠 */
  .foot-wrap .ft-about{width:100%;margin-bottom:22px;}
  .foot-wrap .ft-nav{width:100%;margin-bottom:22px;}
  .foot-wrap .ft-contact{width:100%;}
  .foot-wrap .ft-qr img{max-width:96px;}
  .foot-wrap .foot-index{flex-wrap:wrap;}
  .foot-wrap .foot-index .footl{width:100%;}
  .foot-wrap .foot-index .footl .flogo img{max-width:200px;width:100%;}
  .foot-wrap .foot-index .footr{width:100%;flex-wrap:wrap;}
  .foot-wrap .foot-index .footr .fnav{display:none;}
  .foot-wrap .ferq{margin-top:10px;}
  .foot-wrap .cop-bg{margin-top:20px;padding:20px 0;}
  .foot-wrap .cop-index{flex-wrap:wrap;}
  .foot-wrap .cop-index .copl{width:100%;text-align:center;}
  .foot-wrap .cop-index .copr{width:100%;text-align:center;}
}


/*--c1 产品卡片+供应商+数据（）--*/
/* 说明：原站 rem 基准 1rem=20px，本站基准为 16px（>1200px），故所有 rem 已按 x1.25 折算；
   全部规则以 .c1 作用域，零裸选择器；横向 0.625rem 与本站其它 section 对齐；无动画。 */
.c1{margin-top:3vw;margin-bottom:5vw;padding:0 0.625rem;line-height:1.42857143;}
/* 还原本站全局 img{display:block;width:100%} 对块内图片的影响 */
.c1 img{display:inline-block;width:auto;height:auto;max-width:100%;vertical-align:middle;}
/* 还原本站全局 h1,h2,h3{line-height:2} */
.c1 h3{line-height:1.5;}
/* 本站无 .flex / .clearfix / .com-img，补齐为块内作用域规则 */
.c1 .flex{display:flex;flex-wrap:wrap;justify-content:space-between;}
.statsbar .clearfix{zoom:1;}
.statsbar .clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden;}
.c1 .com-img{display:table;overflow:hidden;margin:0 auto;}
/* 8 张卡 = 每行 4 个共 2 排；用 row-gap 控制排间距（不产生末排多余留白） */
/* 卡片主色：原 #088e47（绿）→ #1a6dba（蓝），边框 / 标题 / 按钮三处同步 */
.c1 .cpfl{row-gap:2vw;}
.c1 .cpfl li{width:24%;border:3px solid #1a6dba;border-radius:10px;padding:20px 10px;text-align:center;}
.c1 .cpfl li h3{font-size:1.75rem;color:#1a6dba;font-weight:600;line-height:1.5;}
.c1 .cpfl li h4{font-size:16px;color:#666666;font-weight:normal;}
.c1 .cpfl li .img{margin:1vw auto;}
.c1 .cpfl li .img img{max-width:100%;}
.c1 .cpfl li a{display:block;width:116px;height:36px;background:#1a6dba;margin:0 auto;border-radius:10px;color:#fff;line-height:36px;font-size:14px;}
.c1 .c1a{padding:0 11%;text-align:center;margin-top:3vw;}
.c1 .c1a h3{font-size:2.625rem;color:#333333;font-weight:bold;line-height:1.5;}
.c1 .c1a h4{color:#333333;font-size:16px;line-height:35px;font-weight:normal;}
/* ===== 关键数据条 独立区块（2026-10-16 从 .c1 内抽出）=====
   通栏浅灰底 + 上下留白，夹在首屏与产品区之间，自己就是页面的一段；
   作用域前缀从 .c1 改为 .statsbar，避免再影响产品区。 */
.statsbar{padding:2.6rem 0.625rem;background:#f5f7fa;overflow:hidden;}
/* 左右内缩 0 11% → 0 20px（2026-10-16）：
   11% 是它当初还在产品区 .c1 里时的历史值，会把四个数字挤在中间、左右各空一大片灰。
   独立成区块后照 index199 的 .quick-stats .container（padding:18px 20px）铺满容器。 */
.statsbar .c1b{padding:0 20px;}
.statsbar .sul li{float:left;border-right:solid 1px #eeeeee;width:25%;text-align:center;}
.statsbar .sul li:last-child{border:none;}
/* 数字条主色：原 #088e47（绿）→ #1a6dba（蓝） */
.statsbar .sbt{font-family:Impact,"Arial Black",sans-serif;font-size:4.5rem;letter-spacing:-1px;color:#1a6dba;}
/* 后缀（年 / + / + / 个）颜色：原 #2aae41（绿）→ #2b7ce9（亮蓝）→ 2026-10-16 按用户要求改 #f5a623（橙） */
.statsbar .sbt .span1{font-size:1.25rem;font-style:normal;margin-left:8px;color:#f5a623;font-weight:bold;}
.statsbar .sul li p{color:#666666;font-size:16px;}
@media (max-width:992px){
  .c1 .cpfl li h4{font-size:14px;}
}
@media (max-width:768px){
  .c1 .cpfl{row-gap:0;}
  .c1 .cpfl li{width:49%;margin-bottom:20px;}
  .c1 .c1a{padding:0;}
  .statsbar .sul li{width:49%;margin-bottom:20px;}
  .statsbar .c1b{padding:0;}
  .statsbar .sul li:nth-child(2){border:none;}
}
@media (max-width:640px){
  .c1 .cpfl li{padding:10px;}
  .c1 .cpfl li a{margin-top:15px;width:80px;height:30px;line-height:30px;font-size:12px;}
  .c1 .c1a h3{font-size:22px;margin-bottom:5px;}
}


/* ===== .c1 入场动画（）=====
   作用域全部限定在 .c1 内、关键帧独立命名，不引 animate.css / wow.js，
   不影响站内任何其它区块。 */
@keyframes c1FadeInUp{0%{opacity:0;transform:translate3d(0,100%,0);}to{opacity:1;transform:none;}}
@-webkit-keyframes c1FadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:none;}}
/* 图片 hover 放大（原站 .com-img:hover img） */
.c1 .com-img img{transition:all .5s ease-in 0s;-webkit-transition:all .5s ease-in 0s;}
.c1 .com-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}
/* 仅在 JS 就绪（.c1 带 c1-anim / .statsbar 带 sb-anim）时才隐藏，避免无 JS 时内容不可见 */
.c1.c1-anim .cpfl li,.statsbar.sb-anim .sul li{opacity:0;}
.c1.c1-anim .cpfl li.c1-in,.statsbar.sb-anim .sul li.sb-in{animation:c1FadeInUp 1s both;-webkit-animation:c1FadeInUp 1s both;}
/* 同排内依次入场：产品卡每排 4 个、数据每排 4 个（移动端分别 2 个） */
.c1.c1-anim .cpfl li:nth-child(4n+2){animation-delay:.15s;}
.c1.c1-anim .cpfl li:nth-child(4n+3){animation-delay:.3s;}
.c1.c1-anim .cpfl li:nth-child(4n+4){animation-delay:.45s;}
.statsbar.sb-anim .sul li:nth-child(2){animation-delay:.25s;}
.statsbar.sb-anim .sul li:nth-child(3){animation-delay:.5s;}
.statsbar.sb-anim .sul li:nth-child(4){animation-delay:.75s;}
@media (prefers-reduced-motion: reduce){
  .c1.c1-anim .cpfl li,.statsbar.sb-anim .sul li{opacity:1;animation:none;-webkit-animation:none;}
}
/* 手机端（≤768px）隐藏数据条：按需求「手机打开不显示这一块」。
   用 !important 是因为 .statsbar 自身有 padding/background，且入场动画会改 opacity，
   直接用 display:none 最干脆，不受 IO 触发与否影响。 */
@media (max-width:768px){
  .statsbar{display:none !important;}
}

/*--c1 标题条（）
  沿用原类名，规则全部以 .c1 作用域、零裸选择器，不影响其它区块；
  2026-11-02 按用户要求，字号/颜色统一为 index199 .sec-head 规格
  （与 .why / .partner / .honor / .news2 标题完全一致：深蓝 #0a2f6b + 灰副标题 #5b6472） --*/
.c1 .wrap-title{margin-bottom:2.5rem;text-align:center;line-height:normal;}
.c1 .wrap-title h2{margin:0;font-weight:700;font-size:clamp(24px,3.4vw,34px);letter-spacing:0.02em;line-height:1.5;color:#0a2f6b;}
.c1 .wrap-title h2 a{font-weight:700;color:#0a2f6b;}
.c1 .wrap-title h2 a:hover{color:#1657b8;}
.c1 .wrap-title p{margin-top:0.625rem;font-size:0.9375rem;line-height:1.7;color:#5b6472;}
/* 橙色短横线（与 .why .sec-head .bar、.partner/.honor/.news2 同款 46x4 #f5a623）
   .c1 的 HTML 里没有 .bar 节点，用伪元素补，避免动模板结构 */
.c1 .wrap-title p:after{display:block;width:46px;height:4px;margin:1rem auto 0;content:"";background:#f5a623;border-radius:2px;}
@media (max-width:992px){
  .c1 .wrap-title h2{font-size:22px;}
  .c1 .wrap-title p{font-size:14px;}
}

/*--头部标语 + 24h 热线（）--*/
.header .hdinfo{position:relative;top:50%;float:right;display:flex;align-items:center;width:calc(100% - 20rem);height:3rem;transform:translateY(-50%);}
.header .hdinfo-slogan{margin-right:auto;margin-left:2rem;padding-left:1rem;overflow:hidden;border-left:1px solid #dcdcdc;}
.header .hdinfo-slogan h2{font-size:1.25rem;line-height:1.5;font-weight:normal;color:#333;}
.header .hdinfo-slogan p{font-size:1.375rem;line-height:1.5;font-weight:bold;color:#e94b2e;}
.header .hdinfo-tel{margin-right:4rem;}
.header .hdinfo-tel table{border-collapse:collapse;}
.header .hdinfo-tel td{padding:0;vertical-align:middle;}
.header .hdinfo-tel img{display:inline-block;width:auto;height:auto;max-width:100%;vertical-align:middle;}
.header .hdinfo-tel p{margin:0;line-height:1;}
.header .hdinfo-tel p em{display:inline-block;font-size:1.5rem;line-height:1.625rem;font-weight:bold;font-style:italic;color:#04287e;}
.header .hdinfo-tel .hdinfo-tel-label em{font-size:0.75rem;line-height:0.875rem;font-weight:normal;color:#333;}
@media (min-width:993px){
.header{padding:1.5rem 0.625rem;}
.header .inner{height:4rem;}
.header .hdinfo{height:4rem;}
}
@media (max-width:992px){
.header .hdinfo{width:calc(100% - 10rem);}
.header .hdinfo-slogan h2{font-size:1rem;line-height:1.5;}
.header .hdinfo-slogan p{display:none;}
.header .hdinfo-tel{display:none;}
}
/*--end 头部标语 + 24h 热线（.hdinfo）--*/

/*--why 为什么选择好凯德（四维度：选型适度/产品稳定/贴心维保/资质丰富）
  卡片样式：浅蓝圆角图标盒 + 左对齐标题/正文；悬停整卡上浮 + 顶部橙条
  独立类名 .why（全站唯一），颜色全部写死十六进制，不引入 :root 变量 --*/
.why{padding:4.375rem 0.625rem;background:#f5f7fa;overflow:hidden;}
.why .sec-head{text-align:center;margin-bottom:40px;}
.why .sec-head h2{margin:0;font-weight:700;font-size:clamp(24px,3.4vw,34px);line-height:1.5;color:#0a2f6b;letter-spacing:0.02em;}
.why .sec-head .sub{margin-top:10px;font-size:15px;line-height:1.7;color:#5b6472;}
.why .sec-head .bar{width:46px;height:4px;margin:16px auto 0;background:#f5a623;border-radius:2px;}
.why .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.why .why-card{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:14px;padding:34px 26px;border-top:4px solid transparent;
  box-shadow:0 6px 24px rgba(13,63,143,.08);transition:all .3s;}
.why .why-card:hover{transform:translateY(-6px);border-top-color:#f5a623;}
.why .why-card .icon{width:56px;height:56px;border-radius:14px;background:#eef3fb;
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.why .why-card .icon svg{display:block;}
.why .why-card h3{margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.5;color:#0a2f6b;}
.why .why-card p{font-size:14.5px;line-height:1.7;color:#5b6472;}
.why .why-card .more{display:inline-block;margin-top:16px;font-size:14px;font-weight:600;color:#1657b8;text-decoration:none;}
.why .why-card .more:hover{color:#0d3f8f;}
/* 断点：992 → 两列；640 → 单列 */
@media (max-width:992px){
  .why{padding:3rem 0.625rem;}
  .why .sec-head{margin-bottom:28px;}
  .why .why-grid{grid-template-columns:repeat(2,1fr);gap:18px;}
  .why .why-card{padding:26px 22px;}
}
@media (max-width:640px){
  .why{padding:2.25rem 0.625rem;}
  .why .why-grid{grid-template-columns:1fr;gap:14px;}
  .why .sec-head h2{font-size:22px;}
  .why .sec-head .sub{font-size:14px;}
}
/*--end why--*/

/*--quality2 产品稳定（2026-11-02 由 index199.html 板块三移植）
  3 张数据卡（进口配件/精工智造/严格检测）+ 深蓝「好凯德质量理念」三按/三检/三不
  独立类名 .quality2（全站唯一），颜色全部写死十六进制，不引入 :root 变量 --*/
.quality2{padding:4.375rem 0.625rem;background:#f5f7fa;overflow:hidden;}
.quality2 .sec-head{text-align:center;margin-bottom:40px;}
.quality2 .sec-head h2{margin:0;font-weight:700;font-size:clamp(24px,3.4vw,34px);line-height:1.5;color:#0a2f6b;letter-spacing:0.02em;}
.quality2 .sec-head .sub{margin-top:10px;font-size:15px;line-height:1.7;color:#5b6472;}
.quality2 .sec-head .bar{width:46px;height:4px;margin:16px auto 0;background:#f5a623;border-radius:2px;}
.quality2 .q-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:40px;}
.quality2 .q-card{background:#fff;border-radius:14px;padding:30px 26px;box-shadow:0 6px 24px rgba(13,63,143,.08);}
.quality2 .q-card .num{font-size:13px;font-weight:800;color:#f5a623;letter-spacing:0.15em;margin-bottom:10px;}
.quality2 .q-card h3{margin:0 0 12px;font-size:19px;font-weight:700;line-height:1.5;color:#0a2f6b;}
.quality2 .q-card p{margin:0;font-size:14.5px;line-height:1.8;color:#5b6472;}
.quality2 .qt-block{background:linear-gradient(115deg,#0a2f6b,#0d3f8f);border-radius:14px;color:#fff;padding:44px 40px;text-align:center;}
.quality2 .qt-title{margin:0 0 8px;font-size:clamp(18px,2.4vw,24px);font-weight:800;letter-spacing:0.16em;color:#fff;}
.quality2 .qt-title:after{content:"";display:block;width:46px;height:4px;background:#f5a623;border-radius:2px;margin:16px auto 26px;}
.quality2 .qt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;}
.quality2 .qt-item{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:24px 26px;transition:.3s;}
.quality2 .qt-item:hover{background:rgba(255,255,255,.16);}
.quality2 .qt-item b{display:block;font-size:clamp(19px,2.2vw,23px);color:#f5a623;letter-spacing:0.14em;font-weight:800;margin-bottom:12px;}
.quality2 .qt-item span{font-size:15px;line-height:2;color:rgba(255,255,255,.92);}
/* 断点：992 → 卡片两列、理念单列；640 → 全单列 */
@media (max-width:992px){
  .quality2{padding:3rem 0.625rem;}
  .quality2 .sec-head{margin-bottom:28px;}
  .quality2 .q-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:30px;}
  .quality2 .q-card{padding:26px 22px;}
  .quality2 .qt-block{padding:34px 26px;}
  .quality2 .qt-grid{grid-template-columns:1fr;gap:14px;}
}
@media (max-width:640px){
  .quality2{padding:2.25rem 0.625rem;}
  .quality2 .q-grid{grid-template-columns:1fr;gap:14px;}
  .quality2 .sec-head h2{font-size:22px;}
  .quality2 .sec-head .sub{font-size:14px;}
  .quality2 .qt-item{padding:20px 18px;}
}
/*--end quality2--*/