/* ===== 星城智能合规 定制皮肤 ===== */
:root{
  --navy:#0B2B40;
  --navy2:#0E3A54;
  --gold:#C9A254;
  --gold2:#D9B978;
  --ink:#24313d;
  --muted:#74848f;
  --line:#e6ebef;
  --bg:#f5f7fa;
}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:var(--ink)}

/* ---------- 顶栏 ---------- */
.topbar{background:var(--navy);color:#b9c9d4;font-size:13px;line-height:38px}
.topbar .container{display:flex;justify-content:space-between}
.topbar a{color:#fff;text-decoration:none}
.topbar .tb_phone{color:var(--gold2);font-weight:600;letter-spacing:.5px}
.topbar .tb_slogan i{color:var(--gold);font-style:normal;margin:0 6px}
@media(max-width:768px){.topbar{display:none}}

/* ---------- 头部导航 ---------- */
.header{background:#fff;box-shadow:0 2px 14px rgba(11,43,64,.08);position:relative;z-index:99}
.header .logo img{height:56px;width:auto;margin:12px 0}
.nav_ul>li>a>span{font-size:16px}
.nav_ul>li.active>a>span,.nav_ul>li>a:hover>span{color:var(--navy)}
.nav_ul>li.active>a:after,.nav_ul>li>a:hover:after{background:var(--gold)}
.erji{background:#fff;border-top:3px solid var(--gold);box-shadow:0 10px 30px rgba(11,43,64,.15)}
.kuan_heaaer .nav_div .nav_ul .erji{background:#fff !important;border-top:3px solid var(--gold);box-shadow:0 12px 30px rgba(11,43,64,.18);padding:6px 0}
.kuan_heaaer .nav_div .nav_ul .erji a{color:var(--ink) !important;line-height:38px;height:38px;margin:0;padding:0 20px;display:block;background:transparent !important;font-size:14px}
.kuan_heaaer .nav_div .nav_ul li:hover .erji a{color:var(--ink) !important}
.kuan_heaaer .nav_div .nav_ul .erji a:hover{background:var(--bg) !important;color:var(--navy) !important;font-weight:600}
.kuan_heaaer .nav_div .nav_ul li:hover .erji a:hover{color:var(--navy) !important}

/* ---------- 首页 Banner ---------- */
.hero{position:relative;overflow:hidden}
.hero .slick-slide{position:relative}
.hero img{width:100%;display:block}
.hero_cap{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;pointer-events:none}
.hero_cap .hc_in{max-width:1200px;margin:0 auto;width:100%;padding:0 30px;pointer-events:auto}
.hero_cap h2{font-size:46px;color:#fff;font-weight:700;margin:0 0 14px;text-shadow:0 4px 24px rgba(0,0,0,.45);line-height:1.25}
.hero_cap p{font-size:18px;color:rgba(255,255,255,.92);margin:0 0 30px;text-shadow:0 2px 12px rgba(0,0,0,.5);letter-spacing:1px}
.hero_cap .hc_line{width:64px;height:4px;background:var(--gold);margin-bottom:22px;border-radius:2px}
.hero_btns a{display:inline-block;padding:13px 36px;border-radius:40px;font-size:16px;text-decoration:none;margin-right:16px;transition:all .3s}
.hero_btns .b1{background:var(--gold);color:#fff;box-shadow:0 8px 24px rgba(201,162,84,.45)}
.hero_btns .b1:hover{background:var(--gold2);transform:translateY(-2px)}
.hero_btns .b2{border:1.5px solid rgba(255,255,255,.85);color:#fff}
.hero_btns .b2:hover{background:rgba(255,255,255,.16)}
.hero .slick-dots{bottom:22px}
.hero .slick-dots li button:before{font-size:11px;color:#fff;opacity:.5}
.hero .slick-dots li.slick-active button:before{color:var(--gold2);opacity:1}
@media(max-width:768px){
  .hero_cap h2{font-size:24px;margin-bottom:8px}
  .hero_cap p{font-size:13px;margin-bottom:14px;letter-spacing:0}
  .hero_cap .hc_line{margin-bottom:12px}
  .hero_btns a{padding:9px 20px;font-size:13px;margin-right:10px}
}

/* ---------- 数据带 ---------- */
.stats{background:linear-gradient(120deg,var(--navy) 0%,var(--navy2) 60%,#12507a 100%);padding:38px 0;color:#fff}
.stats .st_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:0 30px}
.stats .st{text-align:center;position:relative}
.stats .st+.st:before{content:"";position:absolute;left:-10px;top:15%;height:70%;width:1px;background:rgba(255,255,255,.14)}
.stats .st b{display:block;font-size:30px;color:var(--gold2);font-weight:700;letter-spacing:.5px}
.stats .st span{font-size:14px;color:rgba(255,255,255,.85);margin-top:6px;display:block}
@media(max-width:768px){
  .stats{padding:22px 0}
  .stats .st_grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 16px}
  .stats .st b{font-size:20px}
  .stats .st span{font-size:12px}
  .stats .st+.st:before{display:none}
}

/* ---------- 通用板块标题 ---------- */
.sec{padding:70px 0}
.sec.sec_bg{background:var(--bg)}
.sec_head{text-align:center;margin-bottom:48px}
.sec_head h3{font-size:32px;color:var(--navy);font-weight:700;margin:0 0 10px}
.sec_head .en{color:var(--gold);letter-spacing:3px;font-size:13px;text-transform:uppercase}
.sec_head .ln{width:56px;height:3px;background:var(--gold);margin:16px auto 0;border-radius:2px}
@media(max-width:768px){.sec{padding:38px 0}.sec_head{margin-bottom:26px}.sec_head h3{font-size:22px}}

/* ---------- 关于我们 ---------- */
.about_wrap{max-width:1200px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.about_pic{position:relative}
.about_pic img{width:100%;border-radius:8px;box-shadow:0 24px 60px rgba(11,43,64,.18)}
.about_pic:before{content:"";position:absolute;left:-16px;top:-16px;width:110px;height:110px;border:3px solid var(--gold);border-radius:8px;z-index:-0;opacity:.5}
.about_pic .ap_tag{position:absolute;right:-14px;bottom:26px;background:var(--navy);color:#fff;padding:16px 22px;border-radius:8px;box-shadow:0 14px 34px rgba(11,43,64,.3)}
.about_pic .ap_tag b{color:var(--gold2);font-size:20px;display:block}
.about_pic .ap_tag span{font-size:12px;color:rgba(255,255,255,.85)}
.about_txt h3{font-size:30px;color:var(--navy);font-weight:700;margin:0 0 6px}
.about_txt .en{color:var(--gold);letter-spacing:3px;font-size:13px;text-transform:uppercase}
.about_txt .tip{color:var(--navy);font-size:17px;font-weight:600;margin:20px 0 12px}
.about_txt p{color:var(--muted);line-height:1.9;font-size:15px;margin:0 0 14px}
.about_feats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0 28px}
.about_feats div{background:var(--bg);border-left:3px solid var(--gold);padding:12px 14px;font-size:14px;color:var(--navy);font-weight:600;border-radius:0 6px 6px 0}
.btn_navy{display:inline-block;background:var(--navy);color:#fff;padding:13px 38px;border-radius:40px;font-size:15px;text-decoration:none;transition:all .3s}
.btn_navy:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 10px 26px rgba(201,162,84,.4)}
@media(max-width:768px){
  .about_wrap{grid-template-columns:1fr;gap:24px;padding:0 16px}
  .about_txt h3{font-size:22px}
  .about_pic .ap_tag{right:8px;padding:10px 14px}
  .about_pic .ap_tag b{font-size:15px}
}

/* ---------- 产品中心 ---------- */
.prod_grid{max-width:1200px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.prod_card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 30px rgba(11,43,64,.08);transition:all .35s;display:flex;flex-direction:column;text-decoration:none}
.prod_card:hover{transform:translateY(-8px);box-shadow:0 20px 48px rgba(11,43,64,.18)}
.prod_card .pc_pic{height:190px;overflow:hidden;background:#eef2f5}
.prod_card .pc_pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.prod_card:hover .pc_pic img{transform:scale(1.08)}
.prod_card .pc_bd{padding:22px 20px 26px;flex:1;display:flex;flex-direction:column}
.prod_card h4{margin:0 0 10px;font-size:18px;color:var(--navy);font-weight:700}
.prod_card p{margin:0 0 16px;font-size:13.5px;color:var(--muted);line-height:1.8;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.prod_card .pc_more{font-size:13px;color:var(--gold);font-weight:600;letter-spacing:.5px}
.prod_card .pc_more i{font-style:normal;transition:margin .3s}
.prod_card:hover .pc_more i{margin-left:6px}
@media(max-width:992px){.prod_grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:0 16px}}
@media(max-width:560px){.prod_grid{grid-template-columns:1fr}.prod_card .pc_pic{height:170px}}

/* ---------- 合规服务（深色） ---------- */
.svc{background:linear-gradient(135deg,#0A2436 0%,var(--navy) 55%,#114b70 100%);position:relative;overflow:hidden}
.svc:before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,84,.16),transparent 70%)}
.svc .sec_head h3{color:#fff}
.svc_grid{max-width:1200px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.svc_item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:30px 20px;transition:all .35s}
.svc_item:hover{background:rgba(201,162,84,.12);border-color:rgba(201,162,84,.45);transform:translateY(-6px)}
.svc_item .no{font-size:26px;color:var(--gold2);font-weight:700;opacity:.9}
.svc_item h5{color:#fff;font-size:16.5px;margin:14px 0 10px;font-weight:700;line-height:1.5}
.svc_item p{color:rgba(255,255,255,.66);font-size:12.5px;line-height:1.8;margin:0}
.svc_note{max-width:1200px;margin:34px auto 0;padding:0 30px;color:rgba(255,255,255,.55);font-size:13px;text-align:center}
.svc_note b{color:var(--gold2)}
@media(max-width:992px){.svc_grid{grid-template-columns:repeat(2,1fr);padding:0 16px}}
@media(max-width:560px){.svc_grid{grid-template-columns:1fr}.svc_item{padding:20px}}

/* ---------- 为什么选择我们 ---------- */
.why_grid{max-width:1200px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.why_item{text-align:center;padding:38px 22px;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(11,43,64,.07);transition:all .35s}
.why_item:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(11,43,64,.14)}
.why_item .wn{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,var(--navy),#12507a);color:var(--gold2);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}
.why_item h5{font-size:17px;color:var(--navy);font-weight:700;margin:0 0 10px}
.why_item p{font-size:13px;color:var(--muted);line-height:1.85;margin:0}
@media(max-width:992px){.why_grid{grid-template-columns:repeat(2,1fr);padding:0 16px;gap:14px}}
@media(max-width:560px){.why_grid{grid-template-columns:1fr}}

/* ---------- 新闻 ---------- */
.news_wrap{max-width:1200px;margin:0 auto;padding:0 30px}
.news_slide_box .bd ul li a.pic{border-radius:10px;overflow:hidden}
.news_slide_box .bd ul li a.pic .title{background:linear-gradient(transparent,rgba(11,43,64,.88));padding:44px 16px 14px;font-size:15px}
.news_slide_box{border-radius:10px}
.news_list li{border-bottom:1px solid var(--line);padding:16px 0;transition:all .3s}
.news_list li:hover{padding-left:6px}
.news_list .news_tit{font-size:16.5px;color:var(--ink);font-weight:600}
.news_list .news_tit:hover{color:var(--gold)}
.news_list .news_time{color:#a9b6bf;font-size:12.5px;margin:6px 0}
.news_list .news_desc{color:var(--muted);font-size:13.5px;line-height:1.8;margin:0}
.news_list .news_pic img{border-radius:8px}
.news_more{text-align:center;margin-top:36px}
@media(max-width:768px){.news_wrap{padding:0 16px}}

/* ---------- 合作伙伴 ---------- */
.partners{background:#fff;border-top:1px solid var(--line);padding:56px 0}
.partners .marquee ul li{margin:0 14px}
.partners .marquee ul li img{border-radius:8px;border:1px solid var(--line);height:110px;width:auto;display:block;filter:grayscale(.25);transition:all .3s}
.partners .marquee ul li img:hover{filter:none;box-shadow:0 10px 26px rgba(11,43,64,.12)}

/* ---------- CTA 带 ---------- */
.cta{background:linear-gradient(100deg,var(--gold) 0%,#b78f42 100%);padding:46px 0;color:#fff}
.cta .cta_in{max-width:1200px;margin:0 auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cta h4{font-size:26px;margin:0 0 6px;font-weight:700}
.cta p{margin:0;color:rgba(255,255,255,.9);font-size:14.5px}
.cta .cta_btn{background:#fff;color:var(--navy);font-weight:700;padding:14px 42px;border-radius:40px;text-decoration:none;font-size:16px;box-shadow:0 12px 30px rgba(0,0,0,.16);transition:all .3s;white-space:nowrap}
.cta .cta_btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.22)}
@media(max-width:768px){.cta h4{font-size:19px}.cta .cta_in{padding:0 16px}.cta .cta_btn{padding:11px 30px;font-size:14px}}

/* ---------- 页脚 ---------- */
.footer{background:var(--navy);color:#9db2c0}
.footer .footer_com{padding:52px 0 36px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 200px;gap:40px}
.f_brand img{height:52px;margin-bottom:18px}
.f_brand p{font-size:13.5px;line-height:1.9;color:#8ba2b2;margin:0}
.f_col h6{color:#fff;font-size:16px;margin:4px 0 18px;font-weight:700}
.f_col a{display:block;color:#8ba2b2;font-size:13.5px;line-height:2.2;text-decoration:none;transition:color .2s}
.f_col a:hover{color:var(--gold2)}
.f_contact li{list-style:none;font-size:13.5px;line-height:2.2;color:#8ba2b2;display:flex}
.f_contact li b{color:#c5d3dd;font-weight:600;min-width:64px}
.f_contact ul{padding:0;margin:0}
.f_qr img{width:130px;border-radius:8px;background:#fff;padding:6px}
.f_qr span{display:block;font-size:12.5px;margin-top:10px;color:#8ba2b2}
.footer .copy{background:#081f2f;padding:18px 0}
.footer .copy span{font-size:12.5px;color:#6f8798}
.footer .copy a{color:#6f8798;text-decoration:none}
.footer .copy a:hover{color:var(--gold2)}
@media(max-width:992px){.footer .footer_com{grid-template-columns:1fr 1fr;padding:34px 20px 20px;gap:26px}}
@media(max-width:560px){.footer .footer_com{grid-template-columns:1fr}}

/* ---------- 内页 ---------- */
.banner img{width:100%}
.left_zi .top_com{background:linear-gradient(135deg,var(--navy),#12507a)}
.left_zi .nav_left li.activee a,.left_zi .nav_left li a:hover{color:var(--navy);border-left-color:var(--gold)}
.left_zi .pro_lei .top{background:var(--navy)}
.bar .b_tt{color:var(--navy)}
.bar .b_tt:after,.bar{border-bottom-color:var(--line)}
.right_zi .bar span.curbar a:hover{color:var(--gold)}
.pbdy h3,.about_zi h3{color:var(--navy);font-size:19px;margin:26px 0 10px;font-weight:700}
.pbdy p,.about_zi p{line-height:2;color:#48555f;font-size:15px}
.pbdy img,.about_zi img{max-width:100%;border-radius:8px;margin:10px 0}
.news_show_zi h1{color:var(--navy);font-size:26px;line-height:1.5}
.news_show_zi .wzxn{border-bottom:1px dashed var(--line);color:#93a2ad}
.pro_zi_ul li .text p{color:var(--navy);font-weight:600}
.pro_zi_ul li:hover .text a,.pro_zi_ul li .text a:hover{color:var(--gold)}
.news_zi_ul li a:hover h4{color:var(--gold)}
.pro_show1 .right h4{color:var(--navy)}
.pro_show2 .top_3,.xi_guan .guan_c span{color:var(--navy)}
.honor_ul li{border-radius:10px;overflow:hidden}
.honor_ul li p{color:var(--navy);font-weight:600}
.down_ul li a span{color:var(--ink)}
.down_ul li a:hover span{color:var(--gold)}
.pagebar .pagination a:hover,.pagebar .pagination .active a{background:var(--navy);border-color:var(--navy);color:#fff}
.btn_th{background:var(--navy);border-radius:6px;transition:all .3s}
.btn_th:hover{background:var(--gold)}
.cont_zi .con_cc .left p{color:var(--navy)}

/* ---------- 移动端底部导航 ---------- */
.phonefooternav ul li a i{color:var(--navy)}
.phonefooternav ul li a span{color:#5a6b77}
#mmenu{background:#0f2433}
#mmenu ul li a{color:#cfe0ea}
#mmenu ul li a:hover{color:var(--gold2)}
