@charset "utf-8";
/* CSS Document */
.topww{ background:#eeeeee;}

.menubox{ background-color:rgba(0,146,229,0.9);}
.nav .nLi h3{ background:url(../img/mubg.jpg) right center no-repeat;}
.nav .sub li{ background-color:rgba(0,146,229,0.9); border-bottom:1px solid rgba(255,255,255,0.2);}
.nav .sub a:hover{ color:#fff; background-color:rgba(255,255,255,0.2);}
.nav .cur h3 a{ color:#fff; background:#fdd000;}
.nav a{ color:#fff;}

.wwl{ color:#585858;}
.wwr h3{ color:#585858;}
.ttel{ color:#8e8e8e;}
.ttel h3{ color:#8e8e8e;}
.tico li a:hover{ color:#000;}
.weixin h3{ background:#0092e5; color:#fff;}

.sou{ border-top:1px solid #ececec; border-bottom:1px solid #ececec;}

.ait{ color:#ececec;}
.bit{ color:#0092e5;}
.ab1{ background:url(../img/cc.jpg) center right no-repeat;}
.ab1 i{ background:#0092e5;}
.ab1 a:hover i{ background:#585858;}
.ab1 h1{ color:#d8d8d8;}
.ab1 h2{ color:#585858;}
.ab2{ background:url(../img/cc.jpg) center right no-repeat;}
.ab2 i{ background:#fdd000;}
.ab2 a:hover i{ background:#585858;}
.ab2 h1{ color:#d8d8d8;}
.ab2 h2{ color:#585858;}
.abcon{ color:#585858;}
.abl{ background:#f8f8f8;}
.abr{ background:#f8f8f8;}

.htit h1{ color:#0092e5;}
.htit .tix .hx{ background:#ececec;}
.htit .tix .zx{ background:#fdd000;}
.htit h2{ color:#d8d8d8;}
.fl a{ border:1px solid #ececec;}
.fl .on a{ color:#fff; background:#0092e5; border:1px solid #0092e5;}

.cpbox li{ border:1px solid #ececec;}
.cpbox li .ti a{ background:#ececec;}
.cpbox li .ti a:hover{ color:#fff; background:#0092e5;}

.more .mh{ background:#f5f5f5;}
.more .mz h1{ color:#0092e5;}
.more .mz h2{ color:#d8d8d8;}

.erbox{ background:#ececec;}
.lxbox{ background:#0092e5;}
.lh{ background:#0092e5;}
.rh{ background:#ececec;}
.lxcon .hm{ color:#fff;}
.lxcon .dz{ color:#fff;}
.lltit{ background:#fff;}
.llwz h1{ color:#585858;}
.llwz h2{ color:#fdd000;}
.llwz h3{ color:#585858;}
.erwm{ color:#585858;}

.news-l .hwz{ color:#585858;}
.news-l .hwz h1{ color:#000;}
.news-m{ background:#ececec;}
.news-m .mm{ background:#0092e5;}
.news-m h1{ color:#fff;}
.news-m:hover .mm{ background:#fdd000;}
.news-r h1,h2{ color:#585858;}
.news-r li h3{ color:#000;}
.news-r .cv{ background:#f8f8f8;}
.news-r .cv a{ color:#585858;}
.news-r .cv .rq{ background:#ececec;}
.news-r li:hover .rq{ background:#fdd000;}
.news-r li:hover h1{ color:#fff;}
.news-r li:hover h2{ color:#fff;}
.news-r .on .rq{ background:#fdd000;}
.news-r .on h1{ color:#fff;}
.news-r .on h2{ color:#fff;}

.albox{ background:#f8f8f8;}

.alcon .bd li{ border:1px solid #ececec;}
.alcon .bd li .le a{ background:#ececec;}
.alcon .bd li .le a:hover{ color:#fff; background:#0092e5;}

.foot{ background:#333333;}
.dwz{ color:#fff;}
.dwz a{ color:#fff;}
.h-rwm{ border-left:1px solid #424242; border-right:1px solid #424242; color:#fff;}

.ntit{ background-color:rgba(255,255,255,0.8); border-bottom:1px solid #ececec;}

.ntt h1{ color:#0092e5; border-bottom:3px solid #fdd000;}
.ntt i{ color:#d8d8d8;}

.weiz{ color:#585858;}

.x-tit{ color:#8e8e8e; border-bottom:1px dashed #cecece;}
.x-tit h1{ color:#000;}

.nfl{ background:#f8f8f8; border-bottom:1px solid #ececec;}
.nfl a{ background:#fff; border:1px solid #ececec;}
.nfl .on a{ color:#fff; background:#0092e5; border:1px solid #0092e5;}

.nrwz{ color:#585858;}
.lxwz{ color:#585858;}

.fy{ border-top:1px dashed #cecece; background:#f8f8f8;}

.pageListNav{ background:#f8f8f8; border-top:1px dashed #cecece;}
.pageListNav a{ color:#585858; border:1px solid #cecece;}
.pageListNav a:hover{ color:#fff; background:#0092e5; border:1px solid #0092e5;}
.pageListNav span{ color:#fff; background:#0092e5; border:1px solid #0092e5;}
.pageListNav .ym{ border:1px solid #cecece;}

.flu{ background:#f8f8f8; border-bottom:1px solid #ececec;}
.flu a{ background:#fff; border:1px solid #ececec;}
.flu .on a{ color:#fff; background:#0092e5; border:1px solid #0092e5;}

.ncp li{ border:1px solid #ececec;}
.ncp li .ti a{ background:#ececec;}
.ncp li .ti a:hover{ color:#fff; background:#0092e5;}

.n-news li{ border:1px solid #fff;}
.n-news li:hover{ border:1px solid #ececec; background:#f8f8f8;}
.n-news li .newz{ color:#585858;}
.n-news li .newz a{ color:#000;}
.n-news li .newz h2{ color:#8e8e8e;}

/* PC homepage refresh */
html{ scroll-behavior:smooth;}
body{ min-width:0; overflow-x:hidden; color:#1f2937; background:#fff; line-height:1.7;}
.site-header *, .home-page *, .site-footer *{ box-sizing:border-box;}
.site-header img, .home-page img, .site-footer img{ max-width:100%;}
.site-header a:hover, .home-page a:hover, .site-footer a:hover{ text-decoration:none;}

/* Header */
.site-header.topbox{ height:auto; position:relative; z-index:20; background:#fff; box-shadow:0 8px 28px rgba(15,23,42,.08);}
.site-header .topww{ height:38px; overflow:visible; background:#f6f8fb; border-bottom:1px solid #e8edf3;}
.site-header .wwcon{ width:1200px; height:38px; overflow:visible; display:flex; align-items:center; justify-content:space-between; margin:0 auto;}
.site-header .wwl{ width:auto; max-width:850px; float:none; line-height:38px; color:#64748b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.site-header .header-mini-links{ width:auto; padding:0; float:none; overflow:visible;}
.site-header .header-mini-links a{ display:inline-flex; align-items:center; height:26px; padding:0 14px; border:1px solid #d8e1ec; border-radius:999px; color:#334155; background:#fff;}
.site-header .header-mini-links a:hover{ color:#0092e5; border-color:#0092e5;}
.site-header .site-head-main{ width:1200px; height:104px; overflow:visible; display:flex; align-items:center; margin:0 auto;}
.site-header .logo{ width:420px; height:auto; float:none; overflow:visible; display:flex; align-items:center;}
.site-header .logo a{ display:inline-flex; align-items:center;}
.site-header .logo img{ max-width:270px; max-height:72px; width:auto; height:auto; object-fit:contain;}
.site-header .site-contact{ width:auto; float:none; margin:0 30px 0 auto; padding:0; overflow:visible; display:flex; align-items:center; gap:12px; line-height:1.45; color:#64748b;}
.site-header .site-contact .contact-icon{ width:46px; height:46px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#fff8d6;}
.site-header .site-contact img{ width:28px; height:28px; margin:0; float:none; object-fit:contain;}
.site-header .contact-text{ display:flex; flex-direction:column;}
.site-header .contact-text em{ font-size:13px; color:#64748b;}
.site-header .contact-text strong{ font-size:21px; color:#0f172a; font-family:Arial,"微软雅黑",sans-serif; line-height:1.2;}
.site-header .contact-text strong:empty{ display:none;}
.site-header .site-actions{ float:none; margin:0; overflow:visible; display:flex; align-items:center; gap:10px;}
.site-header .site-action{ display:inline-flex; align-items:center; justify-content:center; min-width:92px; height:38px; padding:0 18px; border-radius:999px; border:1px solid #d8e1ec; color:#334155; background:#fff; font-weight:bold;}
.site-header .site-action.primary{ color:#0f172a; border-color:#fdd000; background:#fdd000;}
.site-header .site-action:hover{ color:#fff; border-color:#0092e5; background:#0092e5;}
.site-header .menubox{ height:56px; position:relative; left:auto; bottom:auto; z-index:30; box-shadow:none; background:#1598d7;}
.site-header .nav{ width:1200px; height:56px; display:flex; align-items:stretch; justify-content:center; overflow:visible; margin:0 auto;}
.site-header .nav .nLi{ float:none; line-height:56px; position:relative; display:block;}
.site-header .nav .nLi h3{ width:auto; min-width:132px; height:56px; float:none; font-size:16px; text-align:center; background:none;}
.site-header .nav .nLi h3 a{ height:56px; line-height:56px; display:block; padding:0 24px; color:#fff; font-weight:bold;}
.site-header .nav .cur h3 a, .site-header .nav .nLi:hover h3 a{ color:#0f172a; background:#fdd000;}
.site-header .nav .sub{ top:56px; left:0; width:100%; min-width:132px; line-height:44px; background:#1598d7; box-shadow:0 16px 30px rgba(15,23,42,.16);}
.site-header .nav .sub li{ background:transparent; border-bottom:1px solid rgba(255,255,255,.18); box-shadow:none;}
.site-header .nav .sub a{ color:#fff; padding:0 12px;}
.site-header .nav .sub a:hover{ background:rgba(255,255,255,.16);}

/* Homepage base */
.home-page{ overflow:hidden; padding:0 0 70px; background:#fff;}
.home-hero.slideBox{ width:100%; min-width:0; height:540px; margin:0 auto; overflow:hidden; background:#0f172a;}
.home-hero:after{ content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:linear-gradient(90deg,rgba(15,23,42,.74),rgba(15,23,42,.30) 48%,rgba(15,23,42,.08)); pointer-events:none;}
.home-hero .bd li{ height:540px; background-size:cover !important; background-position:center !important;}
.home-hero .bd li a{ height:540px;}
.home-hero .hero-content{ width:600px; position:absolute; left:calc(50% - 600px); top:50%; transform:translateY(-50%); z-index:5; color:#fff;}
.home-hero .hero-kicker{ display:inline-flex; align-items:center; height:28px; padding:0 12px; border-radius:999px; background:rgba(253,208,0,.18); color:#fdd000; font-size:12px; font-family:Arial,sans-serif; font-weight:bold;}
.home-hero h1{ margin:18px 0 16px; font-size:48px; line-height:1.18; font-weight:bold; color:#fff;}
.home-hero p{ width:520px; max-width:100%; font-size:18px; line-height:1.9; color:rgba(255,255,255,.86);}
.hero-actions{ display:flex; align-items:center; gap:14px; margin-top:30px;}
.hero-btn{ display:inline-flex; align-items:center; justify-content:center; height:46px; min-width:124px; padding:0 24px; border-radius:999px; background:#fdd000; color:#0f172a; font-weight:bold;}
.hero-btn.ghost{ color:#fff; border:1px solid rgba(255,255,255,.52); background:rgba(255,255,255,.08);}
.hero-btn:hover{ color:#fff; background:#0092e5;}
.home-hero .prev, .home-hero .next{ z-index:6; opacity:.78;}

/* Search */
.home-search-card{ width:1200px; min-height:92px; position:relative; z-index:8; display:flex; align-items:center; justify-content:space-between; gap:32px; margin:-46px auto 78px; padding:22px 30px; border:1px solid #e8edf3; border-radius:8px; background:#fff; box-shadow:0 22px 50px rgba(15,23,42,.11);}
.home-search-copy{ flex:1; min-width:0; display:flex; align-items:baseline; gap:12px; color:#64748b;}
.home-search-copy strong{ color:#0f172a; font-size:18px; font-weight:bold;}
.home-search-copy span{ font-size:14px;}
.home-search.sou{ width:620px; flex:0 0 620px; margin:0; border:1px solid #dce5ef; border-radius:999px; overflow:hidden; background:#fff;}
.home-search form{ position:relative; height:46px;}
.home-search input[type="text"]{ width:100%; height:46px; padding:0 64px 0 22px; border:0; color:#0f172a; outline:none;}
.home-search .go{ width:56px; height:46px; top:0; right:0; border:0; background:url(../img/b-fdj.png) center center no-repeat; background-size:22px auto; cursor:pointer;}

/* Sections */
.home-section{ width:1200px; margin:0 auto 86px;}
.section-head{ text-align:center; margin:0 auto 34px;}
.section-head span{ display:block; margin-bottom:8px; color:#0092e5; font-size:13px; font-family:Arial,"微软雅黑",sans-serif; font-weight:bold; text-transform:uppercase;}
.section-head h2{ font-size:32px; line-height:1.3; color:#0f172a; font-weight:bold;}
.section-head p{ width:620px; max-width:100%; margin:12px auto 0; color:#64748b; font-size:15px;}
.home-more{ margin-top:34px; text-align:center;}
.home-more a{ display:inline-flex; align-items:center; justify-content:center; min-width:142px; height:42px; border:1px solid #d8e1ec; border-radius:999px; color:#334155; background:#fff; font-weight:bold;}
.home-more a:hover{ color:#0f172a; border-color:#fdd000; background:#fdd000;}

/* About */
.home-about-grid{ display:grid; grid-template-columns:520px 1fr; gap:44px; align-items:center;}
.about-image{ height:360px; overflow:hidden; border-radius:8px; background:#eef3f8; box-shadow:0 20px 46px rgba(15,23,42,.10);}
.about-image img{ width:100%; height:100%; display:block; object-fit:cover;}
.about-content{ min-width:0;}
.about-kicker{ display:inline-flex; align-items:center; height:30px; padding:0 12px; border-radius:999px; background:#edf8ff; color:#0092e5; font-size:13px; font-weight:bold;}
.about-text{ color:#475569; font-size:15px; line-height:2; padding:16px 0 24px;}
.about-text p{ margin:0 0 10px;}
.about-links{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
.about-link-card{ min-height:112px; display:flex; align-items:center; gap:16px; padding:22px; border:1px solid #e5ecf3; border-radius:8px; background:#fff; box-shadow:0 14px 34px rgba(15,23,42,.06);}
.about-link-card i{ width:56px; height:56px; flex:0 0 56px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#fdd000;}
.about-link-card i img{ width:30px; height:30px; object-fit:contain;}
.about-service-list .about-link-card i{ color:#0f172a; font-family:Arial,sans-serif; font-size:18px; font-weight:bold;}
.about-service-list .about-link-more i{ color:#fff; background:#0092e5;}
.about-link-card span{ display:block; color:#94a3b8; font-size:12px; font-family:Arial,sans-serif; text-transform:uppercase;}
.about-link-card strong{ display:block; margin-top:4px; color:#0f172a; font-size:18px; font-weight:bold;}
.about-link-card:hover{ transform:translateY(-3px); border-color:#0092e5; box-shadow:0 18px 42px rgba(0,146,229,.14);}

/* Tabs and cards */
.home-tabs{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:-8px 0 28px;}
.home-tabs a{ display:inline-flex; align-items:center; justify-content:center; height:38px; padding:0 18px; border-radius:999px; border:1px solid #dce5ef; color:#475569; background:#fff;}
.home-tabs a:hover{ color:#fff; border-color:#0092e5; background:#0092e5;}
.home-card-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.home-card{ overflow:hidden; border:1px solid #e5ecf3; border-radius:8px; background:#fff; box-shadow:0 16px 36px rgba(15,23,42,.06); transition:all .22s ease;}
.home-card:hover{ transform:translateY(-4px); box-shadow:0 22px 44px rgba(15,23,42,.12);}
.home-card .card-img{ display:block; aspect-ratio:4/3; overflow:hidden; background:#eef3f8;}
.home-card .card-img img{ width:100%; height:100%; display:block; object-fit:cover; transition:transform .45s ease;}
.home-card:hover .card-img img{ transform:scale(1.05);}
.home-card .card-body{ padding:18px 18px 20px;}
.home-card h3{ height:48px; overflow:hidden; font-size:17px; line-height:24px; font-weight:bold;}
.home-card h3 a{ color:#0f172a;}
.home-card h3 a:hover{ color:#0092e5;}
.home-card time{ display:block; margin-top:12px; color:#94a3b8; font-size:13px;}

/* Contact banner */
.home-contact-cta{ width:1200px; display:grid; grid-template-columns:1.2fr .9fr 170px; gap:32px; align-items:center; margin:10px auto 86px; padding:38px 42px; border-radius:8px; background:linear-gradient(135deg,#0f172a 0%,#164e63 100%); color:#fff; box-shadow:0 22px 50px rgba(15,23,42,.18);}
.home-contact-cta .cta-copy span{ display:block; color:#fdd000; font-size:13px; font-family:Arial,sans-serif; font-weight:bold;}
.home-contact-cta h2{ margin:8px 0 10px; color:#fff; font-size:28px; line-height:1.35; font-weight:bold;}
.home-contact-cta p{ color:rgba(255,255,255,.78); font-size:15px;}
.cta-info{ padding:0 0 0 26px; border-left:1px solid rgba(255,255,255,.18);}
.cta-info strong{ display:block; color:#fdd000; font-size:28px; font-family:Arial,"微软雅黑",sans-serif; line-height:1.25;}
.cta-info span, .cta-info p{ display:block; margin-top:8px; color:rgba(255,255,255,.78);}
.cta-tags{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px;}
.cta-tags a{ display:flex; align-items:center; justify-content:center; min-height:42px; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:#fff; background:rgba(255,255,255,.08); font-weight:bold;}
.cta-tags a:hover{ color:#0f172a; border-color:#fdd000; background:#fdd000;}
.cta-code{ text-align:center;}
.cta-code img{ width:96px; height:96px; object-fit:contain; border-radius:6px; background:#fff; padding:6px;}
.cta-code span{ display:block; margin-top:8px; color:rgba(255,255,255,.82);}

/* News */
.home-news-layout{ display:grid; grid-template-columns:5fr 7fr; gap:28px; align-items:stretch;}
.news-feature{ overflow:hidden; border-radius:8px; border:1px solid #e5ecf3; background:#fff; box-shadow:0 16px 36px rgba(15,23,42,.06);}
.news-feature-img{ display:block; aspect-ratio:16/10; overflow:hidden; background:#eef3f8;}
.news-feature-img img{ width:100%; height:100%; object-fit:cover; transition:transform .45s ease;}
.news-feature:hover img{ transform:scale(1.05);}
.news-feature-body{ padding:22px;}
.news-feature time{ color:#0092e5; font-size:13px; font-family:Arial,sans-serif;}
.news-feature h3{ margin:8px 0 10px; font-size:20px; line-height:1.45; font-weight:bold;}
.news-feature h3 a{ color:#0f172a;}
.news-feature p{ color:#64748b; line-height:1.9;}
.news-list{ display:grid; gap:14px;}
.news-row{ display:grid; grid-template-columns:82px 1fr; gap:18px; align-items:center; padding:18px 20px; border:1px solid #e5ecf3; border-radius:8px; background:#fff; transition:all .22s ease;}
.news-row:hover{ transform:translateX(4px); border-color:#0092e5; box-shadow:0 14px 32px rgba(0,146,229,.12);}
.news-date{ height:68px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:8px; background:#f6f8fb; color:#0f172a;}
.news-date em{ font-size:26px; line-height:1; font-family:Arial,sans-serif; font-weight:bold;}
.news-date b{ margin-top:5px; font-size:12px; color:#64748b; font-weight:normal;}
.news-text strong{ display:block; color:#0f172a; font-size:17px; line-height:1.45; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-text i{ display:block; margin-top:6px; color:#64748b; line-height:1.7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* Article list */
.home-articles{ margin-bottom:20px;}
.article-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px 22px;}
.article-item{ min-width:0; display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:54px; padding:14px 18px; border:1px solid #e5ecf3; border-radius:6px; background:#fff;}
.article-item:hover{ border-color:#0092e5; background:#f8fbff;}
.article-item strong{ min-width:0; flex:1; color:#0f172a; font-size:15px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article-item span{ flex:0 0 auto; color:#94a3b8; font-size:13px; white-space:nowrap;}

/* Footer */
.site-footer.foot{ padding:52px 0 42px; overflow:hidden; background:#26313b; color:#dbe5ef;}
.site-footer .footer-wrap{ width:1200px; height:auto; display:grid; grid-template-columns:1.12fr 1.08fr .72fr 170px; gap:32px; align-items:start; overflow:visible; margin:0 auto;}
.site-footer .footer-brand h3{ color:#fff; font-size:22px; line-height:1.35; font-weight:bold;}
.site-footer .footer-brand p{ margin-top:12px; color:#b9c6d3; line-height:1.9;}
.footer-actions{ display:flex; gap:10px; margin-top:20px;}
.footer-btn{ display:inline-flex; align-items:center; justify-content:center; height:36px; padding:0 16px; border-radius:999px; color:#0f172a; background:#fdd000; font-weight:bold;}
.footer-btn.ghost{ color:#dbe5ef; border:1px solid rgba(255,255,255,.20); background:transparent;}
.footer-btn:hover{ color:#fff; background:#0092e5;}
.site-footer .footer-info{ width:auto; float:none; margin:0; overflow:visible;}
.site-footer .dwz{ height:auto; padding:0; color:#dbe5ef; line-height:30px;}
.site-footer .dwz a{ color:#fff;}
.site-footer .link{ display:none !important;}
.footer-nav h4{ color:#fff; font-size:16px; font-weight:bold; margin-bottom:12px;}
.footer-nav li{ line-height:28px;}
.footer-nav a{ color:#b9c6d3;}
.footer-nav a:hover{ color:#fdd000;}
.site-footer .footer-qrcode{ width:auto; height:auto; float:none; border:0; text-align:center; color:#b9c6d3;}
.site-footer .footer-qrcode img{ width:108px; height:108px; display:block; object-fit:contain; margin:0 auto 10px; padding:6px; border-radius:6px; background:#fff;}

@media screen and (max-width:1240px){
  .site-header .wwcon, .site-header .site-head-main, .site-header .nav, .home-search-card, .home-section, .home-contact-cta, .site-footer .footer-wrap{ width:calc(100% - 40px);}
  .home-hero .hero-content{ left:20px;}
  .site-header .logo{ width:340px;}
  .site-header .nav{ justify-content:flex-start; overflow-x:auto;}
}

@media screen and (max-width:900px){
  .site-header .wwcon, .site-header .site-head-main{ height:auto; padding:14px 0; flex-wrap:wrap; gap:14px;}
  .site-header .wwl{ max-width:100%;}
  .site-header .logo{ width:100%;}
  .site-header .site-contact{ margin:0;}
  .home-hero.slideBox, .home-hero .bd li, .home-hero .bd li a{ height:460px;}
  .home-hero .hero-content{ width:calc(100% - 40px);}
  .home-hero h1{ font-size:36px;}
  .home-search-card, .home-about-grid, .home-news-layout, .home-contact-cta, .site-footer .footer-wrap{ display:grid; grid-template-columns:1fr;}
  .home-search.sou{ width:100%; flex-basis:auto;}
  .home-card-grid, .article-list{ grid-template-columns:1fr;}
  .about-image{ height:260px;}
  .cta-info{ padding-left:0; border-left:0;}
}