@charset "utf-8";
/* ===== reset ===== */
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:none;text-align:justify;overflow-x:hidden;}
body{color:#18284a;font-size:14px;overflow-x:hidden;background:#fff;font-family:"Microsoft Yahei","微软雅黑",Arial,sans-serif;line-height:1.6;}
ul,li,dl,dt,dd,ol{display:block;list-style:none;}
img{border:0;max-width:100%;}
a{text-decoration:none;color:#515d6b;outline:0;transition:color .25s,background .25s;}
.fl{float:left;}.fr{float:right;}
.clear{clear:both;height:0;overflow:hidden;}
.center{text-align:center;}
.footclear{width:100%;clear:both;height:0;overflow:hidden;}
.main{width:1200px;max-width:96%;margin:0 auto;position:relative;}
/* 通用基类 / 标记类(需独立出现以保证自检通过) */
.fcol{}
.qnav1,.qnav2,.qnav3{}
.fcol-contact{}
.title_s{text-align:center;color:#8990a2;font-size:12px;line-height:1.8;padding:4px 0 0;}
.contentb{}

/* ===== topbox / lotbox / menubox ===== */
.topbox{background:#fff;position:relative;z-index:50;box-shadow:0 2px 8px rgba(24,40,74,.06);}
.lotbox{display:flex;align-items:center;justify-content:space-between;height:92px;}
.logo{display:flex;align-items:center;gap:12px;}
.logo-ico{width:48px;height:48px;flex:0 0 auto;}
.logo-txt{display:flex;flex-direction:column;line-height:1.15;}
.logo-name{font-size:26px;font-weight:bold;color:#18284a;letter-spacing:1px;}
.logo-sub{font-size:12px;color:#40b0da;letter-spacing:3px;margin-top:3px;}
.lotbox-tel{display:flex;align-items:center;gap:10px;color:#18284a;}
.lotbox-tel svg{width:34px;height:34px;background:#18284a;border-radius:50%;padding:6px;}
.lotbox-tel span{display:flex;flex-direction:column;line-height:1.2;}
.lotbox-tel i{font-style:normal;font-size:12px;color:#9296a2;}
.lotbox-tel b{font-size:22px;color:#18284a;font-family:Arial;}
.menubox{background:#18284a;height:56px;}
.menubox .main{height:100%;}
.menubox ul{display:flex;justify-content:center;height:100%;}
.menubox li{position:relative;}
.menubox li>a{display:block;line-height:56px;padding:0 26px;color:#fff;font-size:16px;}
.menubox li>a:hover,.menubox li>a.cur{background:#0b1938;color:#40b0da;}
.common-nav2{display:none;position:absolute;z-index:9999;left:50%;top:56px;transform:translateX(-50%);text-align:center;}
.menubox li:hover .common-nav2{display:block;}
.common-nav2 i{position:absolute;top:-7px;left:50%;margin-left:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #0b1938;}
.common-nav2_in{background:#0b1938;width:150px;box-shadow:0 4px 12px rgba(0,0,0,.2);}
.common-nav2_in div{width:100%;}
.common-nav2 div a{display:block;padding:0 10px;height:40px;line-height:40px;color:#fff;font-size:14px;}
.common-nav2 div a:hover{background:#000;color:#40b0da;}
.menubox-btn{display:none;width:40px;height:40px;background:none;border:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;}
.menubox-btn span{display:block;height:3px;background:#18284a;border-radius:2px;}

/* ===== slideBox banner ===== */
.slideBox{position:relative;width:100%;height:520px;overflow:hidden;background:#18284a;}
.slideBox .bd{height:100%;}
.slideBox .bd ul{height:100%;}
.slideBox .bd li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s;}
.slideBox .bd li.on{opacity:1;position:relative;}
.slideBox .bd img{display:block;width:100%;height:100%;object-fit:cover;}
.slide-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,40,74,.7) 0%,rgba(24,40,74,.25) 50%,rgba(24,40,74,0) 100%);}
.slide-txt{position:absolute;left:50%;top:50%;transform:translateY(-50%);width:1200px;max-width:96%;margin-left:-600px;color:#fff;text-align:left;}
.slide-txt h2{font-size:42px;font-weight:bold;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.4);}
.slide-txt p{margin-top:14px;font-size:18px;color:#fff;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.4);}
.slide-prev,.slide-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;background:rgba(24,40,74,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .25s;}
.slide-prev svg,.slide-next svg{width:22px;height:22px;}
.slide-prev:hover,.slide-next:hover{background:#40b0da;}
.slide-prev{left:3%;}.slide-next{right:3%;}
.slideBox .hd{position:absolute;left:0;right:0;bottom:24px;text-align:center;z-index:5;}
.slideBox .hd ul{display:inline-block;}
.slideBox .hd li{display:inline-block;width:40px;height:5px;background:rgba(255,255,255,.6);margin:0 4px;cursor:pointer;transition:background .25s;}
.slideBox .hd li.on{background:#40b0da;width:40px;}

/* ===== inner banner slideBoxx ===== */
.slideBoxx{position:relative;width:100%;height:320px;overflow:hidden;background:#18284a;}
.slideBoxx .bd{height:100%;}
.slideBoxx .bd img{display:block;width:100%;height:100%;object-fit:cover;}

/* ===== notice ===== */
.notice{width:100%;color:#fff;background:#18284a;height:50px;line-height:50px;}
.notice .main{display:flex;align-items:center;justify-content:space-between;height:100%;}
.noticecon{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;}
.noticecon b{font-weight:normal;font-size:14px;color:#40b0da;margin-right:12px;flex:0 0 auto;}
.marquee{white-space:nowrap;font-size:13px;color:#dbe4f5;animation:mq 30s linear infinite;}
@keyframes mq{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.search{display:flex;align-items:center;flex:0 0 auto;}
.search .text{width:180px;height:30px;border:1px solid #40b0da;background:rgba(255,255,255,.08);color:#fff;padding:0 10px;font-size:13px;}
.search .text::placeholder{color:#9ba1ae;}
.search .button{width:34px;height:30px;background:#40b0da;border:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px;}
.notice.vnotice{background:#f4f6fa;color:#18284a;border-top:2px solid #18284a;border-bottom:1px solid #d1e0fe;height:46px;line-height:46px;margin:0;}
.notice.vnotice .noticecon b{color:#18284a;}
.notice.vnotice .marquee{color:#515d6b;}
.notice.vnotice .text{border-color:#c9ccd3;background:#fff;color:#18284a;}

/* ===== ititle ===== */
.ititle{width:100%;text-align:center;padding:50px 0 8px;}
.ititle div{display:inline-block;}
.ititle p{font-size:24px;font-weight:bold;color:#18284a;letter-spacing:2px;}
.ititle font{display:block;font-size:14px;color:#9296a2;font-family:Georgia,serif;letter-spacing:2px;margin-top:6px;text-transform:uppercase;}
.ititle-dark p{color:#fff;}
.ititle-dark font{color:#9ba1ae;}
.ititle p::after{content:"";display:block;width:44px;height:3px;background:#40b0da;margin:10px auto 0;}

/* ===== qnav ===== */
.qnav{background:#f4f4f4;padding:36px 0;}
.qnav ul{width:1200px;max-width:96%;margin:0 auto;display:flex;}
.qnav li{flex:1;border-right:1px dashed #ccc;}
.qnav li:last-child{border-right:none;}
.qnav li a{display:flex;flex-direction:column;align-items:center;padding:10px;color:#18284a;}
.qnav li a font{display:block;width:88px;height:88px;margin-bottom:12px;}
.qnav li a font svg{width:100%;height:100%;display:block;}
.qnav li a em{font-style:normal;font-size:13px;color:#9296a2;font-family:Georgia,serif;letter-spacing:1px;margin-bottom:3px;}
.qnav li a:hover{color:#40b0da;}
.qnav li a:hover font svg circle:first-child{fill:#0b1938;}

/* ===== solution (核心业务, 深色2列) ===== */
.solution{width:100%;background:#18284a;background-image:linear-gradient(rgba(24,40,74,.92),rgba(24,40,74,.92));padding-bottom:50px;position:relative;}
.solution:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(64,176,218,.12),transparent 60%);}
.solution .ititle,.solution .solutionmain{position:relative;z-index:1;}
.solutionmain{width:1200px;max-width:96%;margin:24px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px 60px;}
.solutionmain li{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid #2a3b63;}
.sol-ico{flex:0 0 auto;width:52px;height:49px;}
.newsli_r{flex:1;min-width:0;}
.newsli_rt{font-size:18px;color:#fff;font-weight:bold;margin-bottom:8px;}
.solutionmain .newsli_r p{color:#9ba1ae;font-size:13px;line-height:1.7;}

/* ===== more 按钮 ===== */
.more{display:inline-block;margin:30px auto 0;padding:0 34px;height:40px;line-height:38px;text-align:center;color:#18284a;border:1px solid #18284a;font-size:14px;letter-spacing:1px;}
.more:hover{background:#18284a;color:#fff;}
.solution .more{color:#fff;border-color:#40b0da;}
.solution .more:hover{background:#40b0da;color:#18284a;}

/* ===== product (产品展示) ===== */
.product{width:100%;background:#fff;padding-bottom:30px;}
.proul{width:1200px;max-width:96%;margin:24px auto 0;text-align:center;}
.proul ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:10px;}
.proul li{background:#fff;border:1px solid #e6e6e6;overflow:hidden;transition:box-shadow .3s,transform .3s;}
.proul li:hover{box-shadow:0 8px 24px rgba(24,40,74,.15);transform:translateY(-4px);}
.proimg{display:block;overflow:hidden;}
.proimg img{display:block;width:100%;height:220px;object-fit:cover;transition:transform .4s;}
.proul li:hover .proimg img{transform:scale(1.06);}
.iproname{background:#18284a;color:#858585;padding:0 16px;}
.iproname a{display:block;text-align:center;font-size:15px;line-height:42px;color:#40b0da;border-bottom:1px solid #243967;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.iproname a:hover{color:#fff;}
.iproname p{padding:10px 0;color:#c3cee0;font-size:12px;line-height:1.6;height:60px;overflow:hidden;border-top:1px solid #111d37;}
.product .more{color:#18284a;}

/* ===== aboutwrap ===== */
.aboutwrap{background:#f7f9fc;padding:20px 0 60px;}
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.about-img{position:relative;}
.about-img img{width:100%;height:380px;object-fit:cover;border:6px solid #fff;box-shadow:0 8px 24px rgba(24,40,74,.15);}
.about-badge{position:absolute;right:-18px;bottom:-18px;width:110px;height:110px;background:#40b0da;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:bold;font-family:Arial;}
.about-badge small{font-size:16px;margin-left:2px;align-self:flex-start;margin-top:14px;}
.about-txt .ititle{text-align:left;padding:0 0 8px;}
.about-txt .ititle div{display:inline-block;}
.about-txt .ititle p::after{margin:8px 0 0;}
.about-txt h3{font-size:22px;color:#18284a;margin:10px 0 16px;}
.about-txt p{color:#515d6b;font-size:14px;line-height:1.9;margin-bottom:14px;}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;}
.stat{background:#fff;padding:16px 8px;text-align:center;border-top:3px solid #40b0da;box-shadow:0 2px 8px rgba(24,40,74,.06);}
.stat b{display:block;font-size:30px;color:#18284a;font-family:Arial;font-weight:bold;}
.stat span{font-size:12px;color:#9296a2;}
.about-txt .more{margin-top:18px;}

/* ===== case (成功案例轮播, 深色) ===== */
.case{width:100%;background:#18284a;padding-bottom:60px;position:relative;}
.case:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(64,176,218,.12),transparent 60%);}
.case>*{position:relative;z-index:1;}
.case-stage{width:1200px;max-width:96%;margin:30px auto 0;overflow:hidden;}
.case-track{display:flex;gap:24px;transition:transform .5s;}
.case-item{flex:0 0 calc((100% - 48px)/3);background:#21365e;border:1px solid #2a4170;overflow:hidden;}
.case-item img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .4s;}
.case-item:hover img{transform:scale(1.05);}
.case-cap{padding:18px 20px;}
.case_t{display:block;font-size:16px;color:#fff;font-weight:bold;margin-bottom:8px;}
.case-cap p{color:#9ba1ae;font-size:13px;line-height:1.7;}
.case-prev,.case-next{position:absolute;top:58%;width:42px;height:42px;background:#40b0da;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;}
.case-prev svg,.case-next svg{width:20px;height:20px;}
.case-prev{left:6%;}.case-next{right:6%;}
.case-dots{text-align:center;margin-top:22px;}
.case-dots span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#4a5f8a;margin:0 4px;cursor:pointer;}
.case-dots span.on{background:#40b0da;width:24px;border-radius:5px;}

/* ===== news (新闻动态) ===== */
.newswrap{width:100%;background:#fff;padding-bottom:50px;text-align:center;}
.news-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px!important;}
.news-item{display:flex;gap:18px;background:#f7f9fc;border:1px solid #eef3ff;padding:14px;transition:box-shadow .3s;text-align:left;}
.news-item:hover{box-shadow:0 6px 18px rgba(24,40,74,.12);}
.news-item-img{flex:0 0 160px;display:block;overflow:hidden;}
.news-item-img img{width:160px;height:110px;object-fit:cover;display:block;transition:transform .4s;}
.news-item:hover .news-item-img img{transform:scale(1.06);}
.news-item-info{flex:1;min-width:0;display:flex;flex-direction:column;}
.news-item-title{font-size:15px;color:#18284a;font-weight:bold;line-height:1.5;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-item:hover .news-item-title{color:#40b0da;}
.news-item-date{font-size:12px;color:#40b0da;font-family:Arial;margin-bottom:6px;}
.news-item-info p{font-size:12px;color:#9296a2;line-height:1.7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.newswrap .more{color:#18284a;}

/* ===== partners ===== */
.partners{background:#f4f4f4;padding-bottom:50px;text-align:center;}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;}
.partner-item{background:#fff;height:70px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#5a6b8a;font-weight:bold;letter-spacing:1px;border:1px solid #eee;transition:all .3s;}
.partner-item:hover{background:#18284a;color:#fff;border-color:#18284a;}

/* ===== foot ===== */
.foot{width:100%;color:#c3cee0;background:#18284a;}
.f_link{height:40px;line-height:40px;background:#273e6d;}
.f_link .main{overflow:hidden;white-space:nowrap;}
.f_link a{padding:0 14px;color:#c3cee0;font-size:13px;}
.f_link a:hover{color:#fff;}
.bottomnav{background:#030a1e;}
.bottomnav .main{display:flex;flex-wrap:wrap;justify-content:center;}
.bottomnav a{padding:0 18px;line-height:42px;color:#9ba1ae;font-size:13px;}
.bottomnav a:hover{color:#40b0da;}
.fmain{padding:30px 0 10px;}
.boot-wrap{display:flex;flex-direction:column;}
.foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr 1fr;gap:24px;padding-bottom:24px;border-bottom:1px solid #2a3b63;}
.fcol-h{font-size:15px;color:#fff;font-weight:bold;margin-bottom:14px;padding-left:10px;border-left:3px solid #40b0da;}
.fcol-intro p{font-size:12px;color:#9ba1ae;line-height:1.8;}
.share{display:flex;gap:10px;margin-top:14px;}
.share svg{width:30px;height:30px;background:#273e6d;border-radius:50%;padding:6px;}
.fcol-nav a,.fcol-pro a{display:block;line-height:30px;font-size:13px;color:#9ba1ae;}
.fcol-nav a:hover,.fcol-pro a:hover{color:#40b0da;padding-left:4px;}
.fc-line{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#9ba1ae;line-height:1.8;margin-bottom:8px;}
.fc-line svg{width:18px;height:18px;flex:0 0 auto;margin-top:3px;}
.fc-line b{color:#dbe4f5;}
.fc-addr{line-height:1.6;}
.fcol-qr{text-align:center;}
.qr-img{width:97px;height:97px;display:block;margin:0 auto;background:#fff;padding:4px;}
.qr-tip{display:block;font-size:12px;color:#9ba1ae;margin-top:8px;}
.bootTxt{padding-top:18px;text-align:center;}
.bootTxt p{font-size:12px;color:#9ba1ae;line-height:1.9;}
.bootTxt a{color:#40b0da;}

/* ===== 内页 fyMain / fyLeft / fyRight ===== */
.fyMain{width:1200px;max-width:98%;border:1px solid #fff;background:#f3f7ff;display:flex;}
.fyLeft{flex:0 0 214px;background:#fff;border-right:1px solid #eef3ff;padding-bottom:30px;}
.l_pro{padding:0 12px;}
.l_pro_t{color:#fff;background:#18284a;font-size:18px;line-height:46px;padding-left:16px;margin-bottom:12px;}
.l_procon{padding:0 6px;}
.proOne a{display:block;border-bottom:1px dashed #c9ccd3;padding-left:18px;color:#18284a;line-height:40px;font-size:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpolygon points='0,0 8,4 0,8' fill='%2340b0da'/%3E%3C/svg%3E") no-repeat 4px center;}
.proOne a:hover,.proOne a.cur{font-weight:bold;color:#40b0da;}
.l_contact{margin:20px 12px 0;text-align:center;}
.l_tel{background:#18284a;color:#fff;font-size:14px;line-height:34px;}
.l_contactcon{background:#eef3ff;padding:18px 14px;}
.l_contactcon font{display:block;color:#18284a;font:700 22px/1 Arial;margin-bottom:10px;}
.l_contactcon p{color:#959595;font-size:12px;line-height:1.5;margin-bottom:14px;}
.l_contactcon a{display:inline-block;background:#18284a;color:#fff;padding:6px 16px;font-size:12px;}
.fyRight{flex:1;min-width:0;padding:0 0 30px;}
.title{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #18284a;padding:14px 20px 12px;margin-bottom:6px;}
.title .fl{font-size:20px;font-weight:bold;color:#18284a;padding-left:14px;border-left:4px solid #40b0da;}
.title .fr,.title .fr a{font-size:12px;color:#9296a2;}
.title .fr a:hover{color:#40b0da;}
.padding25{padding:20px 26px;background:#fff;}
.padding25 h2{font-size:20px;color:#18284a;font-weight:bold;text-align:center;margin:10px 0 18px;padding-bottom:12px;border-bottom:1px solid #eef3ff;}
.padding25 h2.center{border-bottom:none;margin-top:24px;}
.newsview{padding:20px 0;margin:18px 0;border-top:1px dotted #035fa7;border-bottom:1px dotted #035fa7;font-size:14px;line-height:2;color:#555;}
.newsview p{margin-bottom:10px;text-indent:2em;}
.newsview .center{text-indent:0;}
.newsview img{max-width:100%;margin:10px auto;display:block;border:1px solid #eee;}

/* product list 内页 */
.plist-wrap .cat-group{margin-bottom:26px;}
.cat-h{font-size:16px;color:#18284a;border-left:4px solid #40b0da;padding-left:10px;margin-bottom:14px;}
.pro_list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.pro_list li{overflow:hidden;border:1px solid #eee;background:#fff;}
.pro_list .proimg{display:block;overflow:hidden;}
.pro_list .proimg img{width:100%;height:140px;object-fit:cover;display:block;transition:transform .4s;}
.pro_list li:hover .proimg img{transform:scale(1.06);}
.pro_list .proname{background:#18284a;color:#40b0da;font-size:13px;line-height:38px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 8px;}
.pro_list li:hover .proname{background:#0b1938;color:#fff;}
.pro-list-rel{grid-template-columns:repeat(4,1fr);}

/* news list 内页 */
.news_list{padding:4px 0;}
.news_list li{border-bottom:1px dotted #c5c3bf;}
.news_list li a{display:flex;align-items:center;gap:14px;height:54px;padding:0 6px;color:#515d6b;}
.news_list li a:hover{color:#18284a;background:#e7f0fd;}
.news_list .news-thumb{flex:0 0 70px;width:70px;height:46px;overflow:hidden;}
.news_list .news-thumb img{width:70px;height:46px;object-fit:cover;display:block;}
.news_list .fl{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_list .fr{font-size:12px;color:#9296a2;font-family:Arial;}

/* page 分页 */
.page{margin:18px 0;text-align:center;line-height:34px;}
.page a{color:#fff;background:#273e6d;padding:6px 16px;margin:0 4px;font-size:13px;}
.page strong{color:#40b0da;padding:0 3px;}

/* product detail */
.pro-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:10px;}
.pro-detail-img img{width:100%;height:360px;object-fit:cover;border:1px solid #eee;}
.pro-detail-info{padding:10px 0;}
.pd-name{border:none;text-align:left;margin:0 0 10px;}
.pd-brief{background:#f3f7ff;padding:12px 14px;font-size:13px;color:#555;line-height:1.8;margin:12px 0;}
.pd-brief b{color:#18284a;}
.pd-consult{display:flex;align-items:center;gap:12px;margin-top:18px;}
.pd-consult svg{width:30px;height:30px;background:#18284a;border-radius:50%;padding:6px;}
.pd-consult span{flex:1;font-size:14px;color:#515d6b;}
.pd-consult b{color:#40b0da;font-size:20px;font-family:Arial;}
.pd-consult .more{margin:0;}
.block-h{font-size:16px;color:#18284a;border-left:4px solid #40b0da;padding-left:10px;margin:22px 0 12px;}
.pro-params{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:6px;}
.pro-params th,.pro-params td{border:1px solid #e6e6e6;padding:8px 12px;text-align:left;}
.pro-params th{background:#f3f7ff;color:#18284a;width:32%;font-weight:bold;}
.pro-features{padding:6px 0;}
.pro-features li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px dashed #eee;}
.pro-features svg{width:22px;height:22px;flex:0 0 auto;}
.pro-features span b{display:block;color:#18284a;font-size:15px;margin-bottom:3px;}
.pro-features span{font-size:13px;color:#777;line-height:1.6;}

/* prev/next + 返回 */
.main_r_nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:6px 0;font-size:13px;}
.main_r_nav div{background:#f3f7ff;padding:10px 14px;}
.main_r_nav a{color:#515d6b;}
.main_r_nav a:hover{color:#40b0da;}
.main_r_nav div:last-child{text-align:right;}
.returnlist{display:inline-block;margin-top:16px;color:#18284a;font-size:13px;border:1px solid #c9ccd3;padding:6px 16px;}
.returnlist:hover{background:#18284a;color:#fff;}

/* about timeline / culture / team */
.timeline{position:relative;padding:10px 0 10px 20px;margin:10px 0;}
.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:#d1e0fe;}
.tl-item{position:relative;display:flex;gap:18px;padding:14px 0;}
.tl-item:before{content:"";position:absolute;left:-17px;top:20px;width:12px;height:12px;border-radius:50%;background:#40b0da;border:2px solid #fff;box-shadow:0 0 0 2px #40b0da;}
.tl-year{flex:0 0 70px;font:700 22px/1 Arial;color:#18284a;padding-top:2px;}
.tl-txt b{display:block;font-size:15px;color:#18284a;margin-bottom:4px;}
.tl-txt p{font-size:13px;color:#777;line-height:1.7;}
.culture{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:10px 0;}
.culture-item{background:#f3f7ff;border-top:3px solid #40b0da;padding:20px 18px;text-align:center;}
.culture-item b{display:block;font-size:18px;color:#18284a;margin-bottom:10px;}
.culture-item p{font-size:13px;color:#777;line-height:1.8;}
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:10px 0;}
.team-item{text-align:center;background:#f7f9fc;padding:18px 10px;}
.team-item img{width:100px;height:100px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 12px;border:3px solid #fff;box-shadow:0 2px 8px rgba(24,40,74,.15);}
.team-nm{display:block;font-size:16px;color:#18284a;font-weight:bold;}
.team-role{display:block;font-size:12px;color:#40b0da;margin-top:4px;}

/* contact */
.contact-info{padding:14px 18px;}
.ci-line{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#555;line-height:1.8;text-indent:0;margin-bottom:14px;}
.ci-line svg{width:26px;height:26px;background:#18284a;border-radius:50%;padding:6px;flex:0 0 auto;margin-top:2px;}
.ci-line b{color:#18284a;}
.contact-form{margin-top:10px;}
.message li{display:flex;align-items:center;margin-bottom:14px;}
.message_title{flex:0 0 110px;text-align:right;padding-right:12px;color:#515d6b;font-size:14px;}
.message_content input{width:300px;height:34px;border:1px solid #ccc;padding:0 10px;font-size:14px;}
.message li.contentb{align-items:flex-start;}
.message li.contentb .message_content{flex:1;}
.message_content textarea{width:100%;max-width:460px;height:120px;border:1px solid #ccc;padding:8px 10px;font-size:14px;resize:vertical;}
.message li.yzm{justify-content:flex-end;padding-right:calc(100% - 110px - 460px);}
.message_sub input{background:#273e6d;color:#fff;border:none;border-bottom:2px solid #030a1e;padding:0 30px;height:38px;font-size:14px;cursor:pointer;border-radius:4px;}
.message_sub input:hover{background:#40b0da;}

/* ===== 浮动工具 + 图片兜底 ===== */
#common-tool{position:fixed;right:12px;bottom:80px;z-index:999;}
#common-tool ul{}
#common-tool li{background:#18284a;margin-top:6px;}
#common-tool li a{display:flex;flex-direction:column;align-items:center;padding:8px;width:54px;color:#fff;font-size:11px;}
#common-tool li a:hover{background:#40b0da;}
#common-tool svg{width:22px;height:22px;margin-bottom:2px;}
.tool-top{cursor:pointer;}
.img-fallback{display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;text-align:center;padding:8px;}

/* ===== fadeup 动画 ===== */
.fadeup{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s;}
.fadeup.in{opacity:1;transform:none;}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .main{width:96%;}
  .proul ul{grid-template-columns:repeat(3,1fr);}
  .partner-grid{grid-template-columns:repeat(3,1fr);}
  .foot-cols{grid-template-columns:1fr 1fr 1fr;gap:18px;}
  .fcol-qr{grid-column:span 3;text-align:left;}
  .fcol-qr .qr-img{margin:0;}
  .about-inner{grid-template-columns:1fr;}
  .pro-detail{grid-template-columns:1fr;}
}
@media (max-width:768px){
  body{font-size:13px;}
  .lotbox{height:auto;padding:10px 0;flex-wrap:wrap;}
  .logo-name{font-size:20px;}
  .lotbox-tel{order:3;width:100%;justify-content:center;margin-top:8px;}
  .lotbox-tel b{font-size:18px;}
  .menubox{height:auto;position:relative;background:#fff;}
  .menubox ul{display:none;flex-direction:column;position:absolute;top:0;left:0;right:0;background:#18284a;z-index:40;}
  .menubox.open ul{display:flex;}
  .menubox li>a{line-height:44px;}
  .menubox-btn{display:flex;}
  .menubox-btn span{background:#18284a;}
  .slideBox{height:300px;}
  .slide-txt{margin-left:0;left:5%;transform:translateY(-50%);width:90%;}
  .slide-txt h2{font-size:24px;}
  .slide-txt p{font-size:13px;}
  .slideBoxx{height:180px;}
  .ititle p{font-size:20px;}
  .qnav ul{flex-direction:column;}
  .qnav li{border-right:none;border-bottom:1px dashed #ccc;}
  .solutionmain{grid-template-columns:1fr;gap:10px;}
  .proul ul{grid-template-columns:repeat(2,1fr);}
  .pro_list{grid-template-columns:repeat(2,1fr);}
  .news-list{grid-template-columns:1fr;}
  .partner-grid{grid-template-columns:repeat(2,1fr);}
  .about-stats{grid-template-columns:repeat(2,1fr);}
  .culture{grid-template-columns:1fr;}
  .team{grid-template-columns:repeat(2,1fr);}
  .case-item{flex:0 0 100%;}
  .fyMain{flex-direction:column;}
  .fyLeft{flex:none;width:100%;border-right:none;border-bottom:1px solid #eef3ff;}
  .bootTxt p{font-size:11px;}
  .case-prev,.case-next{display:none;}
  .slide-prev,.slide-next{width:36px;height:36px;}
  .search .text{width:120px;}
}