@charset "utf-8";
/* ==========================================================================
   济南安旺酒店管理有限公司 - 全站共享样式
   配色：主色 #00acfa(蓝) / 辅色 #d4a273(金) / 强调 #ff7418(橙)
   深色：#090b0f / #1b1f27(页脚) / #12161e(内页)
   字体：微软雅黑 14px / 行高 24px
   ========================================================================== */

/* ---------- 全局重置 ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;font-size:14px;line-height:24px;color:#333;background:#fff;-webkit-font-smoothing:antialiased;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,a,input,img,form,textarea,select{margin:0;padding:0;}
ul,li,ol{list-style:none;}
a{color:#fff;text-decoration:none;outline:none;transition:color .3s;}
a:hover{text-decoration:none;}
img{max-width:100%;border:0;vertical-align:middle;}
i,em{font-style:normal;}
h1,h2,h3,h4,h5{font-weight:normal;}
input,textarea,select,button{font-family:inherit;outline:none;border:none;background:none;}

/* ---------- 通用工具类 ---------- */
.clearfix{display:block;clear:both;}
.clearfix:after{display:block;clear:both;height:0;visibility:hidden;content:".";}
.fl{float:left;}
.fr{float:right;}
.text-c{text-align:center;}
.container{width:90%;max-width:1200px;margin:0 auto;}
.wrap{overflow:hidden;position:relative;}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease;}
.reveal.reveal-in{opacity:1;transform:translateY(0);}

/* 装饰小色条 */
.bar{display:block;width:14px;height:6px;background:#00acfa;margin:6px 0;}

/* ==========================================================================
   顶部信息栏 + 导航栏  (topbox > lotbox + menubox)
   ========================================================================== */
.topbox{position:absolute;top:0;left:0;width:100%;z-index:99;transition:all .4s;}
.topbox.topbox-fixed{position:fixed;top:0;background:rgba(9,11,15,.92);box-shadow:0 2px 12px rgba(0,0,0,.3);}
.lotbox{display:flex;align-items:center;justify-content:space-between;width:90%;max-width:1200px;margin:0 auto;height:74px;}
.logo{display:flex;align-items:center;color:#fff;}
.logo .logo-icon{width:44px;height:44px;flex-shrink:0;margin-right:12px;}
.logo .logo-icon svg{width:100%;height:100%;display:block;}
.logo .logo-text{display:flex;flex-direction:column;line-height:1.1;}
.logo .logo-cn{font-size:22px;font-weight:bold;color:#fff;letter-spacing:1px;}
.logo .logo-en{font-size:11px;color:#00acfa;letter-spacing:2px;margin-top:4px;text-transform:uppercase;}
.lotbox-r{display:flex;align-items:center;}
.lot-phone{display:flex;align-items:center;color:#fff;font-size:16px;}
.lot-phone .lot-ico{width:34px;height:34px;border:1px solid #00acfa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;color:#00acfa;}
.lot-phone .lot-ico svg{width:16px;height:16px;}
.lot-phone .lot-num{font-size:20px;font-weight:bold;color:#fff;font-family:Arial;}
.lot-phone .lot-num small{display:block;font-size:11px;color:#9aa3b2;font-weight:normal;letter-spacing:1px;}

/* 主导航 */
.menubox{background:rgba(9,11,15,.55);border-top:1px solid rgba(255,255,255,.08);}
.menubox .nav-list{display:flex;justify-content:center;width:90%;max-width:1200px;margin:0 auto;}
.nav-item{position:relative;}
.nav-link{display:block;padding:0 26px;line-height:54px;font-size:16px;color:#fff;position:relative;}
.nav-item.has-sub .nav-link::after{content:"";display:inline-block;width:0;height:0;border:4px solid transparent;border-top-color:#00acfa;margin-left:6px;vertical-align:middle;position:relative;top:2px;}
.nav-item.current .nav-link,.nav-item:hover .nav-link{color:#00acfa;}
.nav-item.current .nav-link::before,.nav-item:hover .nav-link::before{content:"";position:absolute;left:50%;top:50%;width:24px;height:2px;background:#00acfa;transform:translateX(-50%);bottom:auto;top:46px;}
/* 下拉子菜单 */
.submenu{position:absolute;top:54px;left:50%;transform:translateX(-50%);min-width:160px;background:rgba(9,11,15,.92);padding:8px 0;display:none;z-index:50;}
.submenu::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:40%;height:3px;background:#00acfa;}
.nav-item:hover .submenu{display:block;}
.submenu-item a{display:block;padding:0 22px;line-height:40px;font-size:14px;color:#cfd6e2;text-align:center;}
.submenu-item a:hover{color:#00acfa;background:rgba(0,172,250,.12);}

/* 移动端头部 */
.molheader{display:none;position:fixed;top:0;left:0;width:100%;height:56px;background:rgba(9,11,15,.95);z-index:99;align-items:center;justify-content:space-between;padding:0 16px;}
.mol-logo{display:flex;align-items:center;color:#fff;}
.mol-logo .logo-icon{width:32px;height:32px;margin-right:8px;}
.mol-logo .logo-icon svg{width:100%;height:100%;}
.mol-logo .logo-cn{font-size:16px;font-weight:bold;color:#fff;}
.mol-toggle{width:28px;height:22px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;}
.mol-toggle span{display:block;width:100%;height:3px;background:#00acfa;border-radius:2px;}

/* 移动端侧滑面板 */
.mob-panel{position:fixed;top:0;right:-280px;width:280px;height:100%;background:#090b0f;z-index:200;transition:right .3s;overflow-y:auto;}
.mob-panel.open{right:0;}
.mob-panel-head{height:60px;background:#12161e;display:flex;align-items:center;justify-content:space-between;padding:0 16px;}
.mob-panel-head .mol-logo .logo-cn{font-size:15px;}
.mob-close{width:26px;height:26px;color:#d4a273;font-size:24px;cursor:pointer;line-height:26px;text-align:center;}
.mob-nav{padding:12px 0;}
.mob-nav li{border-bottom:1px solid #1c2230;}
.mob-nav > li > a{display:block;padding:0 20px;line-height:50px;color:#9aa6b8;font-size:15px;}
/* 手风琴触发链接(JS挂钩) */
.mob-nav > li.has-sub > .mob-link{cursor:pointer;}
.mob-nav > li > a:hover,.mob-nav > li.active > a{color:#00acfa;}
.mob-sub{display:none;background:#12161e;padding:4px 0;}
.mob-sub li a{display:block;padding:0 20px 0 40px;line-height:42px;color:#6b7689;font-size:14px;}
.mob-sub li a:hover{color:#00acfa;}
.mob-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:150;display:none;}
.mob-overlay.open{display:block;}

/* ==========================================================================
   首页 Banner 轮播
   ========================================================================== */
.banner{position:relative;width:100%;overflow:hidden;background:#090b0f;}
.banner-slides{position:relative;width:100%;height:600px;}
.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease;}
.banner-slide.active{opacity:1;z-index:2;}
.banner-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.banner-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(9,11,15,.7) 0%,rgba(9,11,15,.25) 60%,rgba(9,11,15,.1) 100%);z-index:1;}
.banner-text{position:absolute;top:50%;left:10%;transform:translateY(-50%);z-index:3;color:#fff;max-width:560px;}
.banner-text .b-sub{display:inline-block;font-size:13px;letter-spacing:4px;color:#d4a273;text-transform:uppercase;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(212,162,115,.5);}
.banner-text .b-title{font-size:46px;font-weight:bold;line-height:1.3;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4);}
.banner-text .b-desc{font-size:16px;color:#dfe6ef;margin:18px 0 26px;line-height:1.8;}
.banner-text .b-btn{display:inline-block;padding:12px 34px;background:#00acfa;color:#fff;font-size:15px;border-radius:2px;transition:all .3s;}
.banner-text .b-btn:hover{background:#fff;color:#00acfa;}
.banner-dots{position:absolute;bottom:26px;left:10%;z-index:5;display:flex;align-items:center;}
.banner-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 6px;cursor:pointer;transition:all .3s;}
.banner-dot.active{background:#00acfa;width:28px;border-radius:5px;}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;background:rgba(0,0,0,.25);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;z-index:5;cursor:pointer;transition:background .3s;}
.banner-arrow:hover{background:#00acfa;}
.banner-arrow.prev{left:0;}
.banner-arrow.next{right:0;}

/* ==========================================================================
   通用区块标题
   ========================================================================== */
.sec-tt1{font-size:20px;color:#fff;letter-spacing:1px;}
.sec-tt2{font-size:36px;color:#00acfa;font-weight:bold;position:relative;display:inline-block;margin-top:6px;}
.sec-tt2 em{color:#fff;font-weight:normal;font-size:16px;}
.sec-tt2.text-c::after{content:"";display:block;width:14px;height:6px;background:#00acfa;margin:8px auto 0;}

/* ==========================================================================
   section1  特色精选 (4列网格 + 标题块 + 查看更多)
   ========================================================================== */
.section1{position:relative;background:#0c1118;}
.section1::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0c1118 0%,#121a26 100%);opacity:.9;}
.sec1-list{position:relative;display:flex;flex-wrap:wrap;width:90%;max-width:1200px;margin:0 auto;padding:64px 0;z-index:2;}
.sec1-list .col{width:25%;padding:8px;}
.sec1-title{display:flex;flex-direction:column;justify-content:center;color:#fff;}
.sec1-title h3{font-size:22px;color:#fff;}
.sec1-title .en{font-size:28px;color:#00acfa;font-weight:bold;text-transform:uppercase;margin-top:8px;}
.sec1-title .en::after{content:"";display:block;width:30px;height:4px;background:#d4a273;margin-top:12px;}
.sec1-title .desc{font-size:13px;color:#9aa6b8;margin-top:18px;line-height:1.9;}
.sec1-card a{position:relative;display:block;overflow:hidden;background:#000;}
.sec1-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;}
.sec1-card{position:relative;}
.sec1-card .pic{width:100%;height:200px;overflow:hidden;}
.sec1-card .card-mark{position:absolute;top:0;left:-110%;width:100%;height:100%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;transition:left .5s;text-align:center;padding:0 12px;}
.sec1-card:hover .card-mark{left:0;}
.sec1-card:hover img{transform:scale(1.08);}
.sec1-card .card-mark h4{color:#fff;font-size:17px;font-weight:bold;}
.sec1-card .card-mark h4 em{display:block;font-size:12px;color:#00acfa;margin-top:6px;letter-spacing:1px;}
.sec1-card .card-mark .bar{margin:10px auto;background:#fff;}
.sec1-more a{display:flex;align-items:center;justify-content:center;height:200px;background:#00acfa;color:#fff;text-align:center;transition:background .3s;}
.sec1-more a:hover{background:#d4a273;}
.sec1-more .more-inner{color:#fff;}
.sec1-more .more-inner h4{font-size:18px;color:#fff;}
.sec1-more .more-inner .arrow{display:block;width:38px;height:38px;margin:14px auto 0;font-size:24px;}

/* ==========================================================================
   section2  关于我们 (左文右图 + 蓝色色条)
   ========================================================================== */
.section2{background:#0c1118;}
.sec2-wrap{width:90%;max-width:1200px;margin:0 auto;padding:100px 0;display:flex;align-items:center;gap:60px;}
.sec2-left{flex:1;}
.sec2-left .sec-tt1{font-size:20px;}
.sec2-left .sec-tt2{font-size:34px;}
.sec2-left .sec2-info{font-size:14px;color:#9fb0c4;line-height:2;margin:30px 0;text-indent:2em;}
.sec2-left .sec2-points{display:flex;gap:30px;margin-top:10px;}
.sec2-left .point{text-align:left;}
.sec2-left .point .num{font-size:32px;font-weight:bold;color:#00acfa;font-family:Arial;line-height:1;}
.sec2-left .point .num em{font-size:16px;color:#d4a273;}
.sec2-left .point .lab{font-size:13px;color:#9aa6b8;margin-top:8px;}
.sec2-more{display:inline-flex;align-items:center;gap:8px;margin-top:30px;padding:10px 28px;border:1px solid #00acfa;color:#00acfa;font-size:14px;transition:all .3s;}
.sec2-more:hover{background:#00acfa;color:#fff;}
.sec2-right{flex:1;position:relative;}
.sec2-right img{width:100%;height:380px;object-fit:cover;display:block;}
.sec2-right .stripe{position:absolute;right:-14px;top:20px;width:14.6%;height:calc(100% - 40px);background:rgba(0,172,250,.5);}
.sec2-right .gold-stripe{position:absolute;left:-14px;bottom:20px;width:40%;height:6px;background:#d4a273;}

/* ==========================================================================
   section3  核心服务 (全宽堆叠大图卡 + 悬浮切换)
   ========================================================================== */
.section3{background:#090b0f;padding-bottom:20px;}
.sec3-head{text-align:center;padding:90px 0 50px;}
.sec3-head .sec-tt1{color:#fff;}
.sec3-list{width:100%;}
.sec3-item{width:100%;position:relative;overflow:hidden;}
.sec3-item + .sec3-item{margin-top:14px;}
.sec3-item a{display:block;position:relative;width:100%;overflow:hidden;}
.sec3-item .pic{width:100%;height:420px;overflow:hidden;}
.sec3-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;}
.sec3-item .mark{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(9,11,15,.85) 0%,rgba(9,11,15,.3) 100%);transition:opacity .5s;}
.sec3-item .mark1{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,172,250,.8);opacity:0;z-index:2;transition:opacity .5s;display:flex;align-items:center;justify-content:center;}
.sec3-item .mark-inner{position:absolute;top:50%;left:8%;transform:translateY(-50%);z-index:3;color:#fff;}
.sec3-item .mark-inner .en{font-size:14px;color:#00acfa;letter-spacing:3px;text-transform:uppercase;}
.sec3-item .mark-inner h3{font-size:34px;color:#fff;font-weight:bold;margin-top:8px;}
.sec3-item .mark-inner .bar{background:#d4a273;margin:16px 0;}
.sec3-item .mark-inner .desc{font-size:14px;color:#cfd6e2;max-width:480px;line-height:1.9;}
.sec3-item .more-btn{display:inline-block;margin-top:22px;padding:9px 26px;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:13px;}
.sec3-item .mark1-inner{text-align:center;color:#fff;}
.sec3-item .mark1-inner h4{font-size:24px;font-weight:bold;color:#fff;}
.sec3-item .mark1-inner .more-tag{display:inline-block;margin-top:14px;padding:10px 30px;background:#fff;color:#00acfa;font-size:14px;}
.sec3-item:hover img{transform:scale(1.05);}
.sec3-item:hover .mark{opacity:0;}
.sec3-item:hover .mark1{opacity:1;}

/* ==========================================================================
   section4  新闻动态 (swiper 轮播 + 白色信息卡上浮)
   ========================================================================== */
.section4{position:relative;background:#0c1118;}
.sec4-wrap{width:90%;max-width:1200px;margin:0 auto;padding:100px 0;position:relative;}
.sec4-head{text-align:center;margin-bottom:50px;}
.sec4-head .sec-tt1{color:#fff;}
.news-swiper{position:relative;overflow:hidden;padding:0 4px;}
.news-track{display:flex;transition:transform .6s ease;}
.news-slide{flex:0 0 33.333%;padding:0 12px;}
.news-slide a{display:block;position:relative;transition:all .4s;}
.news-img{display:block;width:100%;height:220px;overflow:hidden;background:#000;}
.news-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.news-info{position:relative;width:90%;margin:-50px auto 0;background:#fff;padding:24px 22px;18px;box-shadow:0 4px 16px rgba(0,0,0,.08);}
.news-info{padding:24px 22px;}
.news-info h3{font-size:17px;color:#333;font-weight:bold;line-height:1.5;margin-bottom:12px;position:relative;padding-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-info h3::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:#00acfa;transition:width .4s;}
.news-info p{font-size:13px;color:#808080;line-height:1.8;height:44px;overflow:hidden;}
.news-info .date{display:block;margin-top:14px;font-size:13px;color:#00acfa;}
.news-slide a:hover .news-img img{transform:scale(1.06);}
.news-slide a:hover h3{color:#00acfa;}
.news-slide a:hover h3::after{width:120px;}
.news-arrow{position:absolute;top:42%;transform:translateY(-50%);width:40px;height:56px;background:rgba(255,255,255,.12);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:6;transition:background .3s;}
.news-arrow:hover{background:#00acfa;}
.news-arrow.prev{left:-8px;}
.news-arrow.next{right:-8px;}

/* 合作伙伴 / 友情链接区(首页可选) */
.partner-section{background:#fff;padding:60px 0;}
.partner-section .sec-tt1{color:#333;}
.partner-section .sec-tt2{color:#00acfa;}
.partner-section .sec-tt2 em{color:#666;}
.partner-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;}
.partner-list .partner-item{width:160px;height:70px;border:1px solid #e6e6e6;display:flex;align-items:center;justify-content:center;font-size:15px;color:#666;background:#fafafa;transition:all .3s;}
.partner-list .partner-item:hover{border-color:#00acfa;color:#00acfa;box-shadow:0 4px 14px rgba(0,172,250,.15);}

/* ==========================================================================
   页脚 footer
   ========================================================================== */
.footer{background:#1b1f27;color:#5f6376;font-size:14px;padding-top:50px;}
.footer-main{width:90%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:30px;padding-bottom:30px;}
.foot-col{flex:1;min-width:200px;}
/* 联系方式列：稍宽以容纳二维码 */
.foot-col.col-contact{min-width:240px;flex:1.4;}
.foot-col .foot-title{color:#fff;font-size:17px;font-weight:bold;margin-bottom:20px;position:relative;padding-bottom:12px;}
.foot-col .foot-title::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;background:#00acfa;}
.foot-col.col-intro .foot-logo{display:flex;align-items:center;margin-bottom:16px;}
.foot-col.col-intro .logo-icon{width:36px;height:36px;margin-right:10px;}
.foot-col.col-intro .logo-icon svg{width:100%;height:100%;}
.foot-col.col-intro .logo-cn{font-size:18px;color:#fff;font-weight:bold;}
.foot-col.col-intro p{line-height:1.9;color:#7c8499;}
.foot-col ul li{margin-bottom:10px;}
.foot-col ul li a{color:#7c8499;font-size:14px;}
.foot-col ul li a:hover{color:#00acfa;padding-left:4px;}
.foot-contact li{display:flex;align-items:flex-start;margin-bottom:14px;color:#7c8499;line-height:1.7;}
.foot-contact li .fc-ico{width:18px;height:18px;color:#00acfa;margin-right:10px;flex-shrink:0;margin-top:3px;}
.foot-contact li .fc-ico svg{width:100%;height:100%;}
.foot-qr{margin-top:16px;text-align:left;}
.foot-qr img{width:97px;height:97px;display:block;border:4px solid #fff;}
.foot-qr span{display:block;color:#7c8499;font-size:12px;margin-top:8px;text-align:center;width:97px;}
.footer-links{width:90%;max-width:1200px;margin:0 auto;padding:20px 0;border-top:1px solid #2a2f3c;border-bottom:1px solid #2a2f3c;}
.footer-links .fl-label{color:#9aa3b2;margin-right:10px;}
.footer-links a{color:#5f6376;margin:0 10px;font-size:13px;}
.footer-links a:hover{color:#00acfa;}
.footer-copy{width:90%;max-width:1200px;margin:0 auto;padding:20px 0;text-align:center;color:#5f6376;font-size:13px;line-height:1.8;}
.footer-copy a{color:#5f6376;}
.footer-copy a:hover{color:#00acfa;}
.footer-copy .icp{margin-left:8px;}

/* 返回顶部 */
.back-top{position:fixed;right:24px;bottom:30px;width:46px;height:46px;background:#00acfa;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:80;opacity:0;visibility:hidden;transition:all .3s;border-radius:2px;}
.back-top.show{opacity:1;visibility:visible;}
.back-top:hover{background:#d4a273;}

/* 图片兜底层 */
.img-fallback{background:linear-gradient(135deg,#00acfa,#d4a273);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;color:#fff;font-size:14px;}

/* ==========================================================================
   内页通用结构  n-banner + ntit + inner-main
   ========================================================================== */
.n-banner{position:relative;width:100%;height:340px;overflow:hidden;background:#090b0f;}
.n-banner img{width:100%;height:100%;object-fit:cover;display:block;}
.n-banner .n-banner-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(9,11,15,.55) 0%,rgba(9,11,15,.75) 100%);}
/* 内页顶部预留固定头部高度 */
.page-body{padding-top:0;}

.ntit{position:relative;width:100%;background:rgba(0,172,250,.85);}
.ntit .ntit-inner{width:90%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:96px;padding:16px 0;}
.ntit .ntt{display:flex;flex-direction:column;}
.ntit .ntt h1{font-size:28px;color:#fff;font-weight:bold;}
.ntit .ntt p{font-size:13px;color:#e6f6ff;letter-spacing:2px;text-transform:uppercase;margin-top:6px;}
.ntit .ntt p::after{content:"";display:block;width:14px;height:5px;background:#fff;margin-top:8px;}
.ntit .weiz{color:#fff;font-size:13px;}
.ntit .weiz a{color:#fff;font-size:13px;}
.ntit .weiz a:hover{color:#0c1118;}
.ntit .weiz span{margin:0 6px;color:rgba(255,255,255,.7);}

.inner-main{background:#fff;padding-bottom:80px;}
.ny-cont{width:90%;max-width:1200px;margin:-60px auto 0;position:relative;z-index:5;background:#fff;box-shadow:0 4px 30px rgba(0,0,0,.08);}

/* 内页分类导航条(产品/新闻列表) */
.nynav{padding:30px 40px 0;}
.nynav ul{display:flex;flex-wrap:wrap;}
.nynav li{margin:0 8px 12px 0;}
.nynav li a{display:inline-block;padding:8px 28px;background:#f2f2f2;color:#333;font-size:15px;transition:all .3s;}
.nynav li.current a,.nynav li a:hover{background:#00acfa;color:#fff;}

/* ==========================================================================
   关于我们页
   ========================================================================== */
.about-wrap{padding:40px;}
.about-edit{line-height:2;color:#444;font-size:15px;}
.about-edit p{margin-bottom:18px;text-indent:2em;}
.about-edit h3{font-size:22px;color:#333;font-weight:bold;margin:30px 0 16px;padding-left:14px;border-left:4px solid #00acfa;}
.about-edit img{margin:20px 0;border-radius:2px;}

/* 发展历程时间轴 */
.timeline{position:relative;padding:40px 0;margin:20px 0;}
.timeline::before{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;background:#e0e6ee;transform:translateX(-50%);}
.timeline-item{position:relative;width:50%;padding:0 40px 40px 0;}
.timeline-item:nth-child(even){margin-left:50%;padding:0 0 40px 40px;}
.timeline-item .tl-dot{position:absolute;top:6px;right:-9px;width:16px;height:16px;background:#00acfa;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px rgba(0,172,250,.3);z-index:2;}
.timeline-item:nth-child(even) .tl-dot{left:-9px;right:auto;}
.timeline-item .tl-content{background:#f7f9fc;padding:18px 22px;border-left:3px solid #00acfa;}
.timeline-item:nth-child(even) .tl-content{border-left:none;border-right:3px solid #00acfa;text-align:right;}
.timeline-item .tl-year{font-size:20px;font-weight:bold;color:#00acfa;font-family:Arial;}
.timeline-item .tl-text{font-size:14px;color:#666;margin-top:6px;line-height:1.7;}

/* 企业文化卡片 */
.culture-list{display:flex;flex-wrap:wrap;gap:24px;margin:30px 0;}
.culture-card{flex:1;min-width:260px;background:#f7f9fc;padding:36px 28px;text-align:center;transition:all .3s;border-top:3px solid transparent;}
.culture-card:hover{background:#0c1118;color:#fff;border-top-color:#00acfa;transform:translateY(-6px);}
.culture-card .cc-ico{width:60px;height:60px;margin:0 auto 18px;color:#00acfa;}
.culture-card .cc-ico svg{width:100%;height:100%;}
.culture-card:hover .cc-ico{color:#d4a273;}
.culture-card h4{font-size:20px;color:#333;font-weight:bold;margin-bottom:12px;}
.culture-card:hover h4{color:#fff;}
.culture-card p{font-size:14px;color:#666;line-height:1.9;}
.culture-card:hover p{color:#9aa6b8;}

/* 团队风采 */
.team-list{display:flex;flex-wrap:wrap;gap:24px;margin:30px 0;}
.team-card{flex:1;min-width:200px;text-align:center;background:#fff;border:1px solid #eee;transition:all .3s;}
.team-card:hover{box-shadow:0 8px 24px rgba(0,172,250,.18);transform:translateY(-4px);border-color:transparent;}
.team-card .tc-img{width:100%;height:220px;overflow:hidden;background:#eee;}
.team-card .tc-img img{width:100%;height:100%;object-fit:cover;display:block;}
.team-card .tc-info{padding:18px 12px;}
.team-card .tc-name{font-size:18px;color:#333;font-weight:bold;}
.team-card .tc-role{font-size:13px;color:#00acfa;margin-top:6px;}
.team-card .tc-line{width:30px;height:2px;background:#d4a273;margin:10px auto 0;}

/* ==========================================================================
   产品列表页
   ========================================================================== */
.pro-list{display:flex;flex-wrap:wrap;padding:30px 40px 20px;}
.pro-card{width:25%;padding:12px;}
.pro-card a{display:block;border:1px solid #e6e6e6;background:#fff;transition:all .3s;height:100%;}
.pro-card .pro-img{position:relative;width:100%;height:180px;overflow:hidden;background:#f2f2f2;}
.pro-card .pro-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.pro-card .pro-img .tag{position:absolute;left:0;bottom:10px;background:rgba(0,172,250,.85);color:#fff;font-size:13px;padding:4px 14px;}
.pro-card .pro-info{padding:14px;}
.pro-card .pro-info h3{font-size:15px;color:#333;font-weight:bold;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-card .pro-info p{font-size:13px;color:#808080;margin-top:6px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-card a:hover{border-color:#00acfa;box-shadow:0 8px 24px rgba(0,172,250,.18);transform:translateY(-4px);}
.pro-card a:hover h3{color:#00acfa;}
.pro-card a:hover .pro-img img{transform:scale(1.06);}

/* ==========================================================================
   产品详情页
   ========================================================================== */
.pro-detail{padding:40px;}
.pro-detail .pd-top{display:flex;gap:40px;flex-wrap:wrap;}
.pro-gallery{flex:1;min-width:300px;}
.pro-gallery .pg-main{width:100%;height:380px;overflow:hidden;border:1px solid #eee;background:#f7f7f7;}
.pro-gallery .pg-main img{width:100%;height:100%;object-fit:cover;display:block;}
.pro-gallery .pg-thumbs{display:flex;gap:10px;margin-top:10px;}
.pro-gallery .pg-thumbs .pg-thumb{flex:1;height:80px;overflow:hidden;border:2px solid transparent;cursor:pointer;background:#f7f7f7;}
.pro-gallery .pg-thumbs .pg-thumb.active{border-color:#00acfa;}
.pro-gallery .pg-thumbs .pg-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pro-info{flex:1;min-width:300px;}
.pro-info .pd-title{font-size:26px;color:#333;font-weight:bold;margin-bottom:14px;}
.pro-info .pd-sub{font-size:14px;color:#808080;line-height:1.9;border-bottom:1px dashed #e6e6e6;padding-bottom:16px;margin-bottom:16px;}
.pro-info .pd-price{margin-bottom:18px;}
.pro-info .pd-price .now{color:#ff7418;font-size:28px;font-weight:bold;}
.pro-info .pd-price .now em{font-size:14px;}
.pro-info .pd-price .old{color:#aaa;text-decoration:line-through;margin-left:10px;font-size:14px;}
.pro-info .pd-params{margin-bottom:22px;}
.pro-info .pd-params li{display:flex;font-size:14px;color:#666;line-height:2;}
.pro-info .pd-params li span:first-child{width:90px;color:#999;flex-shrink:0;}
.pro-info .pd-btns{display:flex;gap:14px;flex-wrap:wrap;}
.pro-info .pd-btns .btn-buy{display:inline-block;padding:12px 36px;background:#ff7418;color:#fff;font-size:16px;border-radius:3px;transition:opacity .3s;}
.pro-info .pd-btns .btn-buy:hover{opacity:.88;}
.pro-info .pd-btns .btn-ask{display:inline-block;padding:12px 36px;border:1px solid #00acfa;color:#00acfa;font-size:16px;border-radius:3px;transition:all .3s;}
.pro-info .pd-btns .btn-ask:hover{background:#00acfa;color:#fff;}

/* 详情 tab */
.tab-box{margin:50px 0 0;}
.tab-hd{display:flex;background:#f2f2f2;border-bottom:2px solid #e6e6e6;}
.tab-hd li{padding:14px 34px;font-size:16px;color:#666;cursor:pointer;position:relative;}
.tab-hd li.on{color:#00acfa;}
.tab-hd li.on::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#00acfa;}
.tab-bd{padding:30px 10px;}
.tab-bd .tab-con{display:none;}
.tab-bd .tab-con.on{display:block;}
.tab-bd .pd-desc{line-height:2;color:#444;font-size:15px;}
.tab-bd .pd-desc p{margin-bottom:16px;text-indent:2em;}
.tab-bd .pd-desc h4{font-size:18px;color:#333;font-weight:bold;margin:24px 0 12px;}
/* 参数表 */
.param-table{width:100%;border-collapse:collapse;font-size:14px;}
.param-table th,.param-table td{border:1px solid #e6e6e6;padding:12px 16px;text-align:left;}
.param-table th{background:#f7f9fc;color:#333;font-weight:bold;width:24%;}
.param-table td{color:#666;}
/* 产品特点 */
.feature-list{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0;}
.feature-item{flex:1;min-width:220px;display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f7f9fc;}
.feature-item .fe-ico{width:38px;height:38px;color:#00acfa;flex-shrink:0;}
.feature-item .fe-ico svg{width:100%;height:100%;}
.feature-item .fe-text h5{font-size:15px;color:#333;font-weight:bold;}
.feature-item .fe-text p{font-size:13px;color:#808080;margin-top:4px;line-height:1.6;}

/* 相关产品 */
.related{margin-top:50px;}
.related .related-title{font-size:20px;color:#333;font-weight:bold;padding:14px 20px;background:#f2f2f2;border-left:4px solid #00acfa;margin-bottom:24px;}
.related .related-title a{float:right;font-size:14px;color:#00acfa;font-weight:normal;}
.related-list{display:flex;flex-wrap:wrap;gap:16px;}

/* ==========================================================================
   新闻列表页
   ========================================================================== */
.news-list{padding:30px 40px;}
.news-card{margin-bottom:24px;}
.news-card a{display:flex;gap:24px;border:1px solid #e6e6e6;background:#fff;transition:all .3s;align-items:stretch;}
.news-card .nc-img{width:280px;min-width:280px;height:180px;overflow:hidden;flex-shrink:0;background:#f2f2f2;}
.news-card .nc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.news-card .nc-info{flex:1;padding:24px 24px 24px 0;display:flex;flex-direction:column;justify-content:center;}
.news-card .nc-info .nc-meta{font-size:13px;color:#00acfa;margin-bottom:10px;}
.news-card .nc-info .nc-meta .nc-date{margin-right:14px;}
.news-card .nc-info h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:10px;transition:color .3s;}
.news-card .nc-info p{font-size:14px;color:#808080;line-height:1.8;}
.news-card .nc-info .nc-more{margin-top:14px;color:#00acfa;font-size:13px;}
.news-card a:hover{border-color:#00acfa;box-shadow:0 8px 24px rgba(0,172,250,.15);}
.news-card a:hover h3{color:#00acfa;}
.news-card a:hover .nc-img img{transform:scale(1.06);}

/* 分页 */
.pagination{padding:20px 40px 50px;text-align:center;}
.pagination a{display:inline-block;margin:0 4px;padding:8px 16px;border:1px solid #e6e6e6;color:#666;font-size:14px;border-radius:3px;transition:all .3s;}
.pagination a:hover,.pagination a.current{background:#00acfa;color:#fff;border-color:#00acfa;}

/* ==========================================================================
   新闻详情页
   ========================================================================== */
.news-detail{padding:40px;}
.news-detail .nd-title{font-size:26px;color:#333;font-weight:bold;text-align:center;line-height:1.5;}
.news-detail .nd-meta{text-align:center;color:#999;font-size:13px;padding:16px 0;border-bottom:1px solid #eee;margin-bottom:30px;}
.news-detail .nd-meta span{margin:0 12px;}
.news-detail .nd-body{line-height:2;color:#444;font-size:15px;}
.news-detail .nd-body p{margin-bottom:18px;text-indent:2em;}
.news-detail .nd-body h4{font-size:18px;color:#333;font-weight:bold;margin:26px 0 14px;text-indent:0;}
.news-detail .nd-body img{display:block;margin:20px auto;max-width:100%;border-radius:2px;}
.news-other{padding:24px 40px 10px;border-top:1px solid #eee;margin-top:30px;}
.news-other a{display:block;font-size:14px;color:#555;line-height:2.2;}
.news-other a:hover{color:#00acfa;}
.news-other .nd-return{display:inline-block;margin-top:8px;padding:6px 22px;background:#f2f2f2;color:#666;font-size:13px;}
.news-other .nd-return:hover{background:#00acfa;color:#fff;}

/* ==========================================================================
   联系我们页
   ========================================================================== */
.contact-wrap{padding:40px;}
.contact-top{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px;}
.contact-card{flex:1;min-width:220px;display:flex;align-items:center;gap:16px;padding:26px 22px;background:#f7f9fc;border-left:3px solid #00acfa;transition:all .3s;}
.contact-card:hover{background:#0c1118;}
.contact-card:hover h4,.contact-card:hover p{color:#fff;}
.contact-card .cc-ico{width:48px;height:48px;color:#00acfa;flex-shrink:0;}
.contact-card .cc-ico svg{width:100%;height:100%;}
.contact-card .cc-text h4{font-size:16px;color:#333;font-weight:bold;margin-bottom:6px;}
.contact-card .cc-text p{font-size:14px;color:#666;line-height:1.6;word-break:break-all;}
.contact-flex{display:flex;flex-wrap:wrap;gap:40px;}
.contact-info-box{flex:1;min-width:300px;}
.contact-info-box h3{font-size:22px;color:#333;font-weight:bold;margin-bottom:18px;padding-left:14px;border-left:4px solid #00acfa;}
.contact-info-box .ci-row{display:flex;margin-bottom:16px;font-size:15px;line-height:1.8;}
.contact-info-box .ci-row .ci-label{width:90px;color:#999;flex-shrink:0;}
.contact-info-box .ci-row .ci-val{color:#444;flex:1;}
.contact-form-box{flex:1;min-width:300px;background:#f7f9fc;padding:30px;}
.contact-form-box h3{font-size:22px;color:#333;font-weight:bold;margin-bottom:22px;padding-left:14px;border-left:4px solid #d4a273;}
.cform .form-row{margin-bottom:18px;}
.cform label{display:block;font-size:14px;color:#666;margin-bottom:8px;}
.cform label i{color:#ff7418;font-style:normal;margin-left:4px;}
.cform .inp,.cform textarea,.cform select{width:100%;padding:11px 14px;border:1px solid #ddd;background:#fff;font-size:14px;color:#333;transition:border-color .3s;}
.cform .inp:focus,.cform textarea:focus,.cform select:focus{border-color:#00acfa;}
.cform textarea{resize:vertical;min-height:120px;}
.cform .form-btn{display:inline-block;padding:12px 40px;background:#00acfa;color:#fff;font-size:15px;cursor:pointer;border-radius:3px;transition:background .3s;}
.cform .form-btn:hover{background:#d4a273;}
.form-tip{font-size:13px;color:#00acfa;margin-top:10px;display:none;}

/* 地图占位 */
.contact-map{margin-top:30px;width:100%;height:320px;background:#0c1118;display:flex;align-items:center;justify-content:center;color:#9aa6b8;font-size:15px;border:1px solid #1c2230;}

/* ==========================================================================
   响应式  平板 (<=991px)
   ========================================================================== */
@media (max-width:991px){
  .topbox,.menubox{display:none;}
  .molheader{display:flex;}
  body{padding-top:0;}
  .banner-slides{height:380px;}
  .banner-text{left:6%;max-width:80%;}
  .banner-text .b-title{font-size:30px;}
  .banner-text .b-desc{font-size:14px;}
  .sec1-list .col{width:50%;}
  .sec1-card .pic,.sec1-more a{height:160px;}
  .sec2-wrap{flex-direction:column;padding:60px 0;gap:30px;}
  .sec2-right img{height:280px;}
  .sec3-item .pic{height:280px;}
  .sec3-item .mark-inner h3{font-size:24px;}
  .sec2-left .sec2-points{flex-wrap:wrap;gap:20px;}
  .news-slide{flex:0 0 50%;}
  .footer-main{flex-direction:column;gap:30px;}
  .pro-card{width:50%;}
  .news-card a{flex-direction:column;}
  .news-card .nc-img{width:100%;min-width:0;height:200px;}
  .news-card .nc-info{padding:20px;}
  .pro-detail .pd-top{flex-direction:column;}
  .contact-flex{flex-direction:column;}
  .ny-cont{width:96%;margin:-40px auto 0;}
  .n-banner{height:240px;}
  .ntit .ntt h1{font-size:22px;}
  .timeline::before{left:20px;}
  .timeline-item,.timeline-item:nth-child(even){width:100%;margin-left:0;padding:0 0 30px 50px;text-align:left;}
  .timeline-item .tl-dot,.timeline-item:nth-child(even) .tl-dot{left:12px;right:auto;}
  .timeline-item .tl-content,.timeline-item:nth-child(even) .tl-content{border-left:3px solid #00acfa;border-right:none;text-align:left;}
}
@media (max-width:560px){
  .banner-slides{height:260px;}
  .banner-text{top:auto;bottom:60px;transform:none;left:6%;max-width:88%;}
  .banner-text .b-title{font-size:22px;}
  .banner-text .b-btn{padding:10px 24px;font-size:13px;}
  .sec-tt2,.sec2-left .sec-tt2{font-size:26px;}
  .sec1-list .col{width:100%;}
  .sec1-card .pic,.sec1-more a{height:180px;}
  .sec3-item .pic{height:200px;}
  .sec3-item .mark-inner{left:6%;}
  .sec3-item .mark-inner h3{font-size:20px;}
  .news-slide{flex:0 0 100%;}
  .pro-card{width:50%;}
  .about-wrap,.pro-detail,.news-detail,.contact-wrap,.news-list,.nynav,.pagination,.news-other{padding-left:18px;padding-right:18px;}
  .nynav{padding-top:24px;}
  .pro-list{padding:20px 18px;}
  .pro-info .pd-title{font-size:20px;}
  .culture-card,.team-card{min-width:100%;}
  .contact-card{min-width:100%;}
  .lot-phone .lot-num{font-size:16px;}
}